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
-
Съезжает макет
Вобщем есть страница грубо говоря вот такого вида: <!--1.html--> <div class="1"> <div class="2"> </div> </div> <!--1.html--> <!--2.html--> <div class="3"> <div class="4"> <div class="5"> </div> <div class="6"> </div> <div class="7"> <!--2.html--> <!--3.html--> </div> </div> </div> <!--3.html--> <!--4.html--> <div class="8"> <div class="9"> </div> </div> <!--4.html--> Дальше сделал что бы сайт был динамическим вот так: <?php define('THEME','MY'); include 'themes/'.THEME.'/1.h…
0 votes2 answers -
Съезжает макет
сори, удалите плиз
0 votes0 answers -
Высота сайта
Сверстал свой первый макет http://examplesait.ru.swteh.ru/sait.html Осталось непонятным следующее: как убрать лишнее(пустоту) из-под футера???
0 votes4 answers -
горизонатльное меню
Здание у меня сверстать вот такое меню: С а:ховер, a:актив и всем делами. Сверстать кончено можно, но мне мерещиться очень много стилей.. (по три для каждой кнопки + ещё 3 для кнопки home) Как бы вы сверстали, максимально просто и минимум кода? http://s012.radikal.ru/i320/1011/72/55fa12c7921f.jpg
0 votes2 answers -
Картинки вместо bullet points
Собственно как?
0 votes3 answers -
Что означают записи внутри тега <html> при использовании xhtml1-strict.dtd?
Добрый день. Скажите, что означает запись <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" xmlns:umi="http://www.umi-cms.ru/TR/umi"> Интересно именно конструкцию по частям понять. Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо.
0 votes1 answer -
По XML / XSLT есть вопрос
Кто работает с этим инструментом, подскажите вот что. Существуют какие-нибудь особенности при работе с IE? Дело в том, что есть сайт. Во всех браузерах всё хорошо, во всех версиях IE (6,7,8) - белый экран. Искать ошибку в синтаксисе или есть особенности, как в вёрстке?
0 votes3 answers -
Три "float" и "clear:both;"
У меня получается это: А надо это: Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { height:150px; width:100px; float:left; background:#990000; } #inner_left { height:80px; width:70px; float:left; background:#3366FF; margin-right:10px; } #right { width:100px; height:250px; float:right; background:#990000; } #center { margin-left:110px; background:#339966; margin-right:110px; padding:10px; margin-bottom:10px; } .clearfloat { clear:b…
0 votes4 answers -
Затруднения в верстке сайта
Здравствуйте ув. Форумчане. При верстке одного сайта возникли затрудения, заключающиеся в том, что если кликнуть на якорную ссылку для перехода на соотвествующий раздел, то один из её внешних DIV-контейнеров уплывает вверх вместе со всем содержимым. Не подскажите в каком месте намудрил я? http://78.140.131.160/kuragh/index.html
0 votes6 answers -
overflow-y:scroll; две полосы прокрутки
Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…
0 votes6 answers -
"Резиновое" меню
Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.
0 votes6 answers -
Проблема верстки
html: <div id="wrap"> <div class="box">content0</div> <div class="box">content1</div> ... <div class="box">contentN</div> </div> CSS: div.box {width:150px; background-color: #faacfc; float:left; margin-right:5px; margin-bottom:5px;} div#wrap{width:800px; height: 300px; background-color: green;} нужно чтобы когда у div#wrap ширины не хватало на все div.box, они перебрасывались вниз. загвоздка в том что все div.box разной высоты, и поэтому смещаясь вниз они выстраиваются под самым "высоким". то есть появляется неодинаковый отступ. как сделать так чтобы они сползая вниз сами становились на 5 пи…
0 votes3 answers -
Высота таблицы вписанной в ячейку
Всем доброго времени суток! Описываю картину: Таблица поделена классически(почти), три строки, верхняя - шапка, средняя - контент, низ - подвал. В среднюю ячейку, с контенотм, вписана ещё таблица из двух столбов(назовём её content), левый - меню, правый - основной контент страницы. У вписанной таблицы в стилях высота прописана 100% (height:100%). Вот в чём вотпрос, почему эти 100% в половине браузеров не воспринемаются? Т.е., 100% - это значит что таблица должна занимать всю высоту ячейки в которую она вписана, я так понимаю. И вместе со мной это понимают Chrome и Сафари, а вот Опера, Лиса и IE8 подгоняют её под наполняемость ячеек. Почему так? Как исправить несправедли…
0 votes2 answers -
Обтекание картинки
Подскажите ,как мне здесь сделать обтекание картинки текстом??? <div class="br_middle" ><img src="file:///C:/Users/Admin/Desktop/std/img.png" /> 11111</div> .br_middle { background: #cecece; border: 1px solid #afafaf; padding: 4px; position: relative; }
0 votes2 answers -
Проблема в картинке или в браузере
вот такую штуку наблюдаю в ие оверлей идет пнг картинкой на сам блок стоит эффект квери .fadeIn везде нормально обрабатывается в ие вначале такое потом появляется прозрачность может трабла в самом пнг его както по хитрому сохранять? помню в CS2 пнг не корректно отображались в IE браузере надо было хакать pngcrushgamma
0 votes3 answers -
Как сделать рамку из изображений вокруг блока
Нужно сделать блок у которого справа и слева должна быть рамка. Проще конечно показать, но как прикрепить файл к сообщению не пойму, хостинга нет, поэтому попробую объяснить на пальцах. <html> <head> <title></title> </head> <style> .edge { background: orange; } table { margin: 0 auto; background: aqua; } </style> <body> <table cellspacing=0 cellpadding=0> <tr> <td width=20 class="edge"></td> <td width=980><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td> <td width=20 class="edge"></…
0 votes11 answers -
Иной вариант просмотра изображений
Не нашел на форуме обсуждения такого варианта просмотра изображений: крупное изображение и несколько маленьких под ним. При нажатии на маленькое изображение оно отображается на месте крупного изображения. Пример реализован здесь: http://cars.auto.ru/cars/used/sale/7839008-ec21.html Попробовал покопаться в коде странице, но он настолько навороченный (для меня), что разобраться до конца не смог даже с помощью Dreamweaver-a. К тому же, освоение CSS начал не так давно (если тут дело вообще в CSS). Может кто подскажет, что необходимо для реализации подобного просмотра изображений?
0 votes6 answers -
Заменить стили во фрейме?
Привет. Есть некая форма в IFRAME, которая предоставляется для расчета неких параметров. Форма предоставялется сторонним сайтом. Стили в форме никак не соответствуют стилям сайта, на котором она рзмещена. Можно ли как-то заменить эти стили, а то жуть на странице творится?
0 votes2 answers -
Вёрстка под мобильные браузеры
Кто то имел данный опыт? поделитесь впечатлениями и проблема
0 votes4 answers -
Вытянуть меню по ширине контейнера
Привет всем. Есть менюшка обычная, горизонтальная <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> Как можно его растянуть на всю ширину родителя и чтобы все ссылки меню были по центру? не могу никак придумать. Т.е. как таблица растягивается и все ячейки занимают автоматическую ширину... Спасибо.
0 votes3 answers -
span+css=div?
Можно ли при помощи CSS из span соорудить некое подобие блочного элемента? Хотя бы что бы он начинался с новой строки. Такое: abcd<span class="myclass">def</span>fffff Должно выглядеть так: abcd def ffffff
0 votes4 answers -
как сделать наверху полоску как в фейсбук или майл или твиттере чтобы она при любом экране было четко от правого края до левого края?
как сделать наверху полоску как в фейсбук или майл или твиттере чтобы она при любом экране было четко от правого края до левого края?и даже если уменьшать всю страницу то полоска все рано будет на весь экран))я думаю меня будет лучше понятно если вы зайдете на фейсбук и поуменьшаете страницу
0 votes4 answers -
Выручайте, проблема с overflow в Safari
Не сильно я разбираюсь в верстке, по этому получилось так что при отсутствии полосы прокрутки - получается кака. overflow-y:scroll; - везде работает, а Софари игнорит. как мне быть?) чуваки, жесткий буров с моей стороны, всё работает нормально тему можно удалть
0 votes0 answers -
сайт едет в firefox
а именно, проблемы со 2 и 4 страницами menu. http://vita.citytalking.de/ притом, если обновляешь страницу, то всё в порядке...
0 votes1 answer -
Обтекание картинки текстом
На сайте идёт картинка с style="float: right;" потом текст. Вот только обтекание картинки начинается с четвёртой строки текста, а как сделать чтобы сразу? Когда смотрю превью в WP то всё отображается корректно, т.е. скорей всего на это влияет что то из CSS в шапке, но не могу найти что именно. http://www.travelsolutionsireland.com/irel...nd-ladies-tour/
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-