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 но в Мозиле, Опере? Поделитесь плиз? Вот есть, но он работает только в ИЕ: <a href="java script:window.external.addFavorite('http:/сайт', 'Название сайта')"></a>
0 votes9 answers -
Проблемы со 100% высотой div в Firefox
Доброго времени суток. Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.( В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается). Собственно- не понятно, почему блок не тянется по размеру текста. макет - www.beavers-net.narod.ru Заранее спасибо. С ув. Олег.
0 votes11 answers -
Нюанс скругления края меню
Привожу для примера рисунок, это сделано на флеше (поэтому код через Firebug посмотреть не могу), а мне похожее нужно в HTML: Как скруглить левый верхний угол у <li> (или скруглить край меню), который подсвечен оранжевым и находится слева с краю? Оранжевый цвет накладывается при условии hover и selected при помощи background: url(../libg.gif) repeat-x; Если, допустим, задавать border-radius для оберточного дива меню, то на этот <li> он действовать не будет и бекграунд у <li> окажется квадратным и отобразится поверх скругленного уголка оберточного дива. На <li>, разумеется, скругление не наложишь, иначе в середине меню будут скругленные пункты. Как…
0 votes44 answers -
Заокругленые углы
есть штмл текст верхняя рамка <tr> <td style="background-image:url(images/header_left.gif); width:3px; height:21px;background-repeat: no-repeat;;"></td> <td style="background-image:url(images/header_center.gif); height:21px;"><font class="header_name">Погода</font></td> <td style="background-image:url(images/header_right.gif); width:3px; height:21px;background-repeat: no-repeat;"></td> </tr> как указать длину если таблица может быть разной длины чтобы средняя ячейка растягивала фон до конца,
0 votes14 answers -
Нужна помощь со списком select
<div class="hidden-desktop"> <hr /> <select id="collapsed-navbar " class="content span12 collapsed-nav onchange="location.href=this.value""> <option selected="selected" disabled>Выберите пункт меню</option> <option class="page-home" value="">Главная</option> <option class="page-home" value="">Обратная связь</option> <option class="page-home" value="">Реклама на сайте</option> <option class="page-home" value="">Раздел</option> <option cla…
0 votes4 answers -
Подскажите как сделать резиновый height у input
В общем width я могу указать в процентах и все будет работать нормально, а вот height никак не хочет чтобы не делал. Приведите пример реализации пожалуйста. Заранее спасибо
0 votes11 answers -
внутри div сделать img+p к низу
В общем делаю каталог продукции. Каждая позиция товара находится внутри div. Div имеет фиксированный размер 200x200px. Внутри DIV находится IMG. IMG имеет разный размер, но меньше 200px по высоте и ширене. Также внутри DIV есть P. В общем P нужно прибивать к низу DIV, а потом IMG прибивать к верху P. Но самое главное, все это добро должно быть по центру. <div id="content" class="catalog"> <div><img src="img/okolco.png" alt="" /><p>Обручальные кольца <span>180</span></p></div> <div><img src="img/pechatka.png" alt="" /><p>Печатки <span>78</span></p></div> <div><img src…
0 votes8 answers -
Формы
Подскажите, кто-нибудь сталкивался с такой проблемой: кнопка submit в форме имеет вид плоского прямоугольника и на реагирует на наведение мыши (хотя работает, т.е. при нажатии данные отправляются). Пользуюсь DW и там в режиме разделения кнопка похожа на кнопку-выпуклая, а в localhoste смотрю страницу-кнопка серенький прямоугольничек?
0 votes17 answers -
Внутренние элементы растягивают блок в IE6
CSS: a.sbt { background:url("/templates/sinclair/images/sml_btn_bg.png") repeat-x; display:inline-block; height:22px; line-height: 22px; white-space: nowrap; color:#fff; text-decoration: none; cursor: hand; } a.sbt b, a.sbt i{ display: block; height:22px; font-style: normal; font-weight: normal; cursor: hand; } a.sbt b{ background:url("/templates/sinclair/images/sml_btn_l.png") no-repeat left top; } a.sbt i{ background:url("/templates/sinclair/images/sml_btn_r.png") no-repeat right top; padding-left:10px; padding-right:10px; } HTML: <a class="sbt" href="ss"><b><i>Добавить в корзину</i></b></a> Должна получиться кноп…
0 votes18 answers -
Варавнивание нескольких плавающих блоков с растяжкой
Привет! После изучения статей по выравниванию блоков по горизонтали так и не получилось решить следующую задачу. <html> <head> <title>Untitled</title> <style type="text/css"> .cont { float:left; } </style> </head> <body> <div align="center" style="border:solid 1 lime;"> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 1</div> <div style="border:solid 1 red;background:yellow;width:300px" class="cont">блок-контент 2 (ширина задана,фикс)</div> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 3</div> <div style="clear:both"…
0 votes28 answers -
Абсолютное позиционирование шапки сайта
Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …
0 votes17 answers -
DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?
Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать? Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру. Спасибо!
0 votes6 answers -
Как зафиксировать логотип
Всем привет! Не могу разобраться с фиксацией логотипа, фото прилагаются. Стиль логотипа: #cs_logo{ position: absolute; top 210px; left: 260px; margin: 10px; } Код логотипа: <div id="cs_logo"><img src="images\cs_logo.png" width="150" height="150"></div>
0 votes17 answers -
font-face кириллица
На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал. Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу. Скачиваю полученный результат: вижу, что кириллицы нет. В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi Там тоже проблемы с кириллицей. Как все-таки справиться с этим генератором? С…
0 votes4 answers -
Menu в WordPress через wp_nav_menu
Здравствуйте, учусь делать сайт, сделал меню в WordPress с иcпользованием PHP, заказчик пристал, что нужно через wp_nav_menu, 3 день не могу добиться необходимого результата. Есть меню(рубрик и страниц), в нём пара пунктов имеют дочерние пункты. Вобщем, мне нужно получить такую структуру. Но сколько я не мучился, у меня получается так: не могу понять, как используя wp_nav_menu, заставить его выводить все пункты меню, последовательно. Он выводит все Родительские, а дочерние, как бы сверху налагает. Кто сталкивался или знает, подскажите, пожалуйста.
0 votes19 answers -
Изображение в три колонки
Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?
0 votes7 answers -
Не получается таблица.
Это моя первая таблица. Хочу сделать вот такую таблицу, которая будет "начинена" изображениями: Вот так она должна объединяться: http://i706.photobucket.com/albums/ww68/szr4/tb.gif <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" XML:LANG="ru" > <HEAD> </HEAD> <TABLE BORDER='1'> <TR> <TD WIDTH='48'></TD> <TD WIDTH='210'></TD> <TD WIDTH='22'></TD> <TD WIDTH='22'></TD> <TD WIDTH='210'></TD> <TD WIDTH='48'>…
0 votes21 answers -
Помогите пожалуйста выронять меню
Здравствуйте. Я "верстаю" шаблон, и в ie6 верхнее меню не пристыковывается с левой стороны к шапке. А firefoxe всё хорошо. Вот вёрстка HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Rational by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outer"> <div id="header"&…
0 votes22 answers -
Древовидные комментарии
расскажите кто-нибудь как сделать древовидные комментарии, как например на Яндексе и тут http://habrahabr.ru/blogs/ui_design_and_usability/22820/
0 votes11 answers -
Выпадающее меню. Проблема с onmouseout
Есть меню, расположение блоков примерно такое: Мне нужно чтобы при наведении вываливался подпункт, а потом после отведения мыши от меню вываливался раздел меню на котором я сейчас нахожусь(на рисунке). Но загвоздка в чем: Когда я к самому главному слою присваиваю функцию "скрытия всех слоев, кроме активного" меню плохо работает. Невозможно выбрать пункт. Постоянное мелькание подменюшек(раскрываются и при уведении с 1 уровня -- скрываются). Помогите. Я знаю, что onmouseout врубается, когда я увожу мышку с пункта 1 уровня, но не увожу ведь с главного слоя.!!! Почему срабатывает onmouseout?
0 votes4 answers -
Таблицы
Подскажите пожалуйста. Есть таблица имеющая параметр height 100%, т.е растянута по вертикали, в этой таблице находятся еще две таблички и вот тут у меня возникает вопрос: как расположить одну таблицу вверху, а другую внизу?
0 votes6 answers -
Реализация сложного фона средствами CSS
Добрый день. Назрел такой вопрос с реализацией многослойного фона. На картинке - очень хороша видна суть, и все описано. Очень похоже сделано здесь - http://dgame.ru/ (сильно уменьшите масштаб чтобы посмотреть как реализован фон), но - у них реализовано на табличках. Хотелось бы (по крайней мере по кускам) замутить на дивах. Я думаю на изображениях все предельно понятно, если что-то нет дообъясню Как должно выглядеть в браузере (если окно меньше или равно 1000px) Как должно выглядеть при уменьшении масштаба/увеличении разрешения P.S. Опять же, ребята, просто кому интересно, может быть просто навести на мысль даже по кускам, я и сам не проч позамарачиваться, спецификац…
0 votes6 answers -
прозрачность opacity в internet explorer 8
как реализовать прозрачность opacity в internet explorer 8
0 votes7 answers -
Рисунки и Select
Задача простая но что то как то не пойму как сделать. Например имеется <select name="sel" onchange="selimage"> <option value="1">Рисунок_1</option> <option value="2">Рисунок_2</option> </select> нужно чтобы при выборе 1, рядом с селектом отобразился рисунок, при выборе 2, другой рисунок не пойму как сформировать массив
0 votes21 answers -
Горизонтальное меню
Сделал горизонтальное меню с помощью списка li, но не пойму как его растянуть под 100% родительского блока и между каждым меню сделать границы в виде рисунка: #menu_header1 { height: 32px; display: block; background: url(images/bg2.jpg) top left repeat-x; } #menu_header2 { width: 991px; text-align: center; cursor: pointer; } #menu_header2 li { float: left; padding: 0 0; } #menu_header2 li a { float: left; padding: 8px 50px; text-decoration: none; color: #695737; font-family: Tahoma; font-size: 0.8em; font-weight: lighter; } #menu_header2 li a:hover { background: url(images/bg3.jpg) top center repeat-x; color: #695737; /*font-weight: bold;…
0 votes16 answers