amelice

Хорошая тема! Мне тоже как новичку очень интересно, кто как учился или учится? sigma77, скажи пожалуйста, а где можно почитать про старых ИЕ, как решать проблемы, когда какие-то элементы или свойства не поддерживают старые ИЕ? Например, про zoom, layout и все остальное прочее?

html будет примерно такой: <div id="header"> <a href="#" class="logo"><img src="" alt="logo"></a> <ul id="nav"> <li><a href="#">A1</a> <ul> <li>clowo 1</li> </ul> </li> <li><a href="#">A2</a> <ul> <li>clowo 2</li> </ul> </li> <li><a href="#">A3</a> <ul> <li>clowo 3</li> </ul> </li> </ul> </div> а стили попробуйте написать сами. по поводу :hover, тут на втором примере как раз то, что вам надо, только нужно чуть-чуть модифицировать.

Если вы хотели использовать <br> после девятой иконки, то нужно было объявить элемент <a> как inline-block. Но, в этом случае другая загвоздка: при уменьшении окна, эти два последние иконки как хвостики, постоянно перемещались б в следующую строку. Поэтому, действительно задать родитель с шириной и там объявить элемент <a> как вам угодно.

Поздравляю!

1. "на вкус и цвет товарищей нет". цвета спокойные, я дома сделала опрос, никого гамма цветов не пугает. 2. сейчас вы ширину сделали по больше и теперь уже кажется более структурированным. 3. по поводу адреса в контенте, buddah более точно написал. 4. ну вот, без пунктирных линий сайт намного лучше смотрится.

«Любые значения, кроме ’none’ (т.е. left/right/both — прим. моё) могут приводить к введению „просвета“ (clearance). „Просвет“ запрещает схлопывание margin-ов и работает как пространство над верхним margin-ом элемента. Он используется для „отпихивания“ элемента вниз по вертикали, под „поплавок“» И чуть ниже в спеке разными словами три раза сказано примерно одно и то же: если верхний margin блока с clear больше, чем выступающая вниз из предыдущего блока нижняя часть «поплавка», то этот margin и работает, если же нет, то к нему добавляется clearance, чтобы итоговый отступ блока с clear от его верхнего соседа по потоку стал в точности равен высоте этой торчащей части «поплавка». Огромное Спасибо за перевод!

Оказалось, не все ясно вижу. К сожалению, английский у меня никакой. А гугл перевел так, что больше запутал. Что, мне не ясно - работа сlear. Почему margin-top нижеследующего обычного дива со свойством cleаr не работает? Тема обсуждалась в этом топике. Хотела бы понять, текст на английском, который написал rookie. SelenIT, пожалуйста помоги с переводом. Спасибо.

а в других браузерах?я вчера тоже попыталась сделать твой пример. Но, у меня не получилось, хотя так же указала input {vertical-align : middle;}(прочла, что замещаемые элементы по вертикали выравниваются по базовой линии), наверно, нужно было обнулить стили input (как у тебя), как и посоветовал klierik.

новый сайт: 1. из-за отсутствия вертикальных линий, содержимое кажется не структурированным. 2. рамки пунктиром рассеянную структуру еще больше рассеивают. мне кажется тут бы подошла сплошная линия. 3. адрес в content'e кажется агрессивным и не упорядоченным. старый сайт внушает больше доверия. 1.цвета спокойные, каждый контекст имеет свое место. все упорядочено. только шрифт не очень упорядочен, по старому сайту согласна с Verderom.

Должен обтекать content_container со вложенными в него блоками. Он идет в коде после! Ознакомьтесь пожалуйста здесь: http://htmlbook.ru/css/float Этот вопрос был адресован вам. Я вижу ясно как работает флоат.

а как ему положено работать? в твоем примере он работает так как надо: флоат: лефт занял свою позицию, встал слева. максимально высоко, максимально влево. работает как блок, обычный див его не видит. ты с помощью свойства margin-left обычного дива, дал обоим блокам место быть на одной линии.

а есть пример? а вообще под ИЕ есть решение? инлайн блок, что за свойство, что-то туплю? вот немного набросал http://jsfiddle.net/kJsEr/ Классно, работает. Softlink, извиняюсь, но я чуточку модифицировала то, что ты сверстал. было интересно. вместо ul{display:inline-block} написала table. и высоту добавила, так более ясно видно, что по середине получается. http://jsfiddle.net/kJsEr/6/

Спасибо за пример.

а что если добавить к двухстрочному тексту дополнительный класс и поднять отрицательным margin-top'ом вверх? http://jsfiddle.net/dENfJ/5/

а можно код?

допустим сайт резиновый. флоат слева имеет ширину 20% и рамка у него есть- 2 px. рамка ведь не задается в %. какое значение нужно написать в margin-left для дива справа? такое можно высчитать?

Я думала, тут кроется еще какая-то другая цель, но если так то понятно.

А почему чуть больше? Я часто встречаю такое, но не понимаю почему так делается? Например левый флоат:200 пх. а margin-left правого дива:220 пх?

Классный макет. Dinow, ты молодец. Мне бы так сверстать как у тебя получилось. Особенно понравилось твое решение по поводу навигации в хедере. Я наверное, тоже попробую через position-background. )

А где этот элемент с классом .wide у вас в коде? Или можно его создать в скриптах, описать в стилях, потом можно применить при определенных условиях даже если этого элемента с таким классом в коде нету?

Я новичок, и мне не понятны ваши действия: 1. Для одного элемента два стиля с разной шириной? 2. где у вас описание стиля .wide(он у вас еще в скриптах задействован) или элемент с таким классом? если до рисунка не будет элемента с классом .wide, то будет работать первый стиль в любом случае. Если он есть то, по приоритетам должен работать второй. Думаю, что работает первый стиль.

Поздравляю, и спасибо, что создал этот топик! Просто нам новичкам полезно читать и знать что все асы тоже когда-то были как мы... и что есть куда стремиться. Отдельное спасибо за советы. Вроде ничего сверхъестественного, но зато реальные жизненно-важные советы.

если внутренний блок по ширине или по высоте больше своего родителя, то происходит - переполнение (overflow). так как overflow по умолчанию имеет значение - visible, то внутренний элемент перекроет внешний. а если поставить hidden, вылезшая часть скроется. Это значит, что браузер не будет ужимать, а просто будет скрывать или показывать переполнение. а чтобы размеры менялись относительно от внешнего контейнера, то и нужно брать процентные значения от длины родителя.

опять же нужен код. Так как по рисунку у тебя два блока:сontent и footer? и текст в content'е? если его нужно в футере писать, то зачем писать в контенте и опускать его в футер? тогда сайт у тебя по высоте еще растянется на размер сдвига.

Дальше можешь тут почитать... Особенно обрати внимание на то, что сказал Gaspode.(конечно, он в другом контексте) Но, в твоем случае, высота родителя(main) "сколько-то (окно просмотра - отступы)" пикселей, так если присвоить content: 100%, значит он берет всю высоту родителя. далее, у тебя content идет после header-а, то значит футер вылетает на высоту header-а.