HTML Coding

29542 questions in this forum

1. высота <li>

   #menu li { padding-top: 8px; padding-bottom: 9px; display: block; border-bottom: #c5c5c5 solid 1px; background: url(../img/menuico.gif) left no-repeat; } #menu a { padding-left: 18px; font: 11px Tahoma; color: #343434; text-decoration: none; text-align:center; letter-spacing: 1px; } #menu a:hover { color: #FAA619; } <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Задать вопрос</a></li> <li><a href="#">Поиск</a></li> <li><a href="#">Форум</a></li> </ul> </div> в разных браузерах высота …

   Asked by chus, October 28, 2007

   0 votes
   5 answers
2. Помогите с ссылками

   Помогите с ссылками. Какой код нужно указывать чтобы картинка была ссылкой и при этом валидатор молчал ?

   Asked by DasBit, May 13, 2009

   0 votes
   20 answers
3. Помогите найти вредоносный код на сайте

   Здравствуйте на моем сайте яндекс обнаружыл вредоносный код, помогите найти очень прошу вот сайт http://imedia.3dn.ru/ в последние время новых скриптов не ставил, на сайте стит виджен коментарие от в контакте, думаю может проблема в нем? прошу помощи.

   Asked by Yura1, February 29, 2012

   0 votes
   21 answers
4. Подсветка области area

   На большой картинке выделил область (area) в качестве ссылки на другой документ html: <img src="image.jpg" usemap="#karta"> <map name="karta"> <area href="doc2.html" shape="rect" coords="50,60,70,80"> </map> Как сделать так, чтобы при наведении курсора мышки на эту область выделялись (подсвечивались) ее границы? Что-то вроде этого необходимо: <div id="qaz" onmouseover="this.style.borderColor='orange'" onmouseout="this.style.borderColor='black'"> </div> CSS: #qaz {border:6px solid black;} Проблема в том, что у area нет этого самого border.

   Asked by Zaharov, August 9, 2009

   0 votes
   1 answer
5. Как сделать анимацию цикличной?

   Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!

   Asked by Vic-Tor, February 26, 2016

   • анимация
   • animation:
   • keyframes
   0 votes
   2 answers
6. Выравнивание блоков/элементов

   Ребят всем привет! Я только начал изучать верстку по видео урокам на ютубе. У меня есть свой макет который я купил у дизайнера. Решил с него поучиться верстать. Подскажите как правильно сделать шапку сайта. У меня все выравнивания происходят с помощь отрицательных "margin". Судя по урокам, везде делают это с помощью flex и тому подобное. Дизайн очень оказался сложным и там много проблем с фонами. Дайте пару советов и подсказок как продолжать дальше. Заранее спасибо ? Вот: макет: Мой сайт

   Asked by Nerwoid, January 14, 2019

   • верстка
   • margin
   • выравнивание
   0 votes
   12 answers
7. валидация вложенных списков

   Помогите разобраться с валидатором! Определился с доктайпом: HTML 4.01 Transitional. Но ругается на менюшку: Менюшка не простая с раскатывающимся списком: <div id="menu"> <ul type="circle"> <li><a href="http://samizdam.spb.ru/" title="На главную!!">Главная.</a></li> <div class="autors"> <ul> <li onclick="tree('a',4)">Авторы: <ul> <li id="a1"><a href="/mira/">Мирра П</a></li> <li id="a2"><a href="/giena/">Весёлая Гиена</a></li> <li id="a3"><a href="/gnato/">Николай Гнатьо</a></li> <li id="a4"><a href="/volchona/"…

   Asked by Быколай, April 5, 2009

   0 votes
   8 answers
8. Не убирается первый элемент background li

   Друзья, привет. Оч нужна помощь. В общем не могу убрать изображение background у первого списка li меню ul. Также неполучается сделать padding: 0; Вот сам код: <div id="tpl_main_menu"> <ul> <li class="no_style"><a href="otdih.html">Отдых</a></li> <li><a href="apartamenti.html">Апартаменты</a></li> <li><a href="priroda.html">Природа</a></li> <li><a href="kontakti">Как добраться</a></li> </ul> </div> И сам css #tpl_main_menu { text-align: center; margin: 0 auto; width: 635px; } #tpl_main_menu ul { padding: 0; margin: 0; list-style…

   Asked by Вадим, July 17, 2009

   0 votes
   12 answers
