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
-
позиционирование в слайдере
http://jsfiddle.net/S83R9/2/ вот тут слева позиционируется последний элемент а справа второй элемент, в начале все кажется, что работает нормально, отображается верно, но сразу как нажмем на стрелки все сливается, что делать? в чем мой косяк?
0 votes2 answers -
Оцените верстку/укажите на ошибки
Сайт Оцените/подскажите, буду благодарен.
0 votes1 answer -
Формы
Вот код формы : http://jsfiddle.net/hristofor/Z24K2/ Такой вопрос. Почему слово jah не распологается после радио кнопки(как мне нужно), а смещается наверх формы?
0 votes2 answers -
Ошибка в штмл счетчике. куда копать.
Проблема следующая. счетчик отсчитывает 10 часов . после чего начинает считать заново. но не с 10 часов а с 31 дня. <div class="ps_countdown_wrap"> <div id="ps_counter"></div> <div class="ps_counter_desc"> <div>Дней</div> <div>Часов</div> <div>Минут</div> <div style="margin: 0;">Секунд</div> </div></div><style type="text/css"> .ps_countdown_wrap { width: 550px; margin: auto; } .cntSeparator { font-size: 54px; color: #000; margin: 10px 7px } .ps_counter_desc { clear: both; } .ps_counter…
0 votes1 answer -
Что делать с этим элементом на этапе верстки?
Что делать с этим элементом на этапе верстки? http://fastpic.ru/view/64/2014/1005/41a4e40eef8128685e7f3439da23b2a0.jpg.html как верстать его? или он делается при посадке на движок?
0 votes5 answers -
Помогите , не могу найти как сделай всплывающее окно
Доброго всем времени суток, нужна ваша помощь . Нужно сделать небольшое всплывающее окно на лэндинг которое показывает сообщения типа "Сейчас марина купила товара на сумму ххх " или "Осталось товара по акции;5шт" , по ссылке пример. Желательно сделать 1в1 . всех благодарю за помощь !
0 votes0 answers -
Таблица вылетает далеко вниз при 100% высоте
Наверняка уже была проблема, но покурив достаточно много поиск, именно такой проблемы так и не попалось=( имеем html, body { background: url('img/chbpolos11.jpg'); margin: 0px; font-size:11px; height:100%; } table.main { margin:auto; border: 10px #ffffff solid; border-bottom: none; background: #ffffff; width:780px; padding:0px; height:100%; } и ячейка <td style="height:100%;" valign="top"> в которой располагается таблица с контентом. Если убрать высоту ячейки, то табличка перестает уползать далеко вниз, но ползет верстка в целом. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть ли рецепты как это…
0 votes1 answer -
Правильно ли я составила DOCTYPE?
Мне на свой сайт нужно поставить DOCTYPE. При создании сайта я использовала HTML и CSS. Как я понимаю DOCTYPE для моего сайта должен выглядеть так: !DOCTYPE html PUBLIC "-//W3C//DTD HTML/CSS Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (по бокам скобки) Правильно?
0 votes1 answer -
Выравниваник в форме <select>
есть форма: <select name="city" id="id_city"> <option value="" selected="selected">— The city(region) —</option> <option value="">Vinnytsia (Vinnytsia region)</option> <option value="">Dnipropetrovsk (Dnipropetrovsk region)</option> <option value="">Donets’k (Donets’k region)</option> Как правильно прописать в css, чтобы <option value="" selected="selected">— The city(region) —</option> выравнивалось по-середине, а остальные по левому краю?
0 votes1 answer -
Боковые картинки под углом
Jquery 3d carousel. Как можно, например, в такой карусели: http://fredhq.com/projects/roundabout сделать, чтобы картинки сбоку от центральной (справа и слева) были под углом, как здесь: http://www.olympic.org/ (я знаю, что тут флэш). Можно ли такое сделать с помощью css? Если кто делал подобное, помогите пожалуйста.
0 votes3 answers -
Табличная вёрстка шапки
Как сделать чтобы при вёрстке изображение в таблице растягивалось по горизонтали в зависимости от разрешения экрана? По вертикали не нужно, только по горизонтали. При этом чтобы рисунок не сжимался по размеру меньше оригинала. Спасибо, разобрался. <img style=" width: 100%; height: 600px;" alt="" src="jpg.jpg"> Правильно?
0 votes2 answers -
Кратность высоты
Здравствуйте! Очень нужно, чтобы высота <div>'а была кратна высоте фона, я, можно сказать, новичок, и вот, что у меня получилось(высота фона 36px: <script type="text/javascript" language="javascript"> var h=window.document.getElementById("middle").style.height; var h2 = Math.ceil(h/36)*36; window.document.getElementById("middle").style.height = h2+'px'; </script> -не работает))) Наверное вообще не с той стороны зашел, не подскажете как это можно осуществить?
0 votes4 answers -
Выбор картинки кликом
Привет, ребят вот конструкция: радиобатон а рядом картинка. Картина выбирается этим радиобутоном, подскажите плз как сделать так чтоб картинка выбиралась кликом и на нее и она бы подсвечивалась при наведении на нее?? спасибо! <div class="blockbegun"> <input type="radio" name="begun" value="1"> <img src="/srv/images/b11.gif" border="0" align="absmiddle"> </div>
0 votes1 answer -
Изображение рамки с двух сторон
Здравствуйте, я бы хотел узнать как мне поставить изображение для рамки и сделать её с двух сторон (слева и справа) при этом не создавая других блоков
0 votes3 answers -
hover эффект
Как такое можно сделать? http://themes.iki-bir.com/ikaros/blog2.html когда на картинку наводишь плюсик появляется, попытался скопировать с примера то что я скинул, не получилось, походу криво копировал. Есть ли готовые решения такие же?
0 votes1 answer -
Как растянуть блок на весь viewport?
Решено как сделать так, что бы родительский блок имел ширину не меньшую чем дочерний к нему, в случае, когда ширина viewport'а меньше чем ширина этого дочернего блока? Пример тут Откройте его в окне шириной меньше 1000px и получите это: Вопрос продублирован на хабре, надеюсь это не противоречит правилам.
0 votes1 answer -
Дополнительные файлы css
Вот начал делать сайт,и с css работаю внешним способом(ссылка на таблицу стилей),на файл style.css пробовал создавать другие файлы с расширением css,а они не подключаются,так вот у меня 2 вопроса: 1.можно ли вообще создавать дополнительные таблицы стилей с расширением css и с названием файла не style. 2.и хотелось бы узнать как делают большие сайты проффесионалы?хватает ли одного файла style?
0 votes3 answers -
Проблема с градиентом
Возникла проблема при выполнении практического задания http://htmlbook.ru/practical/forma-registratsii То что сверстал можно посмотреть здесь: http://jsfiddle.net/Ratmir/hfCEB/ В Опере и IE градиент не отображается, хотя префиксы указал. В других браузерах все нормально. В чем может быть проблема? И второй вопрос. В задании на кнопке в верхней половине наблюдается полупрозрачный фон, который по форме напоминает уменьшеную кнопку. Можно ли сделать это при помощи CSS или только через картинку?
0 votes4 answers -
Некорректный размер кнопок в Mazilla
Проблема с оображением в Мазиле. http://jsfiddle.net/jontsk/WCyZr/4/ На скриншоте видно, что общая высота кнопок в Мазиле на 5px больше. Не знаю что делать с этим.
0 votes8 answers -
Помогите с позиционированием по центру
Мне надо чтобы текст был строго по центру экрана, прижат к верху (не фиксирован) на разных разрешениях. Перепробовала кучу вариантов - ну никак не получается - на разных разрешениях косяки... ...я в CSS не очень,- может что упускаю... код CSS: .tel {position:absolute;top:-28px;color:#64583a;z-index:1;font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, Serif;font-size:19px;}код HTML: <div class="tel">(048) 794-15-75 (048) 743-57-72 (098) 232-89-13</div>Заранее благодарна за помощь.
0 votes4 answers -
полоса выделения с заданным значением длины полосы
хочу чтобы в моем меню,состоящего из 4 hello world и размером 192 на 127 пикселей.была первая полоса с выделением размером 192 на 27 пикселей. ниже код https://jsfiddle.net/meyrjtvn/ не работает html <link rel="stylesheet" href="styles.css" type="text/css"/><ul id="menu"> <li class="kolonki"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b> <ul id="menu1" > <li width="192px" height="27px" padding="500px"> hello world </li> <li>helo world </li> <li>helo world </li> <li>helo world </li> </ul> </li></ul> css ul#menu1{ width:192; height:127…
0 votes2 answers -
Оптимальный стиль описания вложенности тегов
Здравствуйте! Подскажите, пожалуйста, какой из двух вариантов написания вложенности является оптимальным и почему: 1. div.block > div > p 2. p.name Заранее благодарю за ответ!
0 votes5 answers -
Выравнивание текста относительно изображения
Добрый день! Наиглупейший вопрос, извиняюсь... Есть изображение (логотип) + наименование организации. Лого слева, текст справа. Как правильнее отцентрировать текст по центру логотипа, что бы решение было максимально адаптивным? Всякие align=middle, vertical-align и padding-top для текста не помогли: то текст скачет, то перескакивает на маленьких разрешениях... Заранее спасибо!
0 votes2 answers -
Адаптация страницы
Коллеги, прошу о помощи неравнодушных. Сайт pe.mini-mall.ru Взял за образец чужой код, а настроить до конца не получается. 1. При адаптации меню, не могу понять, как растянуть блоки на всю ширину экрана. 3. Не могу вывести дополнительные указатели в блоки где есть дополнительные пункты, в коде вроде прописано, а ничего не выводится. 2. В блоках, где раскрываются доп пункты, мигают какие-то символы, первый раз с таким столкнулся, как убрать? Буду признателен за советы.
0 votes0 answers -
вкладка
Вот пробую сделать страничку, и столкнулся с проблемой, не могу убрать линию под дивом с надписью "тарам" , чтобы было типо вкладки, на сайте просматрел про параметр display: inline но он не срабатывает. Помогите, пожалуйста, уже непервый день над этим думаю:/ (про чистоту кода можете ничего мне не говорить, позже исправлю=) ) CSS: *:focus {outline: none} body { font-family: arial; font-size: 13pt; } html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img { margin: 0; padding: 0; } div { margin: 0; padding: 0; position: relative; } #page { width: 100%; height: 100%; } #head { width: 100% } #body { margin: 10px…
0 votes0 answers