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
-
Расширение файла для HTML5
Здравствуйте все! Подскажите, пожалуйста, можно ли у файла с HTML5 расширение оставлять .xhtml? Существует ли строгая (внутрення своя) проверка для HTML5? Спасибо. Прошу прощения, что не в ту ветку написал.
0 votes8 answers -
Непонятный отступ у элемента li
Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?
0 votes15 answers -
Слетает стиль текста на ipad.
Всем привет! Помогите пожалуйста разобраться с проблемкой. сайт sledd.ru При отображении в браузерах (всех) на компьютерах всё отображается корректно, но при отображении сайта на ipad, слетает стиль для верхнего-правого блока в котором телефоны. Такое ощущение, что стиль действует только не первую цифру верхнего span и не даёт присвоить стиль для другого span. Ссылка на изображение: https://yadi.sk/i/jS1x3DVcYUCrW
0 votes7 answers -
правка шаблона на sass
Имеется шаблон с scss исходниками. Как лучше его править, чтобы в дальнейшем не было проблем с обновлениями шаблона?
0 votes1 answer -
Присвоить класс таблице....?
товарищи спецы, как присвоить класс таблице и всем рядам и ячейкам..? хочу чтоб были 1px dashed silver... поиск ничего не дал :/
0 votes3 answers -
какой способ целесообразней использовать. div или таблицы.
Гуру верстки, подскажите, каким способом лучше реализовать блок контента с закругленными углами. - Пример макета. Лично я всегда использую таблицы. Я разбиваю изображение на 3 части. Далее создаю таблицу из 3 строк и 1 столбца. В верхнюю строку сую фоном top (высоту и ширину фиксирую). В среднею фоном center (сюда в дальнейшем помещаю контент ). И в последнею самую нижнею bottom (высоту и ширину фиксирую). Подскажите яв-ся ли мой способ правильным ? Хотелось бы услышать как это реализовать с помощью дивов. Простите если пложу темы в поиск не отправляйте, так как прочитал уже много информации на данную проблему. Мне охото услышать мнение знающих людей.
0 votes28 answers -
Звездный рейтинг на svg
делаю звездный рейтинг на svg на чистом css проблема в том что checked, svg почему то не закрашивается в нужный цвет Как решить эту проблему? https://codepen.io/anon/pen/zVNVRV?editors=1010
0 votes6 answers -
смена backgrounda при наведении
Есть таблица, в ней надо сделать чтобы при наведенние на строку она меняла цвет, методом td:hover делаеться ячейка, а вот к tr такой метод не проходит(( Подскажите как можно реализовать это через стили?
0 votes6 answers -
валидация вложенных списков
Помогите разобраться с валидатором! Определился с доктайпом: HTML 4.01 Transitional. Но ругается на менюшку: Менюшка не простая с раскатывающимся списком: <div id="menu"> <ul type="circle"> <li><a href="http://samizdam.spb.ru/" title="На главную!!">Главная.</a></li> <div class="autors"> <ul> <li onclick="tree('a',4)">Авторы: <ul> <li id="a1"><a href="/mira/">Мирра П</a></li> <li id="a2"><a href="/giena/">Весёлая Гиена</a></li> <li id="a3"><a href="/gnato/">Николай Гнатьо</a></li> <li id="a4"><a href="/volchona/"…
0 votes8 answers -
Верстка статического сайта
Доброго времени суток. Мне необходимо сделать сайт без использования php скриптов. Возникает проблема, что если придется добавить небольшую деталь, то надо будет редактировать все html файлы отдельно. Есть вариант создания отдельных частей которые будут подгружаться на сайте? Типо блок меню или футер. Заранее спасибо.
0 votes16 answers -
Проблема с дивной версткой
Здравствуйте, помогите решить проблему: Есть два дива, слои лежат один на другом, в нижнем диве находиться динамический контент, картинки, текст, ссылки, который меняется, jq слайдер. Верхний див пустой, со свойством css border-radius, имитирует рамку округлую поверх нижнего дива. Проблема в том что нету доступа к нижнему диву в Safari, FF, Chrome..Текст не выделяется, ссылки некликабельны. У обоих дивов стоит значение position:relative, заданы размеры и z-index.. Пробовал рамку наложить поверх разными способами, и png картинку с рамкой поверх и таблицу с порезанной рамкой на куски поверх контета, не работает. Вот сам слайдер поверх которого я хочу наложить рамку: _http:…
0 votes9 answers -
Выравнивание меню из списка. Абсолютное позиционирование. Как?
Выравнивание меню из списка по центру. Абсолютное позиционирование. Как лучше сделать? CSS: * { padding: 0; margin: 0; } img { border: none; } li { list-style: none; } a { color: #333; } a:hover { color: #7dbb24; } .clear { clear: both; } #navig { position: absolute; top: 150px; left: 0px; right: 0px; height: 38px; width:100%; min-width: 1024px; background: #8a8b8b url(img/bgmenu.gif) repeat-x; text-align: center; } #navig ul { text-align: center; margin:0px auto;} #navig ul li { float: left; font-size: 12px; background: url(img/space.gif) no-repeat center right; padding: 10px 30px 10px; } #navig ul li a { color: #fff; text-decoration: none; font-s…
0 votes16 answers -
CSS, потомки второго уровня
Непонятна ситуация с указанием потомков элемента. Есть таблица (2 столбца, 5 рядов). В правой ячейке третьего ряда вложена такая же таблица. Для внешней таблицы задан стиль #table1 { border: 1px solid black; } Если указан только этот стиль для внешней таблицы, то он не наследуется внутренней таблицей. Задаю стиль для ячеек внешней таблицы: #table1 td { border: 1px solid black; height: 30px; width: 100px; } Стиль для ячеек внешней таблицы наследуется для ячеек внутренней таблицы, хотя на сайте http://htmlbook.ru/css/border написано, что свойство "border" не наследуется. В книге ("Изучаем HTML, XHTML и CSS", Эрик Фримен, Элизабет Фримен, с.466) написано, что для того, чтобы…
0 votes7 answers -
Как сделать анимацию цикличной?
Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!
0 votes2 answers -
SWFObject 2
С самой вставкой флэша все норм. Описание читал тут http://designformasters.info/posts/flash-e...th-swfobject-2/. Прописываю скрипт так: <script type="text/javascript" src="img/index_02/swfobject.js"></script> <script type="text/javascript"> // <![CDATA[ var flashvars = {}; var params = { wmode: "transparent" }; var attributes = {}; swfobject.embedSWF("img/index_02/child.swf", "swf_content", "260", "248", "8.0.0", "img/index_02/swfinstall.swf", flashvars, params, attributes); // ]]> </script> и так: <span id="swf_content"><img src="img/index_02/no_image.gif" width="150" height="150" alt="Альтернативный текст" ti…
0 votes8 answers -
Обтекание + центрирование
Доброго времени суток. Проблема вот какая : создал меню с выпадающим списком, все работало пока не проверили на IE6. пришлось переделывать. После переделки получилось, что в самом меню элементы расположены примерно так : <li>Главная</li> <li>Не главная<img src='someimage'></li> <li>Тем более не главная</li> someimage в данном случае это стрелочка индикатор выпадающего списка: курсор над кнопкой, стрелка указывает что список выпал(так скать для красоты). Вот в чем проблема элементы меню находятся на разных уровнях, если считать от верхнего края...то "главная" примерно на 5 пикселей, "Не главная" на 7 пикселях и "Тем более не главна…
0 votes13 answers -
Подмена html кода
Как реализовать подмену html кода? Чтобы тому, кто смотрит сайт с браузера IE - выводился один html код, а тому, кто смотрит тот же сайт с браузера Firefox - выводился другой html код.
0 votes12 answers -
Футер переменной высоты и резиновый блок контента
Привет. Вот обычный прижатый футер. http://jsfiddle.net/qLEd3/ Суть в том, что мне надо сделать следующее. Надо сделать, чтобы футер был также прижат, но он может быть любой высоты, а блок контента, если его высота меньше высоты окна минус высоты хедера и футера должен доставать до футера. Чтобы пояснить что я хочу получить, я сделал это на js. http://jsfiddle.net/qLEd3/3/ Как можно сделать то же самое без него, кто подскажет?
0 votes15 answers -
Именование классов согласно БЭМ
Доброго времени суток. Подскажите пожалуйста, соответствуют ли имена классов методологии БЭМ ? <div class="footer"> <div class="footer__row_1"> <div class="footer__row_1_column"> <h4 class="footer__row_1_column_title">Lacus interdum</h4> <ul class="footer__row_1_column_list"> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li c…
0 votes3 answers -
Проблемы со списками в ие 6-7
Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…
0 votes13 answers -
"Скрытый" текст ссылки
Привет всем! Можно ли сделать так, чтобы в браузере меню было картинкой, но в коде присутствовал текст? То есть текст в меню я прописал, сделал его ссылкой, но шрифт в браузере не отображался, а была видна только быкраугндная картинка... Но ссылка сделанная на текст работала...
0 votes11 answers -
Абсурд с position! И тем не менее, работает...
Это простой пример страницы, где я впервые встретился с этим феноменом. Чтобы правый блок меню все-таки прилип к правому ребру браузера, пришлось написать следующее: text-align: right. position; Это не опечатка! Точнее, сначала было опечаткой, но, как видите, подействовало Что это? Сначала я решил, что это баг IE, но, как ни странно, работает во всех последних версиях Мозиллы и Лисицы... .right_menu { text-align: right. position; float: right; position: relative; } <ul class="right_menu"><li><a href="Umanskij_kotel.htm">Уманский котел</a></li> <li><a href="Krah_Blichkriga.htm">Крах Блицкрига</a></li> <li><…
0 votes18 answers -
В FF не отображается div, а в IE все нормально. Это меня пугает (
День добрый. вот http://www.kpbikz.ru/design/ лежит верстка, проблема в том, что в div с id banner не отображается фоновый рисунок, а текст показывается. Причем это происходит только в FF, в IE все нормально. Подскажите пожалуйста в чем проблема? Я учусь верстать слоями, поэтому некоторые нюансы мог упустить из виду - не пинайте уж сильно. upd: Хотя firebug показывает рамку этого слоя в правильном месте. все вроде бы хорошо...
0 votes10 answers -
Помогите с примером!
http://www.getincss.ru/2008/10/19/oformlen...u-css/#more-609 вот статья о том как сдлеать иконку для внешнего сайта. Но нет примера, все написано кусками, не могли бы вы поделиться или обяснить как сделать такой пример. Помогите пожалуйста
0 votes23 answers -
Убрать синнюю рамку вокруг Картинки-гипперссылки
Не могу убрать синюю рамку вокруг баннера
0 votes12 answers