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
-
Подвал в подвале (нахлестом)
Подскажите как реализуется такой вот футер: В моей верстке футер уже прижат книзу страницы. В этом диве(футера), находящимся за пределами wrapp контейнера, указана background картинка(сероватый фон). Теперь нужно на этот футер, наложить как то лист с тенью (чтоб получилось как на картинке). Если я указываю во wrapp контейнере как background картинку(лист с тенью) с позиционированием снизу, то она естественно прижимается книзу, а отступ margin'a действует и на прижатый футер(серый фон). Или подскажите адреса сайтов , где есть подобный подвал
0 votes11 answers -
Плавающая картинка справа
В общем ситуация такая. есть шапка сайта в виде картинки. Есть еще картинка той же высоты, но уже. с абсолютным позиционированием.(потому как она должна накладываться поверх шапки). Необходимо сделать так,чтобы эта картинка была прижата к правому краю брозера и отступала от него скажем на 100 пх. И при расширении окна браузера она должна оставаться справа, но с отступом от правого края как 100 пх. Спасибо. По сути она должна плавать поверх шапки, с отступом от правого края на 100 пх.
0 votes2 answers -
Задачка. Обтекаемый футер снизу.
Всем Добрый день. Есть следующий вопрос: как можно сделать обтекающий слой прижатым к низу (см. изображение). Высота wrapper будет зависить соответственно от кол-ва контента в блоке left с указанным float. Для вроде бы простой проблемы - в инете решений не нашел (есть только решения для фиксированной высоты), пробовал делать сам следующим образом (путем добавления блока с clear:left и вымещением вверх футера margin-top:-40px;): HTML: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; ch…
0 votes32 answers -
IE6 смещает картинку
Приветствую. Есть сайт http://tdsol.ru/?page_id=3. Подскажите, почему в мозилле все пучком (и меню "Продаем" открывается, и png в шапке нормально видно, и карта в контактах на своем месте), а в IE6 все это глючит. Да и вообще если в нем открывать сайт, снизу сразу пишет что открыто с ошибками. Как это побороть?
0 votes7 answers -
Шрифт в Mozilla
Сравнил все браузеры, в Mozilla Firefox 4 шрифт больше чем в других тестировал с font-size em и px (Arial) Всегда использовал em и везде было абсолютно одинаково, даже на пиксель нигде не смещалось ничего, кстати с px по другому, но это другая тема. Тык что же случилось с Firefox ? как исправить? p.s: у всех так?
0 votes4 answers -
Про ФОН, CSS и скрипт!))
Здравствуйте, начал создавать сайт на okis.ru вот он Моя ссылка Возник вопрос, как с помощью CSS можно сдвинуть чуть правее скрипт с глобусом (он находится справа под новостями) и сделать над ним фон, как у всего сайта? Виктор.
0 votes4 answers -
Двойной фон в разные стороны
Здравствуйте! Помогите пожалуйста сделать такое: Может быть, можно сделать 1 фон первые 50%, второй фон - след 50% и будет нормально вроде
0 votes9 answers -
Еще одна задумка
Вот такое хочу)) : Есть две страницы. На первой-ссылки на контент. На второй- форма для скачивания. При нажатие ссылки на первой, происходит переход на вторую страницу, где в форме отображается соответствующая ссылка на скачивание. На сколько мне хватает фантазии: на второй страницы должен быть Яваскрипт, который бы осуществлял обработку информации со ссылки и вставлял в форму. Интересно еще, как должна выглядеть сама форма. Классно было бы еще Каптчу к форме прикрутить. А, ну, и сам вопрос: как реализовать..? Как всегда, заранее благодарен
0 votes17 answers -
Проблема с background'ом
Приветствую. Помогите разобраться. Имею такой код: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> .main{width:760px;margin:0 auto;} .left{width:499px;float:left;} .right{width:258px;float:left;border:1px solid black;border-top:0px;font-family:Arial,sans-serif;font-size:14px;} .line{background-image:url(image/line.jpg);background-repeat: repeat-x;font-family:Arial,sans-serif;color:#fff;font-weight:bold;font-size:18px;padding-left:5px;} </style> </head> <body> <div class="main"> <div class="left"> <div class="…
0 votes2 answers -
Куда IE9 съел фон?
Проблемная страница здесь. Задача: взять уже имеющуюся вёрстку (оригинал этой же страницы здесь), и средствами только одного файла css развернуть страницу так, чтобы она выглядела естественно для арабского языка. За исключением нескольких нюансов это означает, что нужно просто зеркально отразить. Возникла маленькая, но непонятная проблема. В таблице результатов есть ссылки Bid Now, Add to WatchList, Remove from WatchList. В оригинале им задан фон цветом и маленькие иконки фоновым изображением, но для IE8-, который не умеет скруглять уголки, фоновое изображение задано во всю ссылку и включает эти самые круголки. Делаем просто: ту же самую фоновую иконку размещаем не слева,…
0 votes8 answers -
При наведении на ссылку выполнялся класс div'а
Добрый вечер. Подскажите как реализовать при наведении на ccылку <a href="#">text</a>, выполнение класса class="logolittle", который находится в диве <div class="logolittle"></div> (..у меня в диве находится класс, который выполняет плавную смену картинки при наведении, а я хочу чтобы эта картинка плавно менялась при наведении на ссылку с текстом) Я понимаю, что это организуется через onmouseover, только как, не могу допетрить ). Буду благодарен за помощь.
0 votes7 answers -
Посоветуйте учебник по html в текстовом формате
Посоветуйте учебник по html в формате txt, rtf, doc, chm, fb2 и других текстовых, но только не pdf и djvu.
0 votes4 answers -
Не могу воспроизвести глюк.
Чувствую себя полностью потерянной. Ссылка на страницу. Как ни тестирую — выглядит как задумано. При этом показывают мне такой скрин: Открываю в том же браузере и в той же ОС — всё в порядке. Играюсь с контентом — опять всё в порядке. Но ведь не придумал же заказчик этот глюк. В чём может быть дело? Что я не так делаю? Что нужно сделать, чтобы увидеть этот глюк у себя? У кого-нибудь ещё он есть? При каких условиях возникает?
0 votes12 answers -
Сложности с вёрсткой списка
Прямо не знаю, как тему назвать, извините) Выглядит это всё так. Див-обёртка - фиксированной ширины. В нём примерно так всё выглядит: Ссылка 1-1 —- Ссылка 2-1 —- Ссылка 3-1 Картинка 1 —- Картинка 2 —- Картинка 3 Ссылка 1-2 —- Ссылка 2-2 —- Ссылка 3-2 Цена 1 ——-- Цена 2 ——-- Цена 3 Условия: 1. Весь контент, _в том числе и картинки_ подгружается динамически, то есть высота блоков заранее не известна. 2. Картинка N - это ссылка, ведущая туда же, куда и Ссылка N-2. Причём Ссылка N-2 подсвечивается, когда курсор наводится на картинку. Сейчас реализовано так: они обе в одном диве, при наведении на который ссылка подсвечивается. 3. Картинки центрированы по высоте и ширине ячейки…
0 votes11 answers -
body и свойство background
Задача: фиксированный макет в тысячу пикселей шириной, в правом верхнем углу макета - картинка фоном. body сделано как {width: 1000px; margin: 0 auto;}, но фон по-прежнему задаётся так, как будто body занимает всё окно. Мне такое поведение кажется архистранным, но тем не менее. Выход - только дополнительная обёртка?
0 votes33 answers -
Chrome и соседние селекторы
Странно, нигде в интернете не видел упоминания об этом. Совершенно случайно обнаружил, что хром некорректно обрабатывает селекторы соседних элементов. Скажем, если я хочу выделить с их помощью второй элемент в списке, то выйдет всё совсем не так, как хотелось бы. См. комментарии в коде. <!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" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Red Preved</title> <style> dd:first-child + dt { color: red; /* …
0 votes2 answers -
небольшая проблемка с таблицей
<TABLE border="2" align="center" align="middle" > <tr width="600"> <td colspan="4"> <div align="center"><b><font size="15" color="blue">Наши CW </font></b></div></td> <td></td> <td></td> <td></td> </tr> <TR width="600"> <TD width ="200"> <div align="center"> Соперник </div> </TD> <TD width ="100"> <div align="center"> Карта </div> </TD> <TD width ="100"> <div align="center"> Счет </div> </TD> <td width ="200" ><div align="center"> Демка </div> </td> </t…
0 votes5 answers -
Связанные ссылки.
Здравствуйте. У меня есть один важный вопрос. Как можно связать 2 ссылки? Что имееться ввиду. В шапке сайта есть несколько моделей автомобилей, которые кликабельны - ведут на страницу с описанием (изображения) - каждая модель в блоке DIV. Также есть горизонтальное меню с названием этих моделей (список). Изображение не получится поместить в список (по дизайну) Как сделать, чтобы при наведении мышки на модель автомобиля подсвечивалось соответствующий пункт меню? Буду очень благодарен за совет (помощь)
0 votes17 answers -
Под какой размер монитора верстать.
Добрый день! Хочу знать мнение профессионалов: Верстать под 1024 х 768, или же можно уже под 1280 х 1024 и не париться? Кто как считает.
0 votes13 answers -
Отступы, таблицы, кроссбраузерность
Линк _http://www.energee.com.ua/boards/ 1) В браузерах (кроме Оперы) таблица со списком вылазит за границы прописанной ей области. Подскажите, пожалуйста, как сделать такое же отображение, как в Опере - чтобы секция вписывалась в отведенный ей блок? 2) Если нажать внизу страницы "Все" (для отображения всего списка, то становится еще хуже: _http://www.energee.com.ua/boards/?SHOWALL_1=1 Во всех браузерах таблица съезжает вниз, а в Опере и в ИЕ вообще уходит за пределы видимости. Как вернуть нормальное отображение?
0 votes10 answers -
@font-face
Есть шрифт вот такой, решили вставить его в проект. Генерю CSS и шрифты разных форматов при помощи сервиса fontsquirrel.com. Возникают проблемы с кириллицей причем как-то странно - кириллица не отображается только в ИЕ7 (с латинницей все в порядке). Пока проверял в ИЕ8, ИЕ9 и Хроме, там все нормально (не знаю как в остальных браузерах). В чем может быть проблема в ИЕ7? Вариант отказа от ИЕ7 не подходит ни под каким предлогом. Шрифт заюзать надо позарез. Кто что подскажет? P.S. Хоть в этом сервисе заявлена поддержка ИЕ5+, но в ИЕ6 (на виртуальной машине) у меня ничего не работает, даже латинница. Интересно почему. Поддержка ИЕ6 в общем не особо нужна, но как бонус было бы …
0 votes8 answers -
Google Chrome не хочет отображать текущий класс
Добрый день всем ! Помогите новичку. В общем такой вот код - <ul id="menu"> <li id="home"><span id="current"><a href="index.html"></a></span></li> <li id="work"><a href="work.html"></a></li> <li id="contact"><a href="contact.html"></a></li> <li id="blog"><a href="blog.html"></a></li> </ul> и стили - #home { background:url(i/home.gif) no-repeat; height:40px; width:117px;} #home a { display:block; height:100%;} #home a:hover { background:url(i/home-a.gif) no-repeat;} #home #current a{ background: url(i/home-a.gif) no-repeat;} соответственно для каждого п…
0 votes5 answers -
em вместо px, а надо ли?
Прочитал про em, что нашёл, но так и не понял, чем они лучше px? Говорят, что их в отличии от px можно масштабировать, но почему так, ведь px тоже масштабируются! В общем я чего-то недогоняю помогите понять в них смысл
0 votes3 answers -
ссылки под зафиксированным слоем background
Здравствуйте, столкнулся с небольшой трудностью, поставил как фон слой с зафиксированным рисунком посередине. он представляет собой прозрачное изображение с отрисованной правой и левой стороной, но все меню и все ссылки перекрылись им, а в этом месте он прозрачный. как сделать, чтобы ссылки под пустым пространством работали и не нарушать работы сайта http://sadik-yagodka.ru/ #footer1 { position: fixed; bottom: 0; background: url(images/sadik1-2.gif) center ; left: 50%; margin-left: -600px; height: 600px; width: 1200px; }
0 votes6 answers -
Прокручиваемый контент и div
Добрый день! Есть div блок: <div id="centercontent"><jdoc:include type="component" /></div> Вот код идентификатора: #centercontent { background-image:url(../images/1_13.png); overflow:auto; height:300px; float:left; Всё как и хотел (контент джумлы отображается в див блоке с прокруткой), да вот только если контент большой, он растягивает див блок и тем самым портит дизайн. Как мне зафиксировать стенки блока, чтобы контент упирался в него? п.с. дизайн резиновый - в этом основная проблема..., поэтому width определенной ширины не предлагать.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-