9. Текст разного размера по одной линии

   Имеем: <ul style="margin: 0; padding: 0; list-style: none;"> <li style="font-size: 11px; float: left;">текст</li> <li style="font-size: 12px; float: left;">текст</li> <li style="font-size: 13px; float: left;">текст</li> <li style="font-size: 14px; float: left;">текст</li> <li style="font-size: 15px; float: left;">текст</li> </ul> Вопрос: Можно ли сделать кроссбраузерно чтобы текст был на одной линии?

   Asked by VJiK, December 1, 2009

   0 votes
   6 answers
10. Как заставить блок "толкать" ul

    Нужно сделать так, чтобы при уменьшении окна #adver "толкал" #navmenu, чтобы строки в нем переносились без указания ширины для #navmenu. Сейчас я обхожусь тем, что явно прописываю ширину, но это костыль. Если ширина не прописана, то при уменьшении #adver переносится на новую строку, #navmenu остается без изменений. Что делать? <div id="logo"> <img src="img/logo.jpg" width="109" height="144" alt="Логотип" /> </div> <ul id="navmenu"> <li><a href="#">Новости</a></li> <li><a href="#">Программы</a></li> <li><a href="#">Эфирная сетка</a></li> <li><a hr…

    Asked by lavr-ik, August 9, 2009

    0 votes
    17 answers
11. Завернуть каждые 4-e li в div ?

    Имеется ненумерованный список <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> Нужно завернуть по 4-е элемента списка li в div, вот как в таблице строка и в ней ячейки <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> Так же как в таблице хочу разбить на строки каждые 4-е li пример ниже <ul> <div> <li&g…

    Asked by ilyas, March 20, 2013

    0 votes
    3 answers
12. После ссылки и открытия нового окна страничка встает на начало...

    Мужики, помогите, пожалуйста! Ситуация. Есть страничка на сайте. Она длинная, т.е. уходит ?вниз? на 4-5 экранов, может, больше. На страничке есть много фоток-превьюшек, нажимая на которые в новом окне раскрываются большие фотки. Так вот если превьюшка, например, находится далеко внизу, то при открытии нового окна станичка встает на самое начало! Что-то нет никаких идей?

    Asked by Ингви, May 27, 2008

    0 votes
    10 answers
13. Параметр height в таблицах!

    Доброго времени суток! Проблема следующего содержания: КОД: <table cellpadding="0" cellspacing="0" width="600" height="100%" border="1" style="border-collapse:collapse;"> <tbody> <tr> <td colspan="2" height="100"> </td> </tr> <tr> <td rowspan="2" width="200"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </td> <td height="20">ПРОБЛЕМНАЯ</td> </tr> <tr> <td>2&lt…

    Asked by mozart, November 4, 2008

    0 votes
    8 answers
14. Рамка с заголовком на рамке

    Как сделать вот такой DIV с заголовком, перекрывающим участок границы?

    Asked by vlav, October 7, 2012

    0 votes
    2 answers
15. Сервер не отдаёт файл по прямой ссылке

    Здравствуйте! Если сайт который я пытаюсь парсить и у меня есть прямые ссылки на все файлы которые мне нужны с этого сайта и которые были собраны заранее (все файлы графические - jpg). На сайте какая-то защита, существует конкретное число файлов которые можно скачивать с него а если идёт превышение то по этим прямым ссылка открывается просто пустота. Как такое может быть если я обращаюсь по прямым ссылкам, что сейчас по этой ссылке графика, а потом пустота? Как обойти такое ограничение? P.S. У меня нет нормальных прокси а всё что пробовала - очень тормозное но тем не менее через них всё работает какое-то время и каждый лимит нужно просто менять прокси но речь идёт пр…

    Asked by Anechka, July 28, 2016

    0 votes
    20 answers
