mishka

То, зачем это нужно, я понимаю. Просто видел пример когда в стили для ие6 выносится такой код. Тогда для всех браузеров мы просто пишем overflow:hidden, а про ие6 забываем что там при флоатах "схлопнется" родительский блок. Вот и вопрос отсюда - можна ли так делать? Сам по старинке пользуюсь валидными способами, zoom еще ниразу неприменял. Поэтому и спрашиваю тех кто этип пользуется.

Хоть ктото, кроме Great Rash читал условие задачи??? Почему вы советуете то что ненужно человеку? В условии сказанно: сделать так чтобы блок стал шириной картинки, а текст если его много то становился в несколько строк и не растягивал блок. Может у вас ваши примеры и работают, но у меня нет. Выход без скрипта невижу. Либо скрипт выполняющийся на стороне клиента, либо скрипт серверный.

Размер картинок разный, но ширину ее в хтмл прописывает скрипт, вручную это никто неделает. Также можна и диву ширину прописать скриптом, предварительно взяв ее из картинки, в результате меньше код, меньше изврата. И как по мне так это решение более верное.

Зачем там высота вообще нужна? Там есть уже ширина на <ul>, если есть ширина, то ul{margin:0 auto} и вот менюшка уже по центру, li{float:left}. Пустой спан внутри ненужен, так как бекграунд надо поцепить на <a>. А если у вас задумка такая чтобы при отключенных картинках все было видно, то уберите a{text-indent:-900%}. Если небудет дропдауна то поставте ul{overflow:hidden}. О, увидел зачем вам спан пустой... это делается нетак... Бекграунд цепляете на <a>, причем вырезаете картинку простого состояния и ховерного, совмещаете их, допустим ховерное состояние внизу прицепите, и при ховере a:hover{background-position:0 100%} или a:hover{background-position:0 -y} где y - высота ссылки. ___________________ | обычное состояние | |__________________| | ховерное состояние | |__________________|

