HTML Coding

29542 questions in this forum

1. Добавить в избранное

   Есть ли скрипт Добавления сайта в Избранное, который работает не только в IE но в Мозиле, Опере? Поделитесь плиз? Вот есть, но он работает только в ИЕ: <a href="java script:window.external.addFavorite('http:/сайт', 'Название сайта')"></a>

   Asked by okunev2, March 16, 2008

   0 votes
   9 answers
2. Проблемы со 100% высотой div в Firefox

   Доброго времени суток. Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.( В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается). Собственно- не понятно, почему блок не тянется по размеру текста. макет - www.beavers-net.narod.ru Заранее спасибо. С ув. Олег.

   Asked by tt48, September 12, 2009

   0 votes
   11 answers
3. Нюанс скругления края меню

   Привожу для примера рисунок, это сделано на флеше (поэтому код через Firebug посмотреть не могу), а мне похожее нужно в HTML: Как скруглить левый верхний угол у <li> (или скруглить край меню), который подсвечен оранжевым и находится слева с краю? Оранжевый цвет накладывается при условии hover и selected при помощи background: url(../libg.gif) repeat-x; Если, допустим, задавать border-radius для оберточного дива меню, то на этот <li> он действовать не будет и бекграунд у <li> окажется квадратным и отобразится поверх скругленного уголка оберточного дива. На <li>, разумеется, скругление не наложишь, иначе в середине меню будут скругленные пункты. Как…

   Asked by Squidward, August 25, 2011

   0 votes
   44 answers
4. Заокругленые углы

   есть штмл текст верхняя рамка <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> как указать длину если таблица может быть разной длины чтобы средняя ячейка растягивала фон до конца,

   Asked by solos, November 28, 2007

   0 votes
   14 answers
5. Нужна помощь со списком 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…

   Asked by sokolovjack, November 23, 2013

   • html select option
   0 votes
   4 answers
6. Подскажите как сделать резиновый height у input

   В общем width я могу указать в процентах и все будет работать нормально, а вот height никак не хочет чтобы не делал. Приведите пример реализации пожалуйста. Заранее спасибо

   Asked by L1vet, December 12, 2012

   0 votes
   11 answers
7. внутри 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…

   Asked by Вадим, August 28, 2009

   0 votes
   8 answers
8. Формы

   Подскажите, кто-нибудь сталкивался с такой проблемой: кнопка submit в форме имеет вид плоского прямоугольника и на реагирует на наведение мыши (хотя работает, т.е. при нажатии данные отправляются). Пользуюсь DW и там в режиме разделения кнопка похожа на кнопку-выпуклая, а в localhoste смотрю страницу-кнопка серенький прямоугольничек?

   Asked by lapwing, December 24, 2009

   0 votes
   17 answers
9. Внутренние элементы растягивают блок в 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> Должна получиться кноп…

   Asked by d0ublezer0, May 11, 2010

   0 votes
   18 answers
10. Варавнивание нескольких плавающих блоков с растяжкой

    Привет! После изучения статей по выравниванию блоков по горизонтали так и не получилось решить следующую задачу. <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"…

    Asked by airscape, December 17, 2010

    0 votes
    28 answers
11. Абсолютное позиционирование шапки сайта

    Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …

    Asked by Arxont, November 23, 2017

    0 votes
    17 answers
12. DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?

    Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать? Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру. Спасибо!

    Asked by Горыныч, February 1, 2010

    0 votes
    6 answers
13. Как зафиксировать логотип

    Всем привет! Не могу разобраться с фиксацией логотипа, фото прилагаются. Стиль логотипа: #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>

    Asked by Sanchezzz, May 31, 2012

    0 votes
    17 answers
14. font-face кириллица

    На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал. Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу. Скачиваю полученный результат: вижу, что кириллицы нет. В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi Там тоже проблемы с кириллицей. Как все-таки справиться с этим генератором? С…

    Asked by theo_, June 10, 2011

    0 votes
    4 answers
