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
-
На дворе конец 2012-го года. Что у нас по круглым картинкам?
Всем привет. Появилась задача вывести круглые картинки. Оказывается, опера вот такое не понимает border-radius: 100%; width: 150px; height: 150px; Кто как выходит из положения? Скруглять нужно именно картинку. Без слоев с фоновыми изображениями. Упс. Заменил проценты на пиксели и заработало
0 votes9 answers -
Резиновая шапка
Друзья! Прошу помочь, если есть возможность. Нужно в .css как то указать, что бы фоновая картинка, которая будет шапкой сайта, была резиновая. weight = (к примеру) 80% в background-image не помогает. Возможно есть еще какие то способы, подскажите если не сложно Цель вообще такая. Нужно, что бы шапкой сайта, служила картинка, но она могла растягиваться и сужаться, как и весь сайт, если у пользователей разное разрешение. Как мне этого добиться Извиняйте, если где то ошибаюсь и неправильно рассуждаю, учу html и css пару недель
0 votes9 answers -
Структура сайта
Столкнулся с вопросом когда начал создавать вторую страницу своего сайта. Как я понимаю сайт это скрепленные между собой документы HTML находящиеся в одной папке , а сколько должно быть таблиц стилей к этим документом ? меня волнует как оперативние будет работать browser читая один файл css или бегая по разным. Ну и хотелось бы узнать как делаете Вы. Спасибо за внимание и ответы.
0 votes3 answers -
Дублируется шрифт на ipad :(
Добрый вечер, вот такая проблема с некоторыми шрифтами на сайте под ipad сайт http://brodude.ru/ скрин с ipad css шрифта font-family: 'pt_sans_narrowregular'; Спасибо!
0 votes5 answers -
Значение input.submit пропадает при нажатии
Добрый день. Такое дело: в Опере, ИЕ и Файрфоксе кнопка <input type="submit" value="ok"> обнуляет значение value. (Не отправляя форму, просто нажав на кнопку.) Скриптов или экшенов на кнопку еще нет, только стили навешаны (hover, active). html5, доктайп соответствующий. Использовать button - выход. Но хотелось бы узнать причину поведения input.submit. Кто занет?
0 votes2 answers -
Выравнивание элементов
подскажите как выровнять элементы по вертикали вниз?
0 votes3 answers -
Слои и CSS
Всем здравствуйте, будьте добры подскажите по какой причине может не работать атрибут text-decoration: underline; (при наведении курсора на ссылку под ней должна появляться полоска), делаю страницу сайта слоями, первый слой фотка, остальные слои это ссылки поверх этой фотографии в привязанном документе CSS в параметре слоя ставлю атрибут text-decoration: underline; и он не хочет работать, да и другие значения этого параметра не работают.
0 votes4 answers -
Встраивание <span> внутри <a>
Подскажите с решением такой проблемы: Есть ссылка, допустим <a>Необходимо решить проблему</a>. У ссылки есть определенный стиль (пусть: синяя, подчеркнутая). Внутри ссылки слово РЕШИТЬ надо выделить другим цветом (пусть, черным). Реализовали это через <a>Необходимо <span>решить</span> проблему </a>. После, надо чтобы при наведении на ссылку вся ссылка, включая РЕШИТЬ, выравнивалась в один цвет (синий как у всей ссылки) и убрать подчеркивание. Делаем стили, добавляем hover для <а>, но тут проблема - span наследует то, что нужно убрать подчеркивание, но не наследует цвет. Заранее спасибо.
0 votes2 answers -
Всплывающее окно просмотра
Кто подскажет простое всплывающее окно для просмотра фоток фотки разных размеров,и чтобы оно подстраивалось по пропорции но было не больше чем max-width, max-height, и меньше min
0 votes2 answers -
обрезается li в div при наличии горизонтального скрола
Я не профи в верстке и работы по верстке делаю чисто для себя. Но на днях столкнулся с нерешаемой для себя проблемой, пускай и не критической, но которая режет глаза. Дело в том что прикрутив к своему скромному бложеку скрипт geshi, обнаружил проблему когда при наличии скрола цвет фона для li обрезается (смотреть скриншот) пример можно посмотреть по ссылке Просьба помочь профиксить данную проблему, желательно без использования костылей в виде определения ширины максимальной строки. Заранее спасибо за любую помощь.
0 votes17 answers -
Как верстать нестандартную шапку для таблицы?
У шапки таблицы скруглённые углы, внутренняя тень, единый паттерн на фоне и произвольная высота. Как это можно сверстать?
0 votes6 answers -
правила синтаксиса
#sideLeft a, span{} в браузере получается что при такой записи правила распространяются на все span`ы а не только те которые внутри тега с айди sideLeft это неправильная запись? нужно писать #sideLeft a{} #sideLeft span{} правильно?
0 votes2 answers -
Скрыть контент от поисковика
Здравствуйте. Руководствуясь данной статьей решил на Джумле сделать то же самое. На выходе же ничего не выводится. Вопрос такой: Кто-то делал таким способом? И вообще что порекомендовать можете? Очень, очень нужно Спасибо
0 votes3 answers -
Проблема с кодировкой
Привет. Подскажите что за проблема у меня такая, вот сайт http://vsja4ina.tw1.ru/ в хроме, опере, ИЕ открывается нормально но в фаифрксе открывается голый код вместо странички пошамагил с кодировкой и в UTF-8 когда сохраняю фаирфокс все отлично открывает но хром отказывается видеть стили сохарняю в юникоде и все возращается обартно. в чем может быть проблема? и это появилось поле последнего обновления хрома
0 votes7 answers -
Опять IE?
Посмотрите плз страничку в IE9 http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html Во всех броз картина прдсказуема, а в этом футер безобразно едет вправо добавляя горизонтальный скролл. Не удается раскопать причину такого явления. Может знатоки подскажут?
0 votes4 answers -
Как сделать так что бы
Напремере как здесь , линк с главной страницы ведет на середину дрогой страницы. Я хотел бы узнать как такого дибиться. Спасибо.
0 votes1 answer -
100 однотипных страниц
Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?
0 votes4 answers -
несколько элементов в строку
не могу понять - такая конструкция: <div class="header"> <div class="field1">FIELD1</div> <div class="field2"><a href="#" class="logo"></a></div> <div class="field3">FIELD3</div> </div> .header { text-align:center; width:100%; height:200px;} a.logo{background: url(img/logo.png) no-repeat; display:block;width:360px;height:131px;} .field1,.field2,.field3{width:360px;height:131px;display:inline-block;} центральный блок, который содержит ссылку рисуется на уровень выше двух остальных. помогите выровнять их на одном уровне.
0 votes3 answers -
Разбивка страницы (частичное отображение)
Как сделать что бы на странице сайта выводилось определенное количество новостей, а в низу странички кнопка при нажатии на которую к странице еще добавляется такое же количество новостей и так пока новости не закончатся. Заранее спасибо за помощь!
0 votes2 answers -
<div> в линию
Столкнулся со следующей проблемой Хочу разместить несколько див элементов в одну строку, что бы они шли по очереди, без интервалов. Получается это сделать, если для каждого див элемента прописывать лефт\топ\райт позицию. Это довольно долго, и, как мне кажется, не совсем правильно. По другому никак не могу сделать. К примеру, в css в класс див вставлял display:inline - не помогло, пробовал float - тоже нуль результатов. Буду благодарен за помощь Код html <html> <link href="style.css" rel="stylesheet" type="text/css"> <body> <div class="qwe" style="position:absolute;">див 1 </div> <div class="qwe" style="position:absolute;">див 2 </d…
0 votes5 answers -
Верстка кнопки vs ссылка
Столкнулся с проблемой, хочу спросить совета людей кто сталкивался с этим. Рад буду примерам. Есть три положения кнопки: по-умолчанию, при наведении, и нажатая (сверху в низ см. ) Так post событие, то используется input кнопка, или можно обойтись ссылкой? Стиль меняю используя в ссылке спрайт изображения.
0 votes14 answers -
На что ориентироваться
Доброго времени суток! Я, можно сказать, начинающий верстальщик и хочу определиться, как верстать правильнее и нужнее. Многие говорят, что до сих пор, стоит верстать под ie6 и всех его предшественников. Но взяв статистику рунета, явно видно, что доля браузеров IE6 составляет всего 0,5%. Когда другие браузеры составляют намного большую значимость. http://www.liveinternet.ru/stat/ru/browsers.html - вот статистика. Что же делать? Под IE8 верстать, я согласен, это не составляет огромного труда. Но IE6 - это АУТ!!!
0 votes4 answers -
Ширина блока по тексту
Здравствуйте! Прошу прощения, если пишу не туда, довольно срочная проблема. Есть слой, в котором ссылка, при наведении на эту ссылку появляется дополнительный слой (что-то вроде выпадающего меню). Выпадающее меню имеет определенную ширину (в зависимости от длины текста и т.д.), мне очень надо сделать, чтобы ширина этого выпадающего слоя была равна ширине ссылки, при наведении на которую появляется это меню. Пробовал разные пути, сейчас остановился на этом. Нахожусь в абсолютном тупике. Буду благодарен за помощь. <style type="text/css"> .cat-list_parts_link { float: left; width: 150px; padding: 0 5px 20px 10px; } .cat-list_parts…
0 votes6 answers -
Центрирование...
Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяе…
0 votes23 answers -
Выравнивание элементов
Помогите выровнять три div в один ряд. При таком коде первые два div стоят в ряд а третий снизу. Вот пример кода: HTML - код: <div class="scroller"> <div class="left"></div> <div class="sc"></div> <div class="right"></div> </div>? CSS - код: .scroller { width: 90%; height: 200px; border: 1px solid #0F0; margin: 0 auto; } .left { width: 12px; height: 198px; border: 1px solid #30C; float: left } .right { width: 12px; height: 198px; border: 1px solid #30C; float: right; } .sc { width: auto; border: 1px solid #F00; height: 198px; margin: 0px 14px 0px 14px; } Нужно чтобы class="scroller" был дин…
0 votes7 answers