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
-
высота <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> в разных браузерах высота …
0 votes5 answers -
Помогите с ссылками
Помогите с ссылками. Какой код нужно указывать чтобы картинка была ссылкой и при этом валидатор молчал ?
0 votes20 answers -
Помогите найти вредоносный код на сайте
Здравствуйте на моем сайте яндекс обнаружыл вредоносный код, помогите найти очень прошу вот сайт http://imedia.3dn.ru/ в последние время новых скриптов не ставил, на сайте стит виджен коментарие от в контакте, думаю может проблема в нем? прошу помощи.
0 votes21 answers -
Подсветка области 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.
0 votes1 answer -
Как сделать анимацию цикличной?
Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 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);}} Спасибо!
0 votes2 answers -
Выравнивание блоков/элементов
Ребят всем привет! Я только начал изучать верстку по видео урокам на ютубе. У меня есть свой макет который я купил у дизайнера. Решил с него поучиться верстать. Подскажите как правильно сделать шапку сайта. У меня все выравнивания происходят с помощь отрицательных "margin". Судя по урокам, везде делают это с помощью flex и тому подобное. Дизайн очень оказался сложным и там много проблем с фонами. Дайте пару советов и подсказок как продолжать дальше. Заранее спасибо ? Вот: макет: Мой сайт
0 votes12 answers -
валидация вложенных списков
Помогите разобраться с валидатором! Определился с доктайпом: 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/"…
0 votes8 answers -
Не убирается первый элемент 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…
0 votes12 answers -
Текст разного размера по одной линии
Имеем: <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> Вопрос: Можно ли сделать кроссбраузерно чтобы текст был на одной линии?
0 votes6 answers -
Как заставить блок "толкать" 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…
0 votes17 answers -
Завернуть каждые 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…
0 votes3 answers -
После ссылки и открытия нового окна страничка встает на начало...
Мужики, помогите, пожалуйста! Ситуация. Есть страничка на сайте. Она длинная, т.е. уходит ?вниз? на 4-5 экранов, может, больше. На страничке есть много фоток-превьюшек, нажимая на которые в новом окне раскрываются большие фотки. Так вот если превьюшка, например, находится далеко внизу, то при открытии нового окна станичка встает на самое начало! Что-то нет никаких идей?
0 votes10 answers -
Параметр 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<…
0 votes8 answers -
Рамка с заголовком на рамке
Как сделать вот такой DIV с заголовком, перекрывающим участок границы?
0 votes2 answers -
Сервер не отдаёт файл по прямой ссылке
Здравствуйте! Если сайт который я пытаюсь парсить и у меня есть прямые ссылки на все файлы которые мне нужны с этого сайта и которые были собраны заранее (все файлы графические - jpg). На сайте какая-то защита, существует конкретное число файлов которые можно скачивать с него а если идёт превышение то по этим прямым ссылка открывается просто пустота. Как такое может быть если я обращаюсь по прямым ссылкам, что сейчас по этой ссылке графика, а потом пустота? Как обойти такое ограничение? P.S. У меня нет нормальных прокси а всё что пробовала - очень тормозное но тем не менее через них всё работает какое-то время и каждый лимит нужно просто менять прокси но речь идёт пр…
0 votes20 answers -
Рисунок-ссылка слоями
Как сделать чтобы вставленный рисунок в слой стал ссылкой?
0 votes5 answers -
Флеш, пнг с прозрачностью и реагирование на курсор
В общем. Что есть: флеш, который находится в нижнем слое (z-index, wmode=opacity итд...) и png-картинка (в div'e с position=absolute и с заюзанным AlphaLoader'ом в случае с ИЕ), которая расположена поверх этого флеша. Нужно: чтобы область флеша находящаяся под пнг-картинкой реагировала на курсор так же, как и та, что не закрывается картинкой. Возможно ли это? Если да, то как это сделать?
0 votes4 answers -
Вопрос о позиционировании для всех браузеров
Пару вопросов, может не все касаются css, но не хочу захламлять вс? темами: 1)почему в теге 2)как сделать в css, что бы во всех браузерах раболато, то, что я пишу в теге horizontal-align & vertical-align.. скорей всего? но вот только см. первый пункт. (
0 votes8 answers -
Какими тегами можно сделать штмл в штмл
Какими тегами можно отобразить страницу штмл в середине тела другого штмл документа??
0 votes7 answers -
Выравнивание 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">…
0 votes16 answers -
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…
0 votes1 answer -
в 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…
0 votes11 answers -
position:absolute; и ie
здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо
0 votes12 answers -
Кодировки
Как сделать сайт в двух кодировках? КОИ-8 R и виндовской?
0 votes7 answers -
Помогите с тегом <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>
0 votes9 answers