HTML Coding

29,542 questions in this forum

1. Убрать увеличение длины элемента при увеличении font-weight

   имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…

   Asked by pav8909, January 14, 2012

   0 votes
   4 answers
2. Картинка для ссылки

   Здравствуйте! Проблема следующая, хочу сделать так, чтобы картинка в виде стрелочки появлялась возле активной ссылки. Но при добавлении картинки она накладывается на ссылку Вот CSS данного меню /* Категории раздела */ a.catName {font:bold 16px Arial, Helvetica, sans-serif; padding:10px; margin:0;} /* оформление ссылок(шрифт,размер,отступы) */ a.catName:link {text-decoration:none; color:#232323;}/* оформление ссылок, которые еще не посещались пользователем */ a.catName:visited {text-decoration:none; color:#232323;}/* оформление ссылок, которые посещались пользователем */ a.catName:hover {text-decoration:none; color:#89c631;}/* стиль элемента при наведении на него курсора *…

   Asked by lion228, January 14, 2012

   0 votes
   4 answers
3. Чать русских букв выводиться нормально а другая ?

   абвгдеёжзийклмноп???????????????я - нужна помощь знатоков !!! (Используемый язык PHP,MySQL,PDO,Smarty) Пробовала все файлы php-ые кодировать в UTF-8(без BOM)... но увы не помогло !!! Так же в файле htaccess есть строка явной кодировки PHP_VALUE default_charset utf-8 В index.php присутствует строки локализации : header('Content-type:text/plain; charset=utf-8'); setlocale(LC_ALL, 'ru_RU.utf-8', 'rus_RUS.utf8', 'Russian_Russia.utf-8', 'Russian_Russia.utf8', 'Russian_Russia.65001'); ClickW,

   Asked by ClickW, January 13, 2012

   0 votes
   5 answers
4. Якорь

   Здраствуйте. Интересует реализация не совсем стандартного якоря. Использую joomla re 1.0 (куча раз хакнута и куда глюков имеется) Тематика и структура страницы: страница турфирмы, на странице расположены туры по категориям (экскурсионные, комбинированные и т.д.), разделены тегами <h2> Требуется: сделать навигацию внутри сайта (поставить вверху ссылки "Экскурсионные тур", "Комбинированные туры" и т.д. которые ведут к нужным турам) Решение: Ипользовать якоря. <a href="#ex-tours">Экскурсионные туры</a> ... <a name="ex-tours"></a> <h2>Экскурсионные туры</h2> Результат: при нажатии на ссылку страница пролистывается вниз до соответсвую…

   Asked by KASich, June 22, 2011

   0 votes
   5 answers
5. Размер содержимого=высота блоков

   Помогите исправить! На странице http://zav.ucoz.net/index/0-21 высота среднего блока=высота правого и левого блоков. Нужно чтоб высота среднего блока = по самому содержимому этого блока. На любой другой странице эта прогблема не замечается. Как быть?

   Asked by and_zheltukhin, January 14, 2012

   0 votes
   1 answer
6. проблемы с background

   Добрый день, сейчас верстаю один макет, и столкнулся с такой проблемой: http://s011.radikal.ru/i315/1201/ba/9a2f69f0373a.png беграунд сверху размером 1800px и блок контента должен быть посредине. На 1920х1080 все отлично. Однако на меньших разрешениях выходит вот так: http://s018.radikal.ru/i510/1201/2e/9d8e19e9d506.png Вопрос, как сделать что бы на всех разрешениях все выглядело одинаково? Я вот думаю по поводу: Отдельный бг для каждого разрешения, такое возможно? Если да, то как сжимать картинку, ибо нужно сжать только горизонтально, а вертикально вроде бы должна быть такой же.

   Asked by WabFad, January 12, 2012

   0 votes
   10 answers
7. Проблема с a:hover img

   Добрый день. Я, по сути, начинающий верстальщий, но сегодня столкнулся такой проблемой. Заказчик попросил что бы при наведении на ссылку у нее изменялся бекфон. Когда прописал соответствующий стиль, появилась проблема с ссылочными изображениями с прозрачным фоном. Если навести на них мышкой, фон изображения тоже меняется. В общем какие варианты я не пробовал, без результатно. Хочу попросить помощи у опытных верстальщиков. Код примера привожу ниже <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Standart//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type="text/css"> a, a:active, a:link…

   Asked by Sergikus, January 13, 2012

   0 votes
   5 answers
8. Почему может схлопываться Nivo Slider в IE ?

   Схлопывается по вертикали только в IE и только на моей странице =) К сожалению ссылку дать не могу, но буду очень рад помощи теоретиков =) Width и Height разумеется заданы. IE всех версий. Стили - те которые по умолчанию со сладером идут. Если необходимо могу кинуть код, но там нет ничего феноминального.

   Asked by North-Leshiy, January 12, 2012

   0 votes
   2 answers
