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
-
IE — говно
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' lang='ru' xml:lang='ru'> <head> <style type="text/css"> ul li, ul li img { display: block; margin: 0; padding: 0; line-height: 0; height: 22px; width: 120px; } ul { margin: 0; padding: 0; list-style: none; } ul li { background: green; } </style> </head> <html> <div> <ul> <li><img src="" alt="234234"></li> <li><img src="" alt="234234"></li> <li><img src="" alt="234234"></li> …
0 votes19 answers -
wmv vs FF
Не знаю что делать, уже все перепробовал и перегуглил. При попытке вставить видео формата wmv в документ, оно не проигрывается в Файрфоксе, хотя в других браузерах (Хром, Ие7/8, Сафари, Опера) все нормально. В чем может быть причина? Вот код: <object ID="Player" width="330" height="310" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="autoStart" value="True"> <param name="uiMode" value="full"> <param name="volume" value="100"> <param name="mute" value="false"> <param name="URL" value="video.wmv"> <embed src="video.wmv" width="330" height="310" autoStart="True" uiMode="full" volume="100" mute="false"><…
0 votes12 answers -
Фиксированная шапка и якоря
Привет всем. Эта та самая проблема которая есть на всех сайтах с плавающей шапкой которые я видел. Когда при переходе по якорю шапка наезжает блок. Есть ли грамотное решение этой проблемы? Еще терпимо если плавающий блок небольшой высоты, а вот если блок высокий то отступы использовать не вариант
0 votes3 answers -
Горизонтальные полосы прокрутки
Доброго вечера уважаемые! Помогите пожалуйста, не знаю уже что и делать, делала сайт на большом экране, а когда повесила в инет появились внизу полосы прокрутки, причём у кого мониторы меньшего разрешения смотреть сайт очень не удобно, сегодня целый день билась, картинки уменьшала, думала поможет, но нет, не помогло, не знаю что делать! Помогите плиззз, кто чем может! Вот ссылка: http://www.flmebel.ru
0 votes12 answers -
Направление текста
Приветствую! Как изменить направление текста на странице, чтобы оно было не слева направо, а снизу вверх (как на корешке книги)?
0 votes9 answers -
Hover на несколько элементов
Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/
0 votes2 answers -
mature titty
48:6 Flee, save your lives, and be like the heath in the wilderness. mature site xsex commandments, and obey his voice, and ye shall serve him, and cleave mature lady butt forth from Pharaoh: 5:21 And they said unto them, The LORD look upon mature black lady nude That very same day an old man dressed in a white suit and a straw boater and mature women mpegs about me: therefore will I offer in his tabernacle sacrifices of joy; hun yellow pages mature destroy the names of them out of that place. premature atrial complexes 89:1 I will sing of the mercies of the LORD for ever: with my mouth blonde mature stocking portion or inheritance for us in our father's house? 31:15 Are…
0 votes0 answers -
Растянуть блок или таблицу по высоте
Такая ситуация, есть сайт у него такой доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> Есть таблица, завернутая в другую ячейку таблицы: <td> <table width="100%" height="100%"> <tr> <td valign="top">инфа1</td> </tr> <tr> <td valign="bottom">инфа2</td> </tr> </table> </td> Проблема в том что не могу растянуть по высоте эту таблицу и выравнить по нижнему краю (valign="bottom") инфу2. Подскажите, плиз, как это побороть не меняя данный доктайп?
0 votes11 answers -
Очень длинное название в выпадающем меню
Всем доброго времени суток. Сразу признаюсь, я самый, что ни есть новичок Делаю сайт на стандартном шаблоне Joomla (rhuk_milkyway). Закачал модуль горизонтального выпадающего меню. Всё получилось. Но в подменю у меня длинные названия, очень, которые нельзя сократить. Некоторые должны отображаться в 3 и даже 4 строки. А у меня одна длиннющая Что в css отвечает за перенос текста? Или необходимо где-то указывать определенный размер подменю? Воощем, что вставлять и куда вставлять не знаю!!! Поможете? P.S. Обещаю исправить своё невежественное отношение к css методичным самообучением. Просто сроки поджимают. Обещал подарить сайт... Если я правильно понимаю, это css моего меню: …
0 votes14 answers -
Плавное изменение картинки при наведении мыши
Как сделать чтобы при наведении на картинку, она плавно переходила в другую. После увода курсора с картинки, так же плавно применяло свое прежнее обличье. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN" "http://www.w3.org/TR/html4/strict.dtd" /> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> a.rollover { background: url(bez.PNG); display: block; width: 295px; height: 295px; } a.rollover:hover { background: url(s.PNG); } </style> </head> <body bgcolor="#89afe5"> <center><p><a href="" class="rollover"> </a></p></center&g…
0 votes4 answers -
Проблема в верстки карточки товара
Добрый день. Есть карточка товара. Подскажите как ее сверстать ее, так что бы когда изображение отсутсвует часть с описанием сдвигалась влево. на данный момент у меня сверствано float и картинке задана ширина если ее нету то ширина = 0 и соответствено описание сдвигается влево, но тут возникает проблема когда описание больше по высоте чем картинка то текст попадать под картинку , таковы уж правила работы float Верстать не нужно подскажите в каком направлении двигатся, может ссылку а то у меня ни чего не получилось найти
0 votes9 answers -
background-position отступ с права
Как задать беграунд чтоб отступ справа был например на 5 пикселей. 95% не подходит, так как может быть разная шырина контейнера
0 votes5 answers -
Меняющийся задний фон!
Здравствуйте форумчане, давно пользуюсь данным сайтом, но точно не знаю задавался ли этот вопрос. Меня интересует смена заднего фона при обновлении страницы сайта. У меня лежит 5 разных картинок, и я бы хотел сделать чтобы они менялись случайным образом при обновлении. Подскажите что нужно и куда прописать, буду очень благодарен, заранее всем спасибо!
0 votes5 answers -
Меню со скошенными углами
Как сделать подобное меню? http://www.wildberries.ru/ (скошенные углы) В Firebag смотрел но так ничего и не понял. Может, есть подобные примеры с объясненем? Просто если меняется ширина пункта меню то и скос этот должен тоже менять свою ширину. В общем не понятно
0 votes4 answers -
свойсво tr:hover
как убрать свойсво tr:hover или отменить действие tr:hover для одной строчки в таблице
0 votes12 answers -
календарь на сайте
а как календарик на сайт добавить? что бы сам обновлялся, конечно явой или пхп можно??)) помогите ламеру кодом, если можно) заранее спасибо)
0 votes20 answers -
Установить базу для ссылок внутри css
Возможно ли в обьявлении вида: <link rel="stylesheet" type="text/css" href="test.css"> указать атрибут, чтобы все ссылки находящиеся внутри данного файла имели указанную базу.
0 votes5 answers -
Большие проекты
Собственно сабж кто как подходит к большим проектам где уникальных страниц много в дизайне периодически проскакивают похожие формы отображения элементов контента?
0 votes22 answers -
Линия на карте мира в Google maps
Добрый день всем. Нужна помощь над задачей, которую не могу решить уже второй день. Суть такая: нужно провести линию между городами из разных континентов на карте мира, используя google maps api v3. Только линию эту надо провести в пределах одной карты, а как видно в примере линия уходит за один край карты и возвращаеться из другого http://jsfiddle.net/Dzhav/m3Dn9/1/ Я понимаю, что линия между точками проводиться кратчайшим путем и пролегла через тихий океан, но мне нужна такая, что проходит в пределах одного экрана не обрываясь ( в моем примере нужно через Африку и Атлантический океан) Не могу никак найти решения задачи и даже вопросов похожых на форумах не вижу . Може…
0 votes5 answers -
<textarea> ???
Подскажите, можно ли сделать скрытой? как в если задать hidden???
0 votes12 answers -
Прыгает ширина блоков на разных страницах
Есть страница, верстка div'ами. Шапка: #header { float:left; height:70px; margin:10px 0 5px; padding:10px; width:900px; } Левый div (с меню) #leftcolumn { float:left; margin:0 5px 5px 0; padding:10px; width:195px; } Правый блок(с контентом) #rightcolumn { color:#333333; display:inline; float:right; margin:0 0 5px; padding:10px; width:678px; } При переходе по страницам, верстка прыгает. Перерыл всё... вроде всё жестко зафиксил, всё равно прыгает. Сам сайт _ttp://www.devilbiss.ru
0 votes12 answers -
Верстка фона
Подскажите пожалуйста, как верстать такой фон? Сам я додумался только до такого: верхний фон - один блок, нижний фон - второй блок. Родительскому блоку (в данном случае <body>) задаю position:relative, а верхнему и нижнему фону задаю pozition:absolute и z-index:-1. В коде вот так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> * {margin:0;padding:0} body {background:#F5F5F5;position:re…
0 votes8 answers -
Некорректное отображение сайта в IE.
Здравствуйте! Мой сайт: http://www.garden08.ru При показе в IE происходит такая неприятная вещь: при уменьшении ширины окна правая колонка периодически падает вниз под левую, потом снова встаёт на место (эффект мелькания). Возможно ли это как-то исправить? Хотелось бы решить эту давнишнюю проблему этого сайта, т.к. сейчас занимаюсь интеграцией дизайна в sBuilder. Заранее спасибо!
0 votes15 answers -
выпадающий список с прокруткой
Интересует как сделать такую штуку, например есть кнопка, при нажатии на нее появляется список (вертикальный), с кнопками (не скроллами) для перемотки содержимого вниз-вверх. Видимую часть списка сделал через новый div с какими то там значениями overflow, не суть, это работает. Проблема вот в чем - незнаю как сделать прокрутку элементов списка, при изменении margin-top или margin-bottom список прокручивается, но только при однократном нажатии. Тоесть я нажал на стрелку "вниз", показался скрытй до этого нижний элемент списка, по идее при втором нажатии должен показаться следующий элемент, но ничего не происходит. код скрипта: function scrolldown(elem) { var obj = doc…
0 votes2 answers -
Кириллица через form
Столкнулся с такой проблемой, форма на отрез отказыется принимать кириллицу. Пробовал через post и get причем через get я получаю в адресной строке вполне адекватный запрос a-la qwerty.ru/?name=русскийText А когда стараюсь вынуть из переменной ее значение получаю только Text. Кириличесские символы не превращаются в крокозябру, а просто отсутствуют в переменных. Сайт на джумле. Код банальный и рутинный. <form method="get"> Фамилия<br><input type="text" name="lname" required><br> Имя<br><input type="text" name="name" required><br> Телефон<br><input type="text" name="phone" required><br> &l…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-