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
-
менюха скачет
проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?". в коде вроде ничего левого нету, но класс menu_on почему-то не наследует неуказанных мной свойств родителя <a>. вот CSS: a.menu{text-decoration:none; color:#ff6414;} a.menu_on{text-decoration:none; color:#14cb06; padding-left:40px;} a.menu:visited{color:#ff6414;} a.menu:hover{text-decoration:none;color:#14cb06;} вот XHTML 1.0: <div id="navigation"> <a href="index.html" class="menu_on">Главная</a> <a href="products.html" class="menu">Продукция</a> <a href="why.html" class="menu">Почему мы?</a> <a href=…
0 votes11 answers -
<select> <option> форматировать текст списка
Есть список вида: <select> <option>1234 123 123</option> <option>123 1 1</option> </select> Нужно чтобы в выпадающем списке столбцы располагались друг под другом, прим: 1234 123 123 123 1 1 Но добавка пробелов ничего не дает, они просто сокращаются до 1 пробела. Если вместо пробелов использовать нижнее подчеркивание, то тоже не получается, ширина букв разная. Пробовал span`ами и pre, тоже не работает. Даже таблицу пробовал делать внутри тэгов option - не помогает Может еще какие варианты подскажите?
0 votes8 answers -
Блок улетает вниз в IE7
Привет! Подскажите пожалуйста как мне укротить упрямого тупого осла под названием IE7 (в ИЕ6 наверное также) ? Везде ДИВ 3 и ДИВ 4 нормально отображаются, даже в ИЕ8. А в ИЕ7 они улетают вниз. Пробовал их вкладывать в 1 общий ДИВ но не помогло. В картинке шлю скрин проблемы. Сайт где посмотреть вживую -- http://av-sport.ru/
0 votes14 answers -
В IE прозрачная PNG берет не правильный бэкграунд
И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую. Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px; В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй. НО! В IE получаем белый фон у картинки с прозрачным фоном! Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px; Т.е если у контейнера с картинками фон синий - у прозрачной картинки тоже будет синий фон Как это побороть? Этот баг только в IE в осталь…
0 votes5 answers -
ссылка углы и градиент
пытаюсь сделать на ссылки в меню и закругленные углы и градиент. вот тут справа меню. собственно интересуют IE6-8. пробовал разными комбинациями скриптов: DD_roundies - PIE.htc пробовал сделать градиент предварительно сгенерировав на display-inline.fr пробовал сделать скриптами как тут http://www.konstantinbaev.ru/cg/ (и вроде как работает нормально) но. ссылки не должны ограничиваться по высоте, потому как х.з. какая ссылка будет. (в последнем примере как раз ограничение по высоте) в общем кто делал? подскажите плиз. DD_roundies - PIE.htc перекрывают друг друга, и поэтому работает только что то одно.
0 votes18 answers -
Легенький макет поверстать для "зеленого" новичка
Подскажите где найти или скиньке кто-то легенькие макеты для "зеленого" новичка поверстать. Я только начал изучать верстку и еще не чего толкового не верстал. Очень уж хочется все это осилить)))
0 votes25 answers -
Вертикальное выравнивание текста в блоке
Можно ли как нибудь вертикально выровнять текст без заголовка в блоке. Че только не пытался сделать ничего не прет.
0 votes8 answers -
Резиновый дизайн
На данном сайте есть пример двухколоночного резинового макета. Там же есть место "подвалу". Так вот, если высота содержимого любого из столбцов меньше высоты страницы, то подвал будет висеть посередине страницы, прижавшись к самому "объемистому" столбцу. Воспользовавшись же различными советами в инете по размещению футера внизу страницы, абсолютно спозиционировав его внизу страницы или родительского блока, обнаружил, что столбец, спозиционированный с помощью float, не "толкает" его вниз, подобно элементу, спозиционированному как "relative", т.е. ведет себя как абсолютно-позиционированный. Получается, что если в столбце меню больше контента (часто бывает такое), то футер н…
0 votes3 answers -
шапка на месте
как так сделали что содержимое скролится а шапка на месте? http://www.rainbowmonkey.de/illustration.html слои? какие должны быть параметры?
0 votes3 answers -
Размеры сайта для разных разрешений
Доброго времени суток. Я уже чуть чуть знаю html\css, но считаю, что мой вопрос ближе к новичковому вопросу. Обычно сайт оптимизируют под какое то разрешение, например я свой сайт оптимизировал для 1024х768. В этом случае, если просматривать его при большем разрешении, то по краям получаются пустые полоски. Просматривая другие сайты я увидел, что они как то растягиваются по ширине. Например этот же форум. Он без проблем растягивается в ширину и всегда на полный экран. Я понимаю, что этот форум написан не на html, а php, но я думаю, что и простые пхп странички можно сделать таким же образом. Наверное это нереально сделать с центрируемой шапкой...
0 votes12 answers -
Как убрать вертикальный скролл если высота 100%
Добрый день! Второй день мучаюсь не могу найти ничего по данной проблеме! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>test</title> <style> html, body { height: 100%; widht: 100%; padding: 0; margin: 0; } .wrap{ height: 100%; width: 100%; padding: 0; margin: 0; position: relative; } .header{ height: 50px; width: 100%; background: blue; } .content{ height: 100%; min-height: 100%; padding: 10px 0; width: 100%; background: yellow; } .footer{ display: table-row; height: 30px; width: 100%; background: re…
0 votes3 answers -
В чем ошибка?
Подскажите, что я сделала не так в написании стиля страницы body { font-size: 500%; font-family: Arial, Verdana, sans-serif; text-align: center background: #333; color: red; } Цвет и размер текста воспринимает, а остальное нет.
0 votes7 answers -
как выровнять div по низу страницы?
Всем привет! Начал верстать дивами недавно (все делал таблицами). Вот сейчас столкнулся с проблемой (весь код приводить не буду, ибо существенна его ооочень малая часть): У меня есть div, который я использую в качестве фона. У него есть z-index соответственно равен 1)) впрочем приведу все его свойства: #bg {z-index: 1; min-width: 1024; float: left; position: absolute; opacity: 0.95; filter: alpha(opacity=95) vertical-align: bottom;} в нем, соответственно содержится фоновая картинка, которая должна растягиваться/сжиматься до определенной степени в зависимости от размеров окна. Ее свойства css: #bg img{width: 100%; min-width: 1024;} слоем выше у меня находится контент, кото…
0 votes2 answers -
три колонки на div для разного фона по краям
был вариант: фон: body { background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top; } сам сайт: .container { min-width:900px; max-width:1600px; width:100%; } т.е. снизу был повторяющийся фон который сочитался с шапкой сайта и если окно становилось шире картинки в шапке то он ее продолжал в обе стороны. Теперь хочется сделать вариант когда слева и справа шапки должен быть разный повторяющийся фон. направо уходит бесконечный хвост от логотипа например. 3 колонки делаются по примерам так: .container_main { position: relative; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .container_center { width:90%; margin: 0px 5% 0px …
0 votes8 answers -
Прозрачный фон
Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)
0 votes12 answers -
2 формы 1 в 1, но 1 не работает
http://www.zierer.ru/buy.php - не работает http://www.activeheat.ru/contacts.php - работает Никак не могу найти причину, почему после отправки форма на сайте zierer.ru возвращает страницу сайта, а не сообщение об успешной доставке. Форма на AJAX + JS + PHP + CSS... Думаю причину искать надо где-то в конфликте HTML,... но никак не найду... Помогите, пожалуйста.
0 votes2 answers -
Таблицы сползают
Пожалуйста для начала скачайте приложеный файл, именно там проблемная страничка, с подробным описанием http://webber-site.narod.ru/Forum.rar 2kb ..идея такова - зафиксировать это вс? чудо на одном месте, так чтоб все было одно под другим с пробелом в 10 пикселов, и чтоб оно там намертво лежало! в свою очередь в таблице ?1 должно вводиться довольное количество текста... ..как мне разобратся с этим? все сделано таблицами, они имеют свою высоту, и выравнивание, но почему то его не соблюдают..
0 votes5 answers -
Как снять форматирование ссылок для картинки
http://ktp-stankin.msk.ru/bak/?p=cat1&c=3&subc=13 вот тут надо чтобы картинки при наведении не подчеркивались точками..как это можно сделать? что-то самому не получилось картинки, как и текст лежат в блоке #content #content a{ color: #1512ad!important; text-decoration:none; font-weight: bold; } #content a:hover{ color: #1512ad; text-decoration:none; border-bottom: 1px dotted #1512ad; font-weight: bold; } зы вариант убрать подчеркивание ссылок точками вообще не принимается) ззы сайт еще пишется...так что на все остальное не обращайте внимания) а ... и еще..помещать картинки в отдельный тег, у которого прописывать стиль, тоже не вариант так как эта область з…
0 votes6 answers -
Как занести чекбоксы в БД
Имеется форма: <form action="" method="GET"> <input type="checkbox" id="first" class=""> <input type="checkbox" id="second" class=""> <input type="submit"> </form> Подскажите п-ста как записать данные чекбоксов в БД? Т.е. ID отмечено не отмечено.
0 votes7 answers -
Вопрос по дизайну
Доброго времени суток всем. Есть сайт, на который надо "надеть" дизайн, а именно надеть шапку, левую колонку, поле контента и футер. Допустимо ли это сделать заменой background-ов с html цветом на background-ы с ссылкой на картинку в формате jpg, или gif, png, вместо многоэтапной обработки PSD шаблона?
0 votes15 answers -
картинка сдвигает содержимое другого div
У меня есть div с display:table, в нем два div с display:table-cell. Проблема в том, что из за картинки в одном div смещается содержимое другого div. Помогите пожалуйста.
0 votes1 answer -
float и вложенные слои
<div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.
0 votes6 answers -
Ограничение размера
Люди. Помогите. Можно ли как-нибудь ограничить размер картинки? Если картинка, например, 200 пикселей, то она сократится до, например, 120 пикселей, а если 60, то она и останется 60? Так возможно?
0 votes5 answers -
почему код примера с htmlbook не валиден?
Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается абб…
0 votes8 answers -
Кодировка и FF 3.0
Сделал html страничку с указанием кодировки. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> В IE 6.0 всё отображается корректно, но в FF 3.0 страница отображается в кодировке windows-1251 .. Что не так?
0 votes13 answers