HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Зачем нужен тег?
Хочу спросить зачем нужен behavior.Я примерно знаю с чем его едят но все таки....
0 votes3 answers -
div+js vs table?
Вопрос из названия темы: чему отдать предпочтение - верстке таблицами или блочной, но применяя JavaScript? Поскольку нет пока ответа в моей соседней теме, как "повесить" фоновое изображение вокруг резиновых блоков, чтобы с подвалом было все в порядке. Возможно автор сайта сможет также объяснить: на стр. 259 книги "Вёрстка веб-страниц" предлагается при резиновой верстке использовать в качестве фона изображение с заведомо большой шириной, например 2000px: Как в таком случае сделать вертикальную бордюр-косичку вокруг блоков (в том числе резиновых), как в примере выше, где ширина блоков фиксирована? В принципе, о этом уже написано, просто есть ли решения, которые подошли бы…
0 votes0 answers -
Цвет подчеркивания ссылки.
В общем, как задать цвет подчеркивания для ссылки? Ссылки — пункты меню, которое выполнено, как горизонтальный список. Свойство задать нужно ТОЛЬКО(!) для 2 и 3 пункта меню (Каталог, Контакты) Html: <ul> <li><a href="#" id="current">О компании</a></li> <li><a href="#">Каталог</a></li> <li><a href="#" style="width: 115px;">Контакты</a></li> </ul> CSS: ul li a { display:block; float:left; color: #666666; width: 130px; text-align:center; padding:12px 32px 12px 32px; height:25px; font-family: ArialBold; font-size: 16pt; background-color: black; } ul li a:hover { color:white; } ul li a#c…
0 votes3 answers -
селектор атрибута в IE
такой css: .modCont td[rowspan]{ text-align: left; } .modCont td, .modCont th{ border-left: 1px black solid; border-right: 1px black solid; text-align: center; } и такой html <tbody> <tr> <td rowspan="7"><strong>bla-bla-bla</strong></td> </tr> <tr><td>60</td><td>0,26</td><td>-</td><td>22</td><td>50</td><td>92</td><td>129</td></tr> <tr><td>100</td><td>0,43</td><td>-</td><td>13</td><td>30</td><td>55</td><td>77</td></tr> <tr>…
0 votes9 answers -
Различное написание
Здравствуйте! Подскажите, пожалуйста, Какая разница между написаниями: .nav a {} и a.nav {}? Почему сайт по-разному на них реагирует? Заранее благодарю за ответ!
0 votes3 answers -
Проблема в ie6.
Добрый день! Есть элемент div с фиксированным размером, содержимое которого выходит за его границы. Код: <style> div { background: #fcc; height: 10px; width: 10px; } </style> <div>1<br/>2<br/>3</div>Как сделать чтоб в ie6 выглядело как и в других браузерах? Как выглядит в других браузерах и как выглядит в ie6: Создавать другие элементы нельзя. Дополнение: портативный ie6 (один файл) можно скачать тут.
0 votes3 answers -
Большая площадь ссылки при наведении курсора
Помогите, пожалуйста с таким вопросом: Есть горизонтальное меню, при наведении мыши на ссылку цвет меняется, но также и меняется площадь действия ссылки, по высоте уходит прилично вниз. Это особенно хорошо видно на IE 8.0 при нажатии на ссылку. Ссылка на сайт Эридан Аудио Пробовал анализировать код при помощи Chrome, нахожу этот участок, но никак не пойму откуда эта площадь берется
0 votes2 answers -
Подскажите как выставить цвет
Уже два вечера угрохал на эту мелкую проблему - и гуглил и мануалы листал, ну никак не нашел подход. Всё залил сюда, весь код меню в одном файле. http://удалил.ru/ Как сделать, чтобы при наведении курсора на основные пункты - они (пункты) оставались белым цветом. А то при уходе на субменю буквы снова становятся чёрными. Заранее спасибо. P.S. Вёрстка только начата под Лисой, в других броузерах может что-либо слететь при просмотре страницы.
0 votes6 answers -
Вертикальное выравнивание блока.
Всем привет. Подскажите, кто знает, возможно ли выровнять блок по вертикали, если у него нет фиксированной высоты? (речь идёт о классе .wrapper) Cтраницу можно увидеть здесь: http://yamaradg.narod2.ru/history/zaglushka/index.html P.S. Буду благодарен за ответ...
0 votes1 answer -
Как быть с высотой в резиновом макете?
Привет! Кто и как решал такую проблемку? Если блоку дать 100% то он не вытягивается без содержимого в высоту, а нужно сверстать плашку которая бы тянулась. Подскажите как?!
0 votes7 answers -
блочная вёрстка
ребята как не пойму как сделать блочную вёрстку вот этой таблицы http://jsfiddle.net/EHTEm/23/ выручите пожалуйста
0 votes3 answers -
рядом стоящие div с обводкой! Беда!
Есть рядом стоящие div с обводкой в 1 px размещаются на растоянии друг от друга. А мне необходимо, что бы они были в притык. И даже если соединить их, то 2 границы стоящие рядом составляют границу между дивами в 2 px Как выйти из этого положения?
0 votes2 answers -
Резиновый дизайн с колонкой фиксированной толщины
Имеется базовая тема Zen для Drupal с адаптивным дизайном на основе Zen Grids. Для экранов размером от 480 до 960 пикселей страница в ней бьётся на три колонки, две занимает контент и одну - сайдбар: @media all and (min-width: 480px) and (max-width: 959px) { .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */ float: left; width: 66.66667%; margin-left: 33.33333%; margin-right: -100%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; } Для экранов шире 960 пикселей страница бьётся на 5 колонок, четыре заним…
0 votes0 answers -
высота блоков
Всем привет, есть 3 блока http://fscreen.ru/vAc4Rb1314175623 , цены и описание должны быть выровнены по одной линии, есть сузить экран , то высота блока изменяется и появляется скроллинг у блока ( http://fscreen.ru/Vn9c0L1314180238 ) т.к. я задал для блоков фиксированную высоту и overflow:auto; , если без фиксированной высоты, то сами понимаете ничего на одном уровне точно не будет. Как посоветуете решить проблему. Никто не знает есть функция js определяющая высоту контента в блоке ?
0 votes9 answers -
Автовысота 100% у вложенных divов
<body> <div id="wrapper1"> <div id="wrapper2"> <div id="wrapper3"> content </div> </div> </div></body>body, html { height: 100%; }#wrapper1, #wrapper2, wrapper3 { min-height:100%; }Вроде бы, wrapper1 должен быть минимально 100% высоким от размера окна, wrapper2 100% высоким от размера wrapper1, а wrapper3 100% высоким от размера wrapper2. На практике же эта цепочка обрывается на wrapper2, т.е. wrapper1 отрабатывает нормально и растягивается по высоте на всё окно, а wrapper2 уже только на высоту контента, который в wrapper3. Проблема в моём понимании того, как это всё работает? Вообще, такое можно заставить работат…
0 votes2 answers -
как зделать table резиновым?
Здраствуйте! есть такой елемент в jqueryUI как Datepicker, он, сверстан елементом table у меня он помещен в див который имеет резиновую ширину 30%, как зделать table тоже резиновым я ставлю 100% не работает...(( <table> внутри <div>
0 votes3 answers -
Tag data в зависимости от ширины экрана
День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.
0 votes3 answers -
Слайдер в шаблон статьи на WP
Здравствуйте. Меня преследует проблема с добавлением слайдера в шаблон статьи. Сам слайдер устраивает - взяла плагин Owl Slider. Вставляется методом шорт-кода в шаблон index'a, например. Или методом нажатия на кнопку на панели инструментов при написании поста - в single.php в часть the_content. Но проблема вот в чем - макет немного нестандартный. Выглядит так - слайдер(часть the_content) => заголовок, дата, автор => основной текст (часть the_content). То есть как бы макет именно записи блога, тот участок the_content прерывается. Пока не вижу другого способа как вставить слайдер в шаблон. Статьи хранятся в базе, поправить название слайдера для каждой новой статьи не…
0 votes0 answers -
Помогите вставить изображение в блок
Здравствуйте, есть у меня блок, который в CSS имеет такие свойства: Скрытый текст .hero { background-color: #B3B3B3; padding-top: 150px; padding-bottom: 150px; } И есть изображение, размером 3840x2160. Так вот, как мне сделать, чтобы оно было в блоке и обрезалось в зависимости от изменения размера блока.
0 votes1 answer -
Проблемы с отображением текста в Мозилке
самая простая вещь - верстка текста внутри сайта. мозилла не хочет распознавать тахому. что делать?
0 votes7 answers -
Тянущийся список
Всем добрый день. Прошу помощи в решении проблемы. Итак есть задача: сделать галерею, наподобии этой: http://jqueryfordesigners.com/demo/slider-gallery.html то есть список (<ul>) вытянутый в линию. Если элементы списка - изображения. то никаких проблем, но в задаче стоит - каждый элемент должен быть картинкой с текстом. Проблема заключается в следующем: список нужно растянуть, без переноса на новую строку. Но он переносится по краю радительского блока. Пример (код сильно обрезан, если необходимо, могу выложить весь): Для начала css Теперь сам html Прошу помощи, куда копать для решения этой проблемы, и можно ли вообще такое сделать? UPD Сутки убил на решение про…
0 votes0 answers -
Ограничение на растяжение колонки
На своём сайте я использую резиновый шаблон, левая и правая колонки - фиксированные, а центральная занимает всю оставшуюся ширину экрана, недавно я посмотрел статистику Li и обнаружил, что очень много людей просматривают сайт с разрешением 1400*1050, 1440*900, 1680×1050 и понял, что сайт для них выглядит очень неудобным. У меня вопрос: можно как-то с помощью html или css ограничить растяжение таблицы, т.е. например до 1280 растягивается, а далее уже фиксируется??? Или просто подскажите другое решение.
0 votes2 answers -
Проверьте ход мысле, пожалуйста.
Т.е. верстаю я редко, то до сих пор не научился. Вот проверьте меня, пожалуйста, правильно ли я начала верстать сайт, особенно верстка меню меня интересует. Вот ссылка: http://deluxe-okna.ru/ Там css такой: .about { font-size: 15px; color: white; margin: -30px 0 0 35px; } .about a { text-decoration: none; color: white; } .galery { font-size: 15px; margin: -19px 0 0 180px; } .galery a { text-decoration: none; font-size: 15px; color: white; } .production { font-size: 15px; font-size: 15px; margin: -18px 0 0 300px; } .production a { text-decoration: none; color: white; } .answer { font-size: 15px; margin: -17px 0 0 475px; } .answer a { color: white; tex…
0 votes5 answers -
баг хрома?смешно....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…
0 votes7 answers -
Проблемка с firefox и chrome
В браузерах firefox и chrome когда в форму ввода текста вводишь какие-нибудь данные, браузер их запоминает. Например, тут http://zthata.com.ua/map в поле названия улицы, когда вводишь первую-вторую буквы появляется выпадающий список с улицами на эту букву и ты выбираешь нужную себе улицу. Но, потом когда ты опять ищешь улицу на ту букв которую искал раньше, тебе помимо выпадающего списка улиц самого скрипта еще сам браузер показывает список улиц, которых ты раньше выбирал. Как сделать, так чтобы браузер не показывал введенный ранее мной текст.
0 votes2 answers