Начал вестать с помощью CSS и боксов. Все вроде бы гут, но если сильно увеличить шрифты (В FireFox - второй ряд картинок съежает вниз). Из-за чего это происходить и как это предотвратить? Спасибо.
[Только зарегистрированные пользователи могут видеть ссылки. ]
З.Ы. Сильно по почкам не бейте. Все таки первый раз блочно верстаю.
Видимо, Вы пока еще не до конца прониклись блочными принципами...
Несмысловые изображения (графические изображения декоративного характера) необходимо задавать фоном, а не тэгом <img>. Почаще смотрите свою верстку с отключенными стилями...
А [Только зарегистрированные пользователи могут видеть ссылки. ] так... В догонку...
Т.е. картинки - фон бокса <div>. Понял. А что должно быть, если отключить стили?
Понятно. Еще вопрос. Если мне нужно две картинки втулить в ряд. Если я ставлю так:
<div id="head1"></div>
<div id="head2"></div>
то вторая будет с новой строки. А как сделать, чтобы два бокса шли в ряд?
Отризательные отступы могут решить проблему?
З.Ы. Aykroyd - ты что один тут отвечаеш на вопросы?)
[/quote]
Зафлоатить их направо или налево...
В зависимости от того, в какую сторону изначально предполагается...
[/quote]
Если Вы имеете в виду margins – я предпочитаю обзывать их полями, а не отступами... Отступы в моем понимании – это paddings... (не претендует на истину и не требует оспаривания) Как правило, отрицательные извращения излишни... Флоатами все намного проще...
[/quote]
Иногда. Пользуйтесь случаем, пока я добрый... ))
Только посты не плодите друг за дружкой... Есть кнопка "правка"...
"Четкая структура логическая должна пред тобой предстать. И лишнего ничего на ней не должно быть. С отключенными стилями на картинку смотри на [Только зарегистрированные пользователи могут видеть ссылки. ]. Сразу понятно все станет тебе и прозреешь ты..."
Aykroyd, предлагаю поменять [Только зарегистрированные пользователи могут видеть ссылки. ]...
KukMan, напрмер так часто поступают с пунктами меню, оформленного в виде списка; ну и вообще для того, чтобы сделать список горизонтальным:
и типа того...Код:[list] *[*] *[*] [list] ... li { *display : block; *float : left; } li a { *display : block; *width : 100%; *height : 100%; *background : url('фоновая картинка') repeat-x top; *... }
Ок. спасибо. Буду мучать дальше.
Насчет постов - принял к сведению.
Проблема с IE есть. (как всегда). Можно ли указать свойства дива именно для IE, которое не влияло б на другие браузеры. Т.е. сначала ставлю для других браузеров (по умолчанию), а потом именно для ИЕ, которое должно заменить вышеуказанное?
(решено. * html и элемент)
или селектор прямого потомка "элемент>элемент"Originally posted by KukMan@Apr 19 2007, 22:16
[b](решено. * html и элемент)
Насколько я читал, ИЕ не понимает свойства min-height. А с min-width никаких запар нет? или придется пользоватся каким-то хаком?
[/quote]
Тоже не понимает.
[/quote]
Придется пользоваться скриптом.
Уверен, что один новоиспеченный Джедай сейчас расскажет Вам об этом поподробнее... )
Вот мой последний результат - travu.ru. Два вопроса.
Как мне управлять положением текста в меню (#top_menu) (хочу сделать отступ слева и сверху. Делается всего блока.)
Как мне деть большие отступы в IE (holly hack не помагает (там указан)). Собственно все
Originally posted by KukMan@Apr 19 2007, 19:13
Понятно. Еще вопрос. Если мне нужно две картинки втулить в ряд. Если я ставлю так:
<div id="head1">
<div id="head2"></div>
то вторая будет с новой строки. А как сделать, чтобы два бокса шли в ряд?
Отризательные отступы могут решить проблему?[/quote]
Для тебя сейчас самое главное понять разницу между строковым и блочным элементов и суть методов разметки. поищи в этом разделе темы, которые создал я. такие же вопросы были у меня полгода/год назад и там даны ответы.
display : block; здесь лишний, т.к. li является по дефолту блочным элементомOriginally posted by KukMan+Apr 19 2007, 19:13--><div class='quotetop'>Цитата(KukMan @ Apr 19 2007, 19:13)</div>он ПапаЗ.Ы. Aykroyd - ты что один тут отвечаеш на вопросы?)[/b]
<!--QuoteBegin-null@Apr 19 2007, 20:15
KukMan, напрмер так часто поступают с пунктами меню, оформленного в виде списка; ну и вообще для того, чтобы сделать список горизонтальным:
и типа того...Код:[list] *[*] *[*] [list] ... li { *display : block; *float : left; } li a { *display : block; *width : 100%; *height : 100%; *background : url('фоновая картинка') repeat-x top; *... }
[/quote]
это не для IE, а для скрытия правила от IE6 и ниже, пояснятйте, иначе начинающему не будет понятно.
конструкция позволяет скормить правило FF, IE7, Opera 8-9, а IE6 и ниже проигнурируютКод:html>body любой селектор {правило}
[/quote]Originally posted by KukMan@Apr 19 2007, 21:30
Вот мой последний результат - travu.ru. Два вопроса.
* Как мне управлять положением текста в меню (#top_menu) (хочу сделать отступ слева и сверху. Делается всего блока.)
* Как мне деть большие отступы в IE (holly hack не помагает (там указан)). Собственно все
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
совет №1. избавься от 3х блоков в шапке сайта. это архаизм табличной верстки, сейчас так никто изображения не режет, просто поверь на слово, что лучше, все одной картинкой сделать (лень писать).
№.2 padding внтури li, margin между li
3. можно в правиле перед свойством поставить / , например /color: #000; тогда это правило поймут только IE6-7
Так лучше все одним рисунком забабахать? Если можно, то это существенный плюс
Насчет display:block. Я долго думал, почему у меня не растягивается на весь блок фон. И потом пришел к выводу, что пропустил вот эту строчку, хоть и пользовался списками.
display:block нужен для ссылки (a), но не для пункта списка (li)
а. теперь понял
Мне кажется, что использование блочной верстки в конечном итоге намного легче, чем с табличной. Меньше просидишь на проблемах отдельных браузеров, и больше возможностей
[/quote]
Если только в конечном итоге, да и то далеко не всегда...
[/quote]
Больше просидишь на проблемах отдельных браузеров.
При использовании табличной модели этих проблем практически нет.
[/quote]
Главное – это понять для ЧЕГО эти возможности...
1.Хотлеось бы услышать мнение Aykroyd'a по поводу одной большой картинки. Ничего негативного не будет, если я поставлю одну большую картинку?.
2. И где мне найти этот скрипт для указания минимальной ширины окна для осла?
3. Во, осел... [Только зарегистрированные пользователи могут видеть ссылки. ]. нужно, чтобы линия в заголовке продолжалась до конца документа. Поступил как написано на странице про float'ы ([Только зарегистрированные пользователи могут видеть ссылки. ])(где одна колонка фиксированной ширины, а вторая растягивается). Так вот, в FF все гут, а вот в осле - переходит на новый ряд. ИМХО, нужно, чтобы флоат проваливался, но если убрать overflow:hidden; в родительском боксе - то вобще ужос получается.
4. Стоит мне ставить Opery, если у мну есть FF для просмотра страницы?
[/quote]
Это куда?
[/quote]
Код://min-width for IE var d = document; var winIE = (navigator.userAgent.indexOf("Opera")==-1 && (d.getElementById && d.documentElement.behaviorUrns)) ? true : false; function bodySize() { if(winIE && d.documentElement.clientWidth) { sObj = d.getElementsByTagName("body")[0].style; sObj.width = (d.documentElement.clientWidth<1000) ? "1000px" : "100%"; }} function init() { if(winIE) {bodySize(); }} onload = init; if(winIE) {onresize = bodySize;}[/quote]
Особых различий в отображении между FF и Оперой мало. Но если собираетесь заниматься версткой профессионально – рекомендую поставить...
Ваши права
