HTML Coding

29542 questions in this forum

1. Как вырезать этот слой в фотошопе?

   Здраствуйте. Уже не первый раз бьюсь с подобной проблемой. Как у этого макета http://divhack.com/downloads/study/6/6.psd вырезать верхний широкий хедер (выполненный разноцветными разводами), который состоит из двух слоев. Если первый прозрачный слой с разводами я еще могу скопировать в новый документ, то от второго (темного) копируется лишь маленькая рамка (50 пикселей) вместо 1200. А выделенные вместе они вообще не копируются. Их можно скопировать через шифт+с, предварительно убрав все остальные лишние слои сверху (а это долго и муторно). Может есть способ проще? Как скопировать более быстрым способом?

   Asked by Zverushka, March 28, 2013

   0 votes
   10 answers
2. Слайдер

   Добрый вечер,форумчане! Подскажите,при помощи чего лучше подключить данный слайдер?и как добавить на него столько текста?подключить бутстрап, просьба - не предлагать!Заранее спасибо! http://prntscr.com/906imc

   Asked by yulshaz@mail.ru, November 7, 2015

   • слайдер
   0 votes
   10 answers
3. Кроссбраузерность (Three pixels text jog)

   Сайт проходит валидацию, а вот дрим ругается на кроссбраузерность Three pixels text jog. Ошибку выдает на абсолютное позиционирование дива: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } как исправить? спасибо

   Asked by termoplus, May 12, 2009

   0 votes
   13 answers
4. Помогите

   У меня есть макет .Проблема вот в чем я не знаю как сверстать шапку(шаблон фиксированный) тоесть я фон то могу отобразить правильно,но логотип и баннер не знаю как сверстать никак не встают так что бы логотип слева баннер справа.Не могу сообразить как сверстать... Помогите.Пробовал фон делать релатив а логотип с баннером на обсолют,но так фон съезжает да и получается не под все разрешения экрана. Вот код фона шапки <table style="width: 100%; border-collapse: collapse"><tbody><tr><td style='width: 1100px; height: 174px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://nek.3dn.ru/images_shw/shapka_bg.png"); background-repeat: no-r…

   Asked by TrilLiaN, August 13, 2010

   0 votes
   13 answers
5. Как стилизовать текст для placeholder используя атрибут "style"

   У меня есть тег <input id="foo" type="text" name="url" placeholder="Укажите URL" value="" style="color:#000000;" /> Проблема в том, что текст "Укажите URL" по умолчанию отображается так же как и обычный вводимый в текстовое поле текст. А хотелось бы его цвет сделать серым, чтобы нельзя его было спутать с обычным текстом, вводимым пользователем. Но я не могу пользоваться стилями в подключаемых css-файлах. Мне желательно сделать все стили в атрибуте "style". Можно ли это осуществить?

   Asked by clavin, June 18, 2012

   0 votes
   3 answers
6. Подскажите, как так сделать?

   Помогите пожалуйста сделать вот такое! Суть заключается в том, что все цвета, кроме синего(контент) должны быть всегда width: 100%; а контент всегда посередине margin: 0 auto; Вопрос как так сделать?

   Asked by oleg126, January 13, 2014

   • html
   • css
   • help
   0 votes
   12 answers
7. Роли и aria-атрибуты

   Подскажите, зачем нужны роли и aria-атрибуты? По моему они также дублируют друг друга. Стоит использовать и то и то, или что-то одно?

   Asked by PavelTkachev, February 19, 2015

   0 votes
   7 answers
8. Выбор платформы для разработки

   Всем добрый день. Нужен совет специалистов. Мы заказчики продукта . Наш холдинг занимается продажами . Стоит задача создать СВОЮ CRM систему для сотрудников и партнеров ( порядком 2000 человек ) у каждого свой личный кабинет с определенным набором функционала и информации (графики , статистика и тд ). В будущем хотим создать моб. приложения под андроид и эппл. Пример http://democrm-panasonic.incon.solutions/index.html , того что мы хотим. Мы поставили задачи , которые преследуем , перед рядом подрядчиков крупных компаний , которые возьмутся за разработку продукта. Одни предлагают все построить на Битриксе . Другие предлагает построить все на J…

   Asked by FedorMoscow, July 14, 2016

   0 votes
   10 answers