15. Menu в WordPress через wp_nav_menu

    Здравствуйте, учусь делать сайт, сделал меню в WordPress с иcпользованием PHP, заказчик пристал, что нужно через wp_nav_menu, 3 день не могу добиться необходимого результата. Есть меню(рубрик и страниц), в нём пара пунктов имеют дочерние пункты. Вобщем, мне нужно получить такую структуру. Но сколько я не мучился, у меня получается так: не могу понять, как используя wp_nav_menu, заставить его выводить все пункты меню, последовательно. Он выводит все Родительские, а дочерние, как бы сверху налагает. Кто сталкивался или знает, подскажите, пожалуйста.

    Asked by TrueTrue, March 27, 2012

    0 votes
    19 answers
16. Изображение в три колонки

    Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?

    Asked by galsik2009, February 26, 2016

    • html
    • css
    0 votes
    7 answers
17. Не получается таблица.

    Это моя первая таблица. Хочу сделать вот такую таблицу, которая будет "начинена" изображениями: Вот так она должна объединяться: 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'>…

    Asked by SCHNITZER, November 23, 2009

    0 votes
    21 answers
18. Помогите пожалуйста выронять меню

    Здравствуйте. Я "верстаю" шаблон, и в 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"&…

    Asked by Sayitright, April 16, 2010

    0 votes
    22 answers
19. Древовидные комментарии

    расскажите кто-нибудь как сделать древовидные комментарии, как например на Яндексе и тут http://habrahabr.ru/blogs/ui_design_and_usability/22820/

    Asked by Deacon, September 15, 2008

    0 votes
    11 answers
20. Выпадающее меню. Проблема с onmouseout

    Есть меню, расположение блоков примерно такое: Мне нужно чтобы при наведении вываливался подпункт, а потом после отведения мыши от меню вываливался раздел меню на котором я сейчас нахожусь(на рисунке). Но загвоздка в чем: Когда я к самому главному слою присваиваю функцию "скрытия всех слоев, кроме активного" меню плохо работает. Невозможно выбрать пункт. Постоянное мелькание подменюшек(раскрываются и при уведении с 1 уровня -- скрываются). Помогите. Я знаю, что onmouseout врубается, когда я увожу мышку с пункта 1 уровня, но не увожу ведь с главного слоя.!!! Почему срабатывает onmouseout?

    Asked by Maslakoff, August 1, 2007

    0 votes
    4 answers
21. Таблицы

    Подскажите пожалуйста. Есть таблица имеющая параметр height 100%, т.е растянута по вертикали, в этой таблице находятся еще две таблички и вот тут у меня возникает вопрос: как расположить одну таблицу вверху, а другую внизу?

    Asked by 100kd, December 2, 2007

    0 votes
    6 answers
22. Реализация сложного фона средствами CSS

    Добрый день. Назрел такой вопрос с реализацией многослойного фона. На картинке - очень хороша видна суть, и все описано. Очень похоже сделано здесь - http://dgame.ru/ (сильно уменьшите масштаб чтобы посмотреть как реализован фон), но - у них реализовано на табличках. Хотелось бы (по крайней мере по кускам) замутить на дивах. Я думаю на изображениях все предельно понятно, если что-то нет дообъясню Как должно выглядеть в браузере (если окно меньше или равно 1000px) Как должно выглядеть при уменьшении масштаба/увеличении разрешения P.S. Опять же, ребята, просто кому интересно, может быть просто навести на мысль даже по кускам, я и сам не проч позамарачиваться, спецификац…

    Asked by Radik_45, October 22, 2010

    0 votes
    6 answers
23. прозрачность opacity в internet explorer 8

    как реализовать прозрачность opacity в internet explorer 8

    Asked by imolodec, January 20, 2009

    0 votes
    7 answers
24. Рисунки и Select

    Задача простая но что то как то не пойму как сделать. Например имеется <select name="sel" onchange="selimage"> <option value="1">Рисунок_1</option> <option value="2">Рисунок_2</option> </select> нужно чтобы при выборе 1, рядом с селектом отобразился рисунок, при выборе 2, другой рисунок не пойму как сформировать массив

    Asked by slavok47, January 7, 2010

    0 votes
    21 answers
25. Горизонтальное меню

    Сделал горизонтальное меню с помощью списка 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;…

    Asked by okunev2, September 22, 2008

    0 votes
    16 answers