9. Как интегрировать

   Как интегрировать шаблон в Битрикс? Где там вообще HTML? Как верстать? Один php показывает

   Asked by Imperil, January 13, 2012

   0 votes
   1 answer
10. Применение margin сдвигает не то, что хотелось бы.

    Добрый день. Периодически сталкивался с данной проблемой на некоторых браузерах. Если у меня есть блок, а внутри него другой (или неблочный элемент), то применение margin-top к описанию внутреннего элемента почему-то двигает не внутренний элемент относительно внешнего, а внешний относительно других. Почему? В данном примере нужно сдвинуть ссылку (Join now) от верхнего края темно-коричневого блока. Применение к ней margin-top двигает темно-коричневый блок вниз (указано стрелкой).

    Asked by Red Planet, January 20, 2011

    0 votes
    5 answers
11. В IE7 блок с динамической шириной, выровненный по центру,

    Нужно сделать блок с динамической шириной, выровненный по центру, который не растягивался бы на всю доступную ширину, потому что у этого блока есть бекграунд (уголки и фон). Блок расширяется вложенным контентом, а именно - горизонтальным меню. Сделал так, работает везде кроме ишаков от семерки и ниже: CSS: #wrapper{ text-align:center; } #menu{ display:inline-block; background:url(../images/menubg.png) repeat-x; } #menuleftcorner{ background:url(../images/menuleftcorner.png) no-repeat left; } #menurightcorner{ background:url(../images/menurightcorner.png) no-repeat right; } HTML <div id="wrapper"> <div id="menu"> <div id="menuleftcorner"> <div id=…

    Asked by Squidward, January 13, 2012

    0 votes
    0 answers
12. Полуовал

    Здравствуйте! необходимо сделать такую форму, желательно на css3. пробовал сделать c border-radius но, результат получался не совсем желаемым.

    Asked by ArtDesire, January 13, 2012

    0 votes
    2 answers
13. Проблема со стилями при переносе сайта с narod.ru

    Проехали.

    Asked by zxls, January 13, 2012

    0 votes
    0 answers
14. Помогите определить в чем проблема

    Добрый день У меня такая проблема: если я добавляю к тексту тег <a href> то текст исчезает,но ссылка создается, т.е текст не видно,а нажав в той области перейти по ссылке можно. не могу понять в чем дело,помогите,может кто знает в чем проблема??? в стиле прописано: div#img3 { width:369px; height: 325px; background: url(images/img3.png) repeat-y; float:right; } a { color: #e1bd2b; text-decoration: none; } a:hover, a:active { text-decoration: underline; }

    Asked by 2-tone, January 13, 2012

    0 votes
    5 answers
15. Размещение рисунка

    Здравствуйте всем. У меня вопрос на первій взгляд очень простой: мне нужно разместить три рисунка в модуле для джумла посреди блока. На первій взгляд довольно простое задание, но теги <center></center> не работают. С того что знаю о цсс: сделать стиль <div style="text-align: center"></div> тоже не подходит. Ничего не происходит. Некоторіе класі цсс так и не нашел в папке модуля и сайта вцелом. Не знаю даже куда ріть. Может кто подскажет направление хоть? Вот сайт. Изображения - три сертификата зумера.

    Asked by xunicorn, January 12, 2012

    0 votes
    1 answer
16. IE6 и списки

    Здравствуйте. Уже несколько дней борюсь з проблемой вывода списка в одну строку в IE6. Список должен иметь вид: <ul> <li> <img1> Text1 Text2 </li> <li> <img3> Text1 Text2 </li> ... </ul> Когда вывожу только изображения, то все без проблем. Дойдя до края страницы они продолжаются с новой строки, но когда додаю текст с права от изображения, желание у IE6 продолжать с новой строки пропадает. Вот что получается: В других браузерах все отлично

    Asked by Alex&R, January 13, 2012

    0 votes
    0 answers