насчет сплошной ошибки то это правда. a.mainlevel, a.mainlevel:visited { font:bold 10px Tahoma, sans-serif; display:block; width:100%; border:1px solid #E0E0E0; text-indent:10px; margin:0 0 1px; text-decoration:none; text-transform:uppercase; } a.mainlevel:hover { background:#000; color:#fff; } Подучите наследование стилей. Почитайте книгу для начинающих. Кстати вы фон меняете не на ячейке, а на ссылке

Ну дык наверное там есть символ который неотвечает кодировке utf-8, покажите что у вас там на той строке

так ответит ктонибудь на мой вопрос? *{zoom:1;} это может както плохо повлиять на отображение странички в ие6? И вообще на его работу

Еще я увидел такую запись: *{zoom:1;} и это вынесенно в отдельный файл для ие6. Как по мне так очень простое и логичное решение. Но это потому что я незнаю всех тонкостей использования zoom. Подскажите это может както плохо повлиять на отображение странички в ие6?

скажите что тут сложнее? div{ overflow:hidden; height:1%; } это валидно div{ overflow:hidden; width:100%; } это тоже валидно или div{ overflow:hidden; zoom:1; } а это невалидно А случаи когда нельзя указать ни ширину ни высоту возникают не так уж и часто. и сколько вам литров кофе надо? А если что то попробуй расскажи заказчику почему код невалиден....

Дело в том что это у тебя не с менюшкой происходит, а со всей версткой вообще... Это не верстка это.... ужас Тут более коректно - "научите верстать"

Сайт который мы делаем это лицо той фирмы для которой мы его делаем. А наш код это наше лицо.

и никакого джс только display: table более кроссбраузернее, но с ие6-7 надо както бороться

Ситуация такова: код - лицо фирмы. И это нетот случай на котором можна допустить невалидность кода. Но я вполне согласен использовать zoom, если невозможно использовать overflow совместно с высотой/шириной, но только в отдельном css для ие6

td{white-spacing:nowrap}

Если на ие можна забить то и "auto" вполне хватает. Кстати может ктонибудь посмотреть как это ведет себя в ие7-ие8, так как они у меня портейблы и неподдерживают джс...

Для поисковика используется <em>, а тег <i> не рекомендуется, так как его назначение только визуальное оформление, которое нынче возложенно на css. Аналогично <strong> - <b>

Както вопрос поставлен не совсем понятно. Если актуально можешь в аську постучать

<!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>Test</title> <style type="text/css"> .holder-image{ float:left; display:inline; overflow:hidden; position:relative; margin:0 20px; } .holder-image img{ display:block; margin:0; border:0; } .description{ position:absolute; bottom:0; left:0; color:#fff; background:#000; } </style> <script type="text/javascript"> function startScript(){ widthBlock(); } function widthBlock(){ var _block = document.getElementsByTagName('div'); var _stringHeight = 30; for(var i=0; i<_block.length; i++){ if (_block[i].className.indexOf('holder-image')!=-1){ var _descriptionBlock = _block[i].getElementsByTagName('div'); for(var j=0; j<_descriptionBlock.length; j++){ if (_descriptionBlock[j].className.indexOf('description')!=-1){ _descriptionBlock[j].style.width=_descriptionBlock[j].parentNode.offsetWidth+'px' if (_descriptionBlock[j].offsetHeight<_stringHeight){ _descriptionBlock[j].style.width='auto'; } } } } } } if (window.addEventListener){ window.addEventListener("load", startScript, false); } else if (window.attachEvent){ window.attachEvent("onload", startScript); } </script> </head> <body> <!-- wrapper --> <div id="wrapper"> <div class="holder-image"> <img src="autumn.gif" alt="" /> <div class="description"> Lorem ipsum dolor. </div> </div> <div class="holder-image"> <img src="autumn.gif" alt="" /> <div class="description"> Lorem ipsum dolor sit amet consectetuer sed Nam risus risus facilisi. </div> </div> <div class="holder-image"> <img src="autumn.gif" alt="" /> <div class="description"> Lorem ipsum dolor. </div> </div> <div class="holder-image"> <img src="../ava/mishka150x150.jpg" alt="" /> <div class="description"> Lorem ipsum dolor sit amet consectetuer </div> </div> </div> <!-- end wrapper --> </body> </html> _stringHeight это высота блока с описанием если в нем только одна строка Только в ие6 нехочет работать блок с описанием растягивается на всю ширину независимо от высоты. В джс я ток начинающий, поэтому непонимаю почему так... несрабатывает _descriptionBlock[j].style.width='auto'; Если в пикселях задать то работает. Может подскажет кто что не так?

Да тут рисунка и ненадо, все становится понятно если перейти по ссылкам, предоставленным автором, ну и почитать то что он пишет

Вы можете связаться со мной по аське?

конечно еще невстречался с таким случаем где блоки которые должны растягивать родителя цеплялись бы на абсолют. Может просто убрать их с абсолюта? Если с абсолюта никак не убрать, то вам поможет джс. Может под те блоки которые на абсолюте просто паддинги выделить?

Со временем поймете что пробелы обычно ставят начинающие, для лучшей читабельности кода. Потом вы будете понимать код "налету", и эти пробелы будут большой код только растягивать. И при этом увеличивать размер файла

Тут тоже о чем и я говорил, с разницей в том что в примере на который вы ссылаетесь используется блочная верстка вместо таблиц. Но автор с помощью css заставляет те блоки вести себя как таблица и ячейки соответственно. Как я понял для lazybird неважно блочная или табличная разметка, главное как будет отображатся... Так что ждем гуру, который разрулит вопрос

Вопрос ко всем, извините что не совсем в тему: Фраза "<h2> вложен в <h1>" только у меня вызывает такую асоциацию: <h1><h2>text</h2></h1> ? потому что код <h1>text</h1> <h2>text</h2> у меня асоцируется только с "<h2> после <h1>"

хотя я погарячился - если есть возможность сделать это с помощью css и это несильно усложнит код, то делайте css