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
-
Специфичность
Например, есть вот таких два свойства: .dog a { color:red; } .cat a { color:blue; } У них специфичность у обоих по 11. Могу я как-нибудь указать браузеру, чтобы побеждало то свойства, к какому классу тег a находится ближе? То есть, чтобы в данном случае ссылка была синей: <div class="dog"> <div class="cat"> <a> hello </a> </div> </div> И второй вопрос, можно ли явно указывать значение специфичности, то есть, например я записал вот так свойство и у него была бы специфичность 111 .dog a 111 { } а если мне нужна специфичность 225, то как это указать? То есть вопрос в том, как явно указать специфичность стилевого правила?
0 votes6 answers -
clear: left не убирает обтекание при стиле "div div { float: left
<div style="clear: left;"></div> в такой конструкции не отрабатывает <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> div { display: block; position: relative; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div style="clear: left;"></div> </div> <div style="border: 3px solid green;">33333</div> в скомп…
0 votes9 answers -
Проблема
Решается
0 votes4 answers -
DIV по высоте экрана
Друзья, можно я задам вам вопрос.?! Задумка, сверху див во всю ширину экрана пользователя(1) но под дивом идет еще и контент (5)(если прокрутить вниз(2)), на экране разных пользователей с разной высотой экрана(3), верхний див будет растягиваться на всю высоту которую позволяет экран. Для наглядности нарисовал картинку вот ссылка. Спасибо за внимание, а за помощь респект большой.
0 votes6 answers -
Требуется помощь c CSS стилями
Здравствуйте все. Прошу помощи. Все перепробовал,ничего не получается. В ссылке изображение шаблона. Эффект тени который указан стрелками не показывается при заливке сайта на хостинг. На локальном диске все отображается нормально. Я понимаю,что проблема скорее всего в стилях,но что исправить не знаю. Буду благодарен за помощь. http://mirina-art.neirs.ru/kartin.html Пишите мне
0 votes6 answers -
Не работает html ссылка
Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроил пару менюшек. Одну горизонтальную, другую вертикальную. Обе были уже готовыми решениями и скачивались с разных сайтов. Кроме html и css в них ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается. Сайт вообще только на html и css пока. Впервые такое встречаю. Если у ко…
0 votes5 answers -
0 votes7 answers
-
картинка поверх другой
есть карта страны, разбитая по областя, при наведении на определенную область она должна менять цвет, сейчас это реализовано тут (наведите на донецкую область) http://albomov.net/mapa/ т.е. сейчас вместо первой картинки подгружается вторая с выделенной областью, но этот метод не совсем подходит, подскажите как можно поменять цвет нужной мне области другим методом - или вставить картинку нужной области поверх главной карты или какой либо другой способ Буду очень признателен, очень нужно но чтото ничего не выходит
0 votes1 answer -
Ещё раз высота блока.
Два блока <div id='home'> <div id='homeInfoMan'> </div> </div> В стилях указаны высота блока home=870px ,но НЕ указана высота блока homeInfoMan. В блок с ИД=homeInfoMan я помещаюмного блоков с комментариями.При этом высота каждого из них разная(комментарии ведь разны размеров). Проблема заключается в следующем.! Когда через ajax блок homeInfoMan получает блоки с комментариями,то блок homeInfoMan в стилях имеет высоту равную нулю! Хотя в нём комментариев на 4000 писелей!!! Проинспектировать элемент-выоста равна нулю.document.getElementById("homeInfoMan").offsetHeight;-- ноль!! Почему так?!?!
0 votes8 answers -
width и heigh для img
По началу страдал этим, постоянно width и heigh ставил, а потом так подумал, что оно мне даёт? да только лишний код. С отключенными картинками не все браузеры место по указанным размерам оставляют. И перестал. Но сейчас эта тема для меня неожиданно поднялась. В общем, господа, разъясните пожалуйста в каких случаях обязательно нужно указывать размеры и для чего?
0 votes6 answers -
резинновый макет с position:absolute ?
с координатами сделать такое не проблема, если верхний блок имеет чёткие размеры, а если эти размеры не известны ? возможно ли вообще ? блок должен центрироваться, а в случае если его размеры превысят серый блок, он должен прилипнуть к голубому блоку и тянутся, не сдвигая желтый блок (красный маленький блок, зелёный, если его содержимое будет большим) вот так смог если известен размер верхнего блока <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> body {margin:0;} .tops { position:absolute; border:1px solid red; height:295px; width:100%…
0 votes8 answers -
Особенности резиновой верстки
Здравствуйте, товарищи профессионалы. 1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной? 2. И на что стоит обратить внимание при верстке резинового макета? 3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ? 4. Какой вид верстки наиболее популярен на данный момент?
0 votes9 answers -
background-position c background не должен работать ?
background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-po…
0 votes6 answers -
Анимация глючит
Есть резиновая дивная вёрстка с анимацией скрытия боковых блоков: http://maestro-magnifico.ru/ Используется jQueryUI. Проблема в том, что при анимации боковых блоков, текст в центральном блоке не разъезжается плавно. CSS центрального блока: #center_column { margin: 0px 190px; /* ширина боковых блоков + отступы */ border: 2px solid red; /* для наглядности */ } Если сюда добавить ещё: display: inline-block; то, анимация текста становится плавной, но сам центральный блок опускается под высоту боковых блоков: http://savepic.net/1291355.png Как это исправить? =\
0 votes6 answers -
Закругление меню
http://inmyhood213.narod.ru/newfolder/corners.html Не пойму почему не закругляются углы.. Может чего не замечаю??
0 votes14 answers -
Убрать отступ
Здравствуйте, столкнулся с такой проблемой. Скажите пожалуйста, как это убрать? Заранее спасибо.
0 votes6 answers -
Меню в IE 6 выстраивается в столбец
Здравствуйте, подскажите пожалуйста, почему наблюдается такая картина в IE 6 в других браузерах (Chrome, FF 4, IE 8,9) картина нормальная: код html: <div id="menu"> <ul> <li><a href="http://4homeremont.ru/index.php">Главная</a></li> <li><a href="http://4homeremont.ru/about.php">О компании</a></li> <li><a href="http://4homeremont.ru/services.php">Услуги</a></li> <li><a href="http://4homeremont.ru/price.php">Цены</a></li> <li><a href="http://4homeremont.ru/company_services.php">Обслуживание фирм</a&g…
0 votes4 answers -
Ездят пункты меню
На сайте,который я верстаю есть горизонтальное меню ТЫЦ если в браузере уменюшить маштаб то пункты меню уходят вправо,как это исправить?
0 votes4 answers -
Проблема с Div position:absolute;
Постараюсь кратко изложить суть проблемы есть два блока <div id="background" style="position:absolute;"> <div id="bg1"></div> <div id="bg2"></div> <div id="bg3"></div> <div id="bg4"></div> <div id="bg5"></div> </div> таким образом я сформировал сложный фон для страницы, теперь мне нужно сверху наложить остальную часть сайта <div id="body" style="position:absolute;"> <div id="content"></div> ............ ............. </div> В итоге получаем сайт состоящий из двух слоев Но мне нужно, чтобы <div id="background"> был дочерним по отношению к <di…
0 votes1 answer -
Центрирование по высоте и ширине
есть ли решение блоками сделать такое ? всё резиновое. блок отцентрировать по высоте и ширине если размеры окна меньше, он липнет к правому краю (и к верхнему) таблицей проще некуда <table width="100%" height="100%"> <tr><td align="center" valign="middle">ddd</td></tr> </table> а как блоками ? БЕЗ ЯВЫ!
0 votes16 answers -
Резиновый слой
Помогите пожалуйста У меня есть внешний div Внутри него находятся еще 2 div. Один слева, другой справа! Когда в правый попадает много текста он начинает растягиваться вниз, но при этом внешний div остается прежнего размера! Я ни где не задавал размеры внешнего div и по идее он должен автоматически растягиваться при увеличении внутреннего, но так не происходит. Как мне заставить его расширятся в зависимости от размеров внутренних тегов
0 votes4 answers -
Smarty - разбить на столбцы
Всем привет! Не могу понять или найти решения. Если есть у кого минут, подскажите пожалуйста. Есть некий цикл <ul> {foreach name=aussen item=data from=$content} <li>бла бла бла</li> {/foreach} </ul> в нем выводится список, допустим, категорий. В списке может быть 2, а может 10, а может 50 записей. Как можно сделать, чтобы билось на колонки? Т.е. чтобы в списке было, к примеру по 6 категорий. При этом количество колонок изначально не известно. На примере. В списке 10 категори Категория 1 Категория 2 Категория 3 Категория 4 Категория 5 Категория 6 Категория 7 Категория 8 Категория 9 Категория 10 на выходе получить Категория 1 | Категория 4 | Категори…
0 votes6 answers -
Кодировка файлов.
Если указывается в HTML файле кодировка utf-8, в этой же кодировке он сохранен. Нужно ли сохранять CSS файл в кодировке utf-8?
0 votes30 answers -
Проблема с отображением сайта в Opera и IE
Добрый день! Подскажите пожалуйста в чем может быть проблема такого кривого отображения в опере и ие? Скрин и сурс файлы приложил. Спасибо заранее. Как не должно быть... http://i075.radikal.ru/1105/ae/9c0b351ffcf7.jpg Как должно быть... http://s45.radikal.ru/i110/1105/30/bfda9dfb0b09.jpg Ссылка на просмотр CSS и HTML
0 votes8 answers -
Надо ли Calibri подключать @font-faceОМ?
Надо ли Calibri подключать @font-faceОМ? По идее надо, на всякий случай хочу спросить
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-