16. Рисунок-ссылка слоями

    Как сделать чтобы вставленный рисунок в слой стал ссылкой?

    Asked by Cardinal, July 28, 2007

    0 votes
    5 answers
17. Флеш, пнг с прозрачностью и реагирование на курсор

    В общем. Что есть: флеш, который находится в нижнем слое (z-index, wmode=opacity итд...) и png-картинка (в div'e с position=absolute и с заюзанным AlphaLoader'ом в случае с ИЕ), которая расположена поверх этого флеша. Нужно: чтобы область флеша находящаяся под пнг-картинкой реагировала на курсор так же, как и та, что не закрывается картинкой. Возможно ли это? Если да, то как это сделать?

    Asked by NeFBoTuS, March 30, 2008

    0 votes
    4 answers
18. Вопрос о позиционировании для всех браузеров

    Пару вопросов, может не все касаются css, но не хочу захламлять вс? темами: 1)почему в теге 2)как сделать в css, что бы во всех браузерах раболато, то, что я пишу в теге horizontal-align & vertical-align.. скорей всего? но вот только см. первый пункт. (

    Asked by Accessdenied, July 28, 2008

    0 votes
    8 answers
19. Какими тегами можно сделать штмл в штмл

    Какими тегами можно отобразить страницу штмл в середине тела другого штмл документа??

    Asked by KILOgramM, July 14, 2009

    0 votes
    7 answers
20. Выравнивание inline-block по ширине в Chrome и Opera

    В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03">…

    Asked by htmlhtml, November 28, 2013

    • inline-block
    • text-align
    • chrome
    • opera
    • form
    0 votes
    16 answers
21. Yii2: pjax+ ListView

    Обгорнул pjax ListView настроил пагинацию, все ок. Потом сел настраивать поля фильтра... в стандартной сгенирированой формы ActiveForm. Добавил туда 'options'=> ['data-pjax'=>1], вроде все ок. Но фильтер работает через раз ((( раз обновляєт pjax-ом а раз все страницу, может я еще что-то забыл сделать ( _search.php <?php $form = ActiveForm::begin([ 'action' => ['index'], 'method' => 'get', 'options'=> ['data-pjax'=>1], ]); ?> index.php <?php Pjax::begin(['id' => 'countries']); ?> <div class="col-md-3 left-sidebar styled-border-1"> <?php echo $this->render('_search', ['mo…

    Asked by NOCaut, October 30, 2015

    0 votes
    1 answer
22. в IE6 просвечивает выпадающее окно

    есть див с рейтингом в виде рисунка. при нажатии на этот рисунок, java скриптом поверх выводится див для ввода коммента к рейтингу. но в IE6 див для коммента оказывается под дивом с рейтингом, и все кнопки неактивные. у дива для коммента и у дива с рейтингом пробовала указать и z-index, и position в разных комбинациях, но не помогает в IE7, Mozilla Firefox и Opera все работает. Заранее спасибо за помощь! <style> .user_soft { margin:0px 15px 5px 20px; } .user_soft a { color: #2786A8; margin:0px; text-decoration:underline; } .user_soft a:hover { color:#4864d6; } .user_soft img { margin:0px 2px -4px 0px; } .user_soft p { color:#181919; margin:5px 15px 0px 23…

    Asked by Tanchik, May 20, 2008

    0 votes
    11 answers
23. position:absolute; и ie

    здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо

    Asked by vvsh, October 22, 2009

    0 votes
    12 answers
24. Кодировки

    Как сделать сайт в двух кодировках? КОИ-8 R и виндовской?

    Asked by B@rcaF@n, July 20, 2007

    0 votes
    7 answers
25. Помогите с тегом <base>

    Интересно, как задавать правильно базовый адрес ссылок. Почему-то код страницы не работает как надо, т.е. не выводит картинку... <html> <head> <title> Велосипед </title> <base href= "http://wallenokk.wallst.ru/pic"></base> </head> <body> <img src="bicycle.jpg"> </body> </html> И в то же время следующий код работает <html> <head> <title> Велосипед </title> </head> <body> <img src="/pic/bicycle.jpg"> </body> </html>

    Asked by neznayka, October 23, 2011

    0 votes
    9 answers