9. Как сверстать шестиугольный тянущийся блок?

   Клиенту надизайнили вот такой макет. Не понимаю, как верстать. Белую область еще примерно понимаю, как можно сделать из трёх частей. Верх и низ бордюрами по методам треугольника, центр - обычный прямоугольник. А вот золотую рамочку - как? И тянуться оно должно вертикально, завися от наполненности Ещё занятно то, что левый край фигуры выходит за сетку. Это видно по левой границе текста. https://codepen.io/d0ublezer0/pen/bGpqgKY вот что удалось сверстать что не нравится: придется ловить значения бордюра для разных разрешений, чтобы попасть в ширину блока ну и рамочку так и не смог запилить. UPD: добрался до clip-path Боле…

   Asked by d0ublezer0, August 25, 2020

   0 votes
   4 answers
10. ПОДСКАЖИТЕ КАК ТАКОЕ СДЕЛАТЬ.

    Вот мне надо както внедрить в сайт прокрутку с дальнейшей ссылкой на фотографию.Как это сделать??!!

    Asked by tray, April 8, 2008

    0 votes
    5 answers
11. Двухколоночный шаблон

    Ссылка Нужно чтобы серое поле слева тянулось по высоте правого блока, или наоборот правое поле белое по высоте серого. Пробовал через border. Но ширину бордера в процентах то не указать. Поля справа и слева резиновые, т.е. в процентах

    Asked by PaLyCH, November 12, 2008

    0 votes
    3 answers
12. Как разместить ссылки только на морде? WordPress

    сабж. есть код: <? if ( is_home()){ ?> <a href="http://ссылко.com">анкор</a> <?}?> он позволяет размещать ссылку на морде + все страницы статей, а мне нужно только чтоб на главное отображалась ссылка. Подскажите пожалуйста. спасибо!

    Asked by mephistophile_ua, March 3, 2009

    0 votes
    9 answers
13. Вытянуть меню по ширине контейнера

    Привет всем. Есть менюшка обычная, горизонтальная <ul> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка вторая</a></li> <li><a href="#">Ссылка третья</a></li> <li><a href="#">Ссылка четверная</a></li> <li><a href="#">Ссылка последняя</a></li> </ul> Как можно его растянуть на всю ширину родителя и чтобы все ссылки меню были по центру? не могу никак придумать. Т.е. как таблица растягивается и все ячейки занимают автоматическую ширину... Спасибо.

    Asked by dropoff, November 24, 2010

    0 votes
    3 answers
14. высота <iframe> 100% не работает в mozilla

    Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле не работает как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; background-image: url('http://adrenalinemap.com/wp-content/uploads/2011/05/FOOOOOOTER.jpg');…

    Asked by mkone112, May 16, 2011

    0 votes
    2 answers
15. Про браузеры и разрешение

    Кроссбраузерность. IE6, IE7, IE8, IE9, Opera последняя версия, Google Chrome последняя версия, Mozilla Firefox последняя версия, Safari последняя версия. Нормально так будет проверять на кроссбраузерность? 1. Во всех версиях IE нужно отдельно проверять, а в остальных браузерах можно просто в последней версии проверить? 2. После окончания верстки проверяете ли на экранах с разным разрешением? И вообще стоить ли это делать? Например если верстаешь под 1024 и под 1280. Если да, то как проверяете? Ведь монитор по сути один.

    Asked by Rustick, July 7, 2011

    0 votes
    9 answers
16. Background-image из элементов страницы

    А можно ли сделать Background-image для страницы не из картинки, а из описанного элемента в css файле(допустим опишем в css квадратик, а потом как-то вставим его в фон повторяться )без JS?В html5 css3?

    Asked by Анна, November 8, 2011

    0 votes
    21 answers
17. Всплывающие картинки

    <html> <head> <title> 1 </title> <script type="text/javascript"> function over() { par = document.getElementsByTagName('div')[0]; image = document.createElement('img'); par.appendChild(image); image.style.position = 'absolute'; move(); image.src ="medveden1.jpg"; image.style.zIndex = "10"; image.style.background = '#111111'; image.style.border = "solid 1px #346fdc"; image.style.padding = "4px"; } function move() { image.style.left = window.event.x+window.pageXOffset+15; image.style.top = window.event.y+window.pageYOffset+15; } function out() { par.removeChild(image); } </script> </head&…

    Asked by Zombak, January 28, 2012

    0 votes
    7 answers
18. fancyBox свой html в подпись

    Подключил на сайте последнею версию http://fancyapps.com/fancybox/ использую метод следующего типа: <a class="fancybox-effects-a" href="images/gallery/foto-big.jpg" data-fancybox-group="gallery" title="Название фото"><img src="images/gallery/small/foto-small.jpg" alt="Название фото" /></a> Проблема в следующем, как кроме названия фото, там ниже вывести описание фото и лайки со сетей? Буду благодарен за пример кода, спасибо.

    Asked by okunev2, May 1, 2012

    0 votes
    1 answer
