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
29542 questions in this forum
-
Не отображается фон, созданный с помощью псевдоэлемента before
В шаблоне http://русский-цирюльник.рф/ пытаюсь сделать тень от сайта внизу - при помощи картинки png - для чего создал вот что .bgd { position: relative; height:0px; z-index:1; } .bgd:before { position: absolute; left: -2px; background-image: url(../images/bg_d.png); width: 964px; content:""; background-repeat: no-repeat; top: 13px; height: 13px; z-index: -1; } И прикрепил это дело к div в шаблоне. Но почему-то ничего не отобраажется - см. url="http://русский-цирюльник.рф/"]http://русский-цирюльник.рф/ При этом сбоку (справа) аналогоичным способом тень сделана. Помогите!
0 votes2 answers -
Адаптировать дизайн под ios
никогда не занимался версткой под ios и потому не знаю их тонкостей помогите адаптировать страницу для просмотра на ios. скажите что не так в верстке что бы я в будущем делал правильно вот тестовый сайт http://opet.ru.preview.ihc.ru/
0 votes1 answer -
Параллакс background не дружит с другим css эффектом
Ссылка на сайт: http://digitalmust.ru После подключения css эффекта (css/animate.css + css/wow.min.js) появления текста и логотипа при прокрутке, - серый parallax фон с фотографией блока, где расположено много текста, начал ехать (в браузере Google Chrome последней версии) Internet Explorer выдает все нормально. Также проблема не возникает, если загружать страницу с некорректно отображаемого блока. То есть до того момента, пока css эффект для текста не проигрался - все отображается нормально. Chrome скриншот: http://digitalmust.ru/test.jpg Помогите решить проблемку
0 votes0 answers -
Типовые ошибки в коде, время на верстку
Добрый день, вопрос по верстке! Сколько у опытного верстальщика занимает адаптивная верстка макета, приложенного в архиве, ссылка внизу. А также, если есть у кого свободные пару минут, указать на типичные, может быть, очень глупые ошибки в коде (есть копипаста в некоторых моментах, не сдержался) Спасибо за внимание! Ссылка: https://yadi.sk/d/tgTukLvr3S87tH
0 votes0 answers -
Разные границы изображений в разных браузерах
Имеем недоделанный сайт.. 2 дня от роду polosatiykot.ru при просмотре ie - у многих изображений серый кантик.. при просмотре google хром - никаких кантиков нет.. подскажите чего добавить в css, чтоб исщез глюк?
0 votes1 answer -
Новое окно определённого размера
Допустим, при нажатии на ссылку открывается новое окно, которое должно быть определённого размера, это можно реализовать только JS-ом? В HTML5 нет ничего подобного?
0 votes1 answer -
Разное отображение на хостинге и Denwer
Первая тема не знал куда писать, но ответа не нашел на вашем форуме. есть код отображения меню в CMS <ul> <li></li> <li></li> <li></li></ul> применяю к нему CSS для создания его "резиновым" .menu { position:absolute; margin : 0px 1px 0px 0px; padding : 0; width : 1024px; height: 75px; background-image:url(../images/menu_fon.png); background-position:top; background-repeat:repeat-x; } .menu ul { margin : 10px 1px 0 0; padding : 0; display : table; width : 99%; height: 30px; cursor: default; …
0 votes2 answers -
Нужен совет по меню
Создал двухуровневое меню,(вернее адаптировал под себя) все в нем мне нравиться, но вот ни как не получаеться выровнять текст в меню чтобы бордер не вылазил снизу,бордер нужен, так как ему потом буду прописывать тень, что можете посоветовать, чтобы и текст в меню был в центре, и бордер сохранен? пример с меню www.times.myjino.ru/test1 код Html <div id="nav"> <ul class="menu" id="menu"> <li><a href="#" class="menulink">О компании</span></a></li> <li><a href="#" class="menulink">Услуги</a> <ul> <li><a href="#">Геодезия</a></li> <li><a href="#">Оф…
0 votes1 answer -
Выпадающее меню
Здравтсвуйте! мне нужно сделать выпадающее меню из невложенных списков т.е. идут тэги li на одном уровне без вложений в них других тэгов li <ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li></ul>как сделать чтобы 3,4,5 стали дочерними т.е вложенными в 2 ? такое возможно только на JS ? у меня вложеность формируется не вложенными циклами а просто условиями
0 votes1 answer -
сылка на резиновом фоне
Здравствуйте, пытаюсь сделать следующее: Есть страницу, как фон устанавливаю картинку, делаю ее резиновой по этой статье: http://htmlbook.ru/css3-na-primerakh/masshtabirovanie-fona На этой картинке есть определенные объекты, кликая по которым пользователь переходит на другую страницу. Как сделать такое? Может кто видел подобное? Я так понял нужно как-то разметку ссылок подогнать под эти объекты?
0 votes0 answers -
Выходит за пределы
Почему текст в диве с классом wrap выходит за пределы справа, padding 20px, это же значит что от каждого края по 20 пикселов http://cssdeck.com/labs/dlch9cbl
0 votes3 answers -
Проблема с модальным окном
Был у меня один лендинг, человек попросил сделать похожий ленд под его тематику. В конце переделки (менял только картинки и текст) заметил что когда нажимаешь на кнопку "узнать стоимость" всплывающее окно показывается по центру лендинга а не по центру экрана. Сам сайт с проблемой http://zaprintuem.ru/ До этого, окно всплывало строго по середине ЭКРАНА. Этого и нужно добиться ! Код стилей: .popup_bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #211722; z-index: 2000; display: none; cursor: pointer; opacity: 0.75;}.popup_window{ width: 545px; padding: 6px; background: #f6f2eb; border-radius: 5px;…
0 votes1 answer -
Центровка В диве с заданым width
Всем привет, объясните в чем разница? http://bs.lelsa.ru/sss/ есть страница DIV content лежит в диве с с шириной 2560 px, и центрируется относительно дива. http://www.boerdam.nl/#volgende Здесь тоже самое с такой же вложенностью, но центрируется относительно ширины экрана, при этом тоже находится в диве с фиксированной шириной больше экрана, чего и я пытаюсь добиться. В чем же мать его волшебницу проблема?)
0 votes1 answer -
Резиновый сайт с динамическим сайдбаром
Есть дизайн, резиновый (растягивается по всей ширине страницы)? в две колонки (контент и правая колонка). Проблема в том, что на одной странице правая колонка имеет ширину допустим 40%, а на другой - 20%. то есть я понимаю так, что для правой колонки я ширину не задаю, но как сделать, что бы левая( то есть контент) растягивался в первом случае на 60%, а во втором на 80%. Помню где-то видел подобное решение, но нету времени искать. Заранее спасибо.
0 votes1 answer -
Как поставить русский язык?
Вопрос один, как поставить русский язык ODude Ecard . Объясняют Моя ссылка не понял. Не получается. Пробовал по разному язык не меняется. В какой папке менять языковый файл? Везде где нашёл поменял en-GB.com_odudecard.ini, язык не русский, (тупо заменил английские слова русскими) всё равно. файл ru-RU.com_odudecard, сам делал, может название файла неправильно или ещё что ни будь прописать надо. ru-RU.com_odudecard НЕ БЫЛО В ОБЩЕ. Во всех папках, где нашёл en-GB.com_odudecard, везде русский текст сделал, поменял английский текст на русский Где то наверно надо прописать что то ещё. Язык английский всё равно. Помогайте пожалуйста. Перевести перевёл на русский а язык английск…
0 votes0 answers -
Непонятная ошибка с white-space:pre
Всем привет. Имеется страница http://khartn.name/ru/view/116 Там прикручен SyntaxHighlighter. На данный момент если копировать код, обработанный SyntaxHighlighter, то код копируется без переносов строк, т.е. весь код сливается в одну строку. Методом тыка в инструменте по F12 выяснил, чт, если отключить для класса .line условие white-space:pre, то копируется код с переносами, но ломается вид кода на странице. Пробовал в качестве эксперимента создать отдельную страничку с указанием white-space:pre - и отображается и копируется нормально из неё код, с переносами. Кто может проанализировать и подсказать, почему в моём случае white-space:pre даёт копирование в буфер обмена без…
0 votes2 answers -
Помогите исправить ошибки на сайте
Посмотрите, что касается форума, есть ли какие ошибки или нет, ссылка - http://barsik.ucoz.ru/
0 votes0 answers -
Joomla мод virtuemart
Ребят, такой вопрос... Делаю шаблон для интернет магазина(virtuemart) на joomla, изменил модуль поиска (mod_virtuemart_search.php) положил этот файл в папку HTML своего шаблона, но изменения не вступили в силу, работает стандартный файл мода а не мой. Как исправить? Быть может есть особенности в расположении?
0 votes1 answer -
Наложение изображения на фон.
Ребят помогите разобраться. При создание уменьшенных копий фотографий никак не могу могу осилить создание уменьшенного изображения с наложением на фон, если изображение меньше указанных настроек. Подробнее: Есть изображение. И есть настройки блока для превьюшки. К примеру 60px на 80px. Сейчас сделано так, что изображение ужимается по наименьшей стороне,а большая часть тупо обрезается. но зато блок для отображения превью картинки заполнен полностью, тоесть 60*80, если делать сжимание по большей стороне, то соответственно картинка по какой то стороне меньше заданных размеров, т.к. картинка может быть и широкой или высокой. В общем помогите сделать так если возможно: нужно …
0 votes1 answer -
белое пространство
http://jsfiddle.net/p8Z9d/1/ при уменьшнии экрана появляется белое пространство, почему?
0 votes1 answer -
Не отображается в опере....вообще
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Сайт</title> <style type="text/css"> <!-- тут стили --> </style> </head> <body> <div class="1"> <table> одна </table> <table> вторая </table> <div class="2"></div> </div> <div align="center" class="3 стиль1">/ <a href="kont.html">контакты</a> / <a href="default.html">инфо</a> </div> </body> </html> что не так?
0 votes1 answer -
Как грамотно организовать навигацию
Здравствуйте! Помогите пожалуйста сделать такую навигацию. Имеется основной список ul 1, расположенный горизонтально. В него (в одну из ссылок) вложен второй список ul 2, тоже горизонтальный и начинается как и родительский список. В списке ul 2 в ссылку вложен третий список ul 3, отображаемый вертикально, но уже параллельно ссылке, в которую вложен. Ах да, все в статике, т.е. ничего никуда не пропадает. Заранее спасибо! <ul id="navi"> <li><a href="index.html">ГЛАВНАЯ</a></li> <li class="re"><a href="produkt.html">ПРОДУКЦИЯ</a> <ul id="navi2"> <li><a href="#">Цифр…
0 votes0 answers -
верстка горизонтального меню
Переделываю строительный сайт stroyrus.com понадобилась такая менюшка: есть список, или табличка (без разницы) шириной 90%. Он выравнивается по центру по Х. и есть 4 ячейки таблицы, или элементов списка - смотря как верстать. надо сделать так чтобы при разном расширении экрана все тянулось на эти 90% - но между не самими ячейками а непосредственно названиями списка были одинаковые расстояния. см. рис. без динамики не проблема, сверстал. а вот при ресайзе надо чтобы расстояния а (см рис.) уменьшались. есть вообще способ без скриптов сделать подобное ?? Чисто версткой - возможно ??? может кому надо было подобное!
0 votes3 answers -
Проблема margin
Здрасти всем, у меня возникла проблема в margin, прощу помощь. Вот html страница <body> <div id="center"> <div id="logo"></div> <div id="leftbar"> тесттттттттттттттттттттттттттттт </div> <div id="rightbar"> <div id="panel">Панел</div> <table> <tr><th>#</th><th>тест</th><th>тест</th></tr> <tr><td>1</td> <td>тест</td> <td>1111</td></tr> <tr><td>2</td> <td>тест</td> <td>26.02.1992</td></tr> <tr><td>3</td> <td>тест</td> <td>08.05.1…
0 votes1 answer -
Прижать footer
Доброго времени суток! Не могу разобраться с тем, как прижать footer. Если не использую границу блока и верхний/нижний отступ от окна браузера, то всё нормально, а с границами и отступами появляется полоса прокрутки, подскажите как от неё избавиться? Самый простой пример: html: <!DOCTYPE Html PUBLIC "-//W3C//DTD Html 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251 "> <title>Основы блочной верстки (Div верстки)</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div …
0 votes1 answer