17. Отображение <li> в зависимости от наличия в нем вложенного <ul>

    Нужно, чтобы у тех li, которые содержат вложенные ul, при условии :hover были свои стили CSS, отличные от тех li, которые не содержат вложенных ul. Можно ли это сделать средствами CSS? Если нет, подскажите, как это делается Яваскриптом. Просто для этих li при наведении фон нужен другой.

    Asked by Squidward, December 25, 2011

    0 votes
    13 answers
18. Разные картинки для каждой ссылки

    Думал реализовать следующее в виде спрайта, но думаю не получится. Мне нужно сделать такой блок: по умолчанию картинка-ссылка на разделы одна. При наведении мыши на ссылку второго раздела (Машина 2), появляется другая картинка-ссылка, при наведении на третий раздел, следующая ссылка-картинка и т. д.

    Asked by aizul, January 13, 2012

    0 votes
    3 answers
19. Вертикально-резиновый сайт

    Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…

    Asked by Impulse, January 11, 2012

    0 votes
    4 answers
20. Баг с background-position в FF 9.0.1

    <html> <head></head> <style> .bug { background: url("loading.png") repeat 10000px 100000px; height: 800px; width: 800px; } .normal { background: url("loading.png") repeat 10000px 10000px; height: 800px; width: 800px; } </style> <body> <div class="bug"> </div> <div class="normal"> </div> </body> <html> картинка "loading.png": Так вот, в FF 9 в нижнем диве все нормально, картинка в background отображается, а в верхнем- нет. В чем проблема, как решить? Во всех остальных браузерах проблемы такой нету.

    Asked by Odrin, January 13, 2012

    0 votes
    4 answers
21. Не правильное отображение css

    #sddm div a:hover { background: #49A3FF; color: #FFF} .ib, .ib2 {height: inherit;z-index: 1;} .ibt, .ibtl, .ibtr {background: url('/images/ibt.png') top left repeat-x;height: 34px;overflow: hidden;} .ibtl {background-position: bottom left;float: left; width: 14px;} .ibtc {float: left;margin-left: 4px;line-height: 34px;padding-top: 2px;width: 86%;overflow: hidden;} .ibtr {background-position: bottom right;float: right; width: 15px;} .ibtc a.bl, .ibtc a.bl:visited, .ibtc span.bl {border-left: 3px solid #fcbc26;color: #09364c;font-size: 11pt;font-weight:bold;padding-left: 7px;} .ibb, .ibbl, .ibbr {background: url('/images/ibb.png') top left repeat-x;height: 20px;overflo…

    Asked by dukesov, January 10, 2012

    0 votes
    10 answers
22. Помогите с css

    Помогите настроить ксс в одном элементе: Вот страничка с ксс: http://rghost.ru/35876198 Наведите сюда: Между двома кнопками есть расстояние: Как его убрать? я уже задолбался его убрать, а ему пофиг

    Asked by T@NKIST, January 12, 2012

    0 votes
    2 answers
23. DIV 100% в таблице

    Имеется вот такая таблица, внутри div контент разного размера. Можно ли заставить div растягиваться по высоте на 100% без использования JS? <table> <tr> <td><div>...</div></td> <td><div>...</div></td> <td><div>...</div></td> </tr> </table>

    Asked by PlutDem, January 12, 2012

    0 votes
    3 answers
24. Проблема с положением дива position:absolute в IE

    Такая беда: в ИЕ див с position:absolute отображается справа от текста, а в остальных браузерах - под текстом. Подскажите пожалуйста, как сделать, чтобы див в ИЕ был под текстом (а еще лучше, чтобы див вообще не зависил от текста). Вот код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>111</title> </head> <body> <div style="position:relative; width:500px; height:200px; background:#CCC"> Text <div style="position:absolute; width:200px; height:300px; background:#666"></div> </div> </body> </html> Вот пример: http://goodtime.com.ua/max/wtf2…

    Asked by ivnitskiy, January 12, 2012

    0 votes
    3 answers
25. Тестирвание сайта в разных браузерах

    После тестирования сайта, появились некоторые проблемы в версиях браузеров 3-4 летней давности. Например в Opera 9.60 и Firefox 3.6.10 не корректно отображаются размеры шрифтов, в IE 6 не корректно отображаются картинки png. Стоит ли делать правки под эти версии браузеров?

    Asked by Olekh, January 12, 2012

    0 votes
    3 answers