19. Анимированное меню в виде сот

    Добрый день. Сделала вот такое меню в виде сот http://codepen.io/anon/pen/rGJEI Текста не будет. Анимация работает только в хроме, т.к. использовала "filter", который поддерживается лишь в этом браузере и почему-то замыливает фотографии. Это была проба фильтра, в дальнейшем добавлю фиксы этого для всех браузеров, которые нашла на просторах интернета. Но вопросы немного в другом: 1. Думала просто подтянуть чб картинки вместо фильтра, но таких картинок слишком много на нескольких страницах и есть ли в этом вообще смысл? Если оставлять фильтр, то как убрать замыленность? 2. Возникла проблема при переносе этого куска в основной код. В фоне страницы - картинка, которая к…

    Asked by NatalieZ, December 5, 2013

    0 votes
    2 answers
20. Многоколоночная верстка

    Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такие блоки (см.Приложение) Пробовала column в css. И совсем запуталась. Буду благодарна за детальный ответ.

    Asked by vivelena, May 3, 2014

    • column
    • css
    0 votes
    12 answers
21. Как сделать главный экран на сайте

    Добрый день. Есть макет, в котором предусмотрен главный экран (верхняя часть сайта без основного контента). Нужно, чтобы этот экран занимал весь вьюпорт по высоте и ширине и был адаптивным, то есть на всех экранах (начиная с ширины в 1000px) при открытии сайта все пространство должен занимать этот экран. Также нужно, чтобы картинка на фоне тоже была адаптивной (background-size: cover дал не совсем тот эффект, сама картинка должна центрироваться, а не уменьшаться пропорционально). Как это реализовать? Заранее спасибо. P.S. На картинке тот самый главный экран (шапка, блок с "можем-получаете" и блок "хотите..."). Ниже в макете идет основной контент (простой текст).

    Asked by mankutila, May 18, 2015

    • экран верстка
    0 votes
    3 answers
22. Информация о разрывах строк, вносимых браузером

    Ищу функцию, которая могла бы взять HTML-документ и расставить в его текстовых блоках разрывы строк, в точности, как это делает браузер. Желательно, что бы эта фунция была полностью реализована в php. Но если у какого-то браузера есть плагин с соответствующей функцией, то тоже пойдет. К примеру в Опере есть плагин DragonFly, который для каждого HTML-блока показывает его реальную ширину, но прежде чем этот параметр увидать, надо на соответствующий блок ткнуть указателем. Такую рутину врядли можно автоматизировать. Вот если бы Опера записывала реальную ширину всех блоков в отдельный лог, то было бы замечательно. Тогда по этому логу можно было бы получить информацию о разрыв…

    Asked by freeneutron, February 11, 2009

    0 votes
    10 answers
23. 3я колонка в резиновом макете

    Салют! Верстка слоями. Описание: maindiv - контейнер, растягивается на весь экран. 1я колонка - фиксированная ширина в px; 2я колонка - динамическая ширина; 3я колонка - фиксированная ширина в px, всегда в правом углу maindiv. /maindiv Задача: сверстать так, чтобы при уменьшении окна браузера, макет не рассыпался (что происходит при использовании float) и слои не налазили друг на друга (что происходит при использовании абсолютного позиционирования). Проблема, в общем, в 3ей колонке, т.к. для нее нельзя точно задать margin-left Естественно, Java или таблицы - неинтересные решения

    Asked by Jadd_NS, April 20, 2009

    0 votes
    5 answers
24. Подскажите пожалуйста

    Приветствую всех! По сути: Столкнулся с давно описанной проблемой, а именно - расстоянием от маркера(маркир. списка) до текста. Вот здесь, в Рецептах показан доходчивый и надёжный способ (li {padding-left: 20px;}),но в моём случае он почему-то не работает...в FF нормально,в IE, Opera не работает. Вот участок CSS: li { padding-left: 20px; list-style-image: url(images/li.gif); list-style-position:inside; } li:hover {list-style-image: url(images/li-hover.gif); } Очень интересно, почему это не работает,может у меня где-то ошибка? Посмотреть как именно не работает

    Asked by bravada j, May 20, 2009

    0 votes
    9 answers
25. Не работает ссылка в Opere и Mazille

    Всем привет! Не работает ссылка в опере и мазиле. Что делать? Код: <a href = 'kont.php'> <td width = 9% style = "cursor: pointer" onmouseover="this.style.backgroundColor='#9aa5b6'" onmouseout="this.style.backgroundColor=''"><p class = 'menu'>КОНТАКТЫ</td></a> Заранее спасибо за ответы!

    Asked by ChipAlina, January 22, 2010

    0 votes
    4 answers