список по разному отображается

Вид для печати

15.08.2008, 20:06
Alannn
Здрасти! В разных браузерах мой список отображается по разному (расстояние между строками в опере намного меньше чем в IE, а в NavigatorЕ немного больше чем в IE), помогите пжлст, вот код:
______________________________________________
css:
UL {padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-left: 25px;
}
li {margin-bottom: 0px;
margin-top: -1px;
padding: 0px;
list-style: none;
}
html:
<td style="background: url(4321.jpg) no-repeat; background-color: #ffffff" align="right" valign="top" width="225" height="700">

<table class="right" style="background: url(99.jpg) no-repeat; background-color: #ffffff; margin-top: 16px; padding-top: 15px; padding-left: 5px" valign="top" width="225" height="650" border="0" cellspacing="0" cellpadding="0">
<tr><td height="20">[img]135.jpg[/img]
- [Only registered and activated users can see links. Click Here To Register...]
- [Only registered and activated users can see links. Click Here To Register...]
- [Only registered and activated users can see links. Click Here To Register...]
  ................. еще штук 30
- [Only registered and activated users can see links. Click Here To Register...]
</td></tr>
</table>

</td>
15.08.2008, 22:32
Alexis

Вроде спрашиваешь про списки, а приводишь весь этот табличный мусор [Only registered and activated users can see links. Click Here To Register...]
Какой DOCTYPE применяется, если применяется вообще?
из css можно все поубирать, разве что list-style: none; оставить, а в BODY прописать шрифты с размером, высоту строки.
Браузеры по умолчанию используют свою таблицу стилей, если нет авторской, а бывают еще пользователи, редактирующие эти таблицы, да еще с правилом !important ...
15.08.2008, 23:23
Alannn

Цитата:

Вроде спрашиваешь про списки, а приводишь весь этот табличный мусор [Only registered and activated users can see links. Click Here To Register...]
Какой DOCTYPE применяется, если применяется вообще?
из css можно все поубирать, разве что list-style: none; оставить, а в BODY прописать шрифты с размером, высоту строки.
Браузеры по умолчанию используют свою таблицу стилей, если нет авторской, а бывают еще пользователи, редактирующие эти таблицы, да еще с правилом !important ...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Как высоту строки прописать именно в ul или li? В тексте и списке должно быть разное расстояние между строками
16.08.2008, 03:39
Aykroyd

Цитата:

В разных браузерах мой список отображается по разному

На то они и разные браузеры.

Цитата:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Это не DOCTYPE... Можно сказать, что доктайпа в документе нет...

Цитата:

Как высоту строки прописать именно в ul или li? В тексте и списке должно быть разное расстояние между строками

Для начала обнулите все поля и отступы у элементов списка:

Код:

ul, li {margin: 0px; padding: 0px;}

Если по-уму, их вообще надо изначально для всех элементов обнулять:

Код:

* {margin: 0px; padding: 0px;}
17.08.2008, 12:05
Alannn

Цитата:

На то они и разные браузеры.

Это не DOCTYPE... Можно сказать, что доктайпа в документе нет...

Для начала обнулите все поля и отступы у элементов списка:

Код:

ul, li {margin: 0px; padding: 0px;}

Если по-уму, их вообще надо изначально для всех элементов обнулять:

Код:

* {margin: 0px; padding: 0px;}

короче я на голом html документе попробовал, обнулил все что только можно и все равно есть разница. Может быть как то можно прописать для оперы и мозилы отдельно?
17.08.2008, 12:23
Aykroyd

Цитата:

Может быть как то можно прописать для оперы и мозилы отдельно?

[Only registered and activated users can see links. Click Here To Register...]. Только в данном конкретном случае это не требуется. Просто Вы что-то не так делаете...
17.08.2008, 21:14
Alexis
Ну вот примерно так:
Код:

<!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"> <style type=text/css> *{margin:0px;padding:0px;} BODY{ font: 10pt Arial; line-height:1.5; } A{text-decoration:underline;} UL { margin-left: 25px; } li { list-style: none; line-height:1.2; } </style> </head> <body> Текст с высотой строки 1.5, в меню высота строки 1.2 [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] </body> </html>
18.08.2008, 07:34
Aykroyd

Скажите на милость, вот у Вас там высота строки 1.2 и 1.5... Это сколько?
1.2 и 1.5 ЧЕГО? Коржиков? Фантиков?

38 попугаев, 5 мартышек, 2 слоненка...

Кроме того, совершенно непонятно, зачем Вы просматриваете свой сайт в браузерах...
Ведь готовите Вы его не для браузеров, а для вывода на печать.
20.08.2008, 08:25
Alexis

Цитата:

Скажите на милость, вот у Вас там высота строки 1.2 и 1.5... Это сколько?
1.2 и 1.5 ЧЕГО? Коржиков? Фантиков?

38 попугаев, 5 мартышек, 2 слоненка...

Число.
"Вычисляемым значением данного свойства является некоторое число, умноженное на значение размера шрифта данного элемента."

Цитата:

Кроме того, совершенно непонятно, зачем Вы просматриваете свой сайт в браузерах...
Ведь готовите Вы его не для браузеров, а для вывода на печать.

Поясните, что имелось ввиду ( для собственного развития)
20.08.2008, 12:00
Aykroyd

Цитата:

Число.

Боюсь, что я вряд ли смогу Вам помочь... Если на вопросы «Это сколько?» и «1.2 и 1.5 ЧЕГО?» вы отвечаете «Число», это свидетельствует о плохом понимании не только CSS, но и обыкновенного русского языка...

Цитата:

Поясните, что имелось ввиду ( для собственного развития)

Имелось в виду, что размер шрифта в пунктах обычно задается для печатающих устройств.
20.08.2008, 17:42
Cinic

Цитата:

Боюсь, что я вряд ли смогу Вам помочь... Если на вопросы «Это сколько?» и «1.2 и 1.5 ЧЕГО?» вы отвечаете «Число», это свидетельствует о плохом понимании не только CSS, но и обыкновенного русского языка...

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

Aykroyd, а никто и не запрещал не указывать единицы измерения для line-height. И для правил ниже, вычисленное значение line-height будет равно 15pt.

Цитирую Э. Мейера:

Цитата:

Если при задании числа не указать единицы измерения, то вместо вычисляемого значения наследуется коэффициент масштабирования. Этот коэффициент будет применяться к элементу и ко всем его потомкам, поэтому line-height каждого элемента будет вычислено относительно его собственного font-size

Но от себя добавить хочу, что уж всё таки лучше явно указывать размеры (я это делаю в пикселях, и мне уже плевать на убогий ИЕ, и его тупое масштабирование, потому как сейчас уже практически все браузеры масштабируют полностью страницу вместе с графикой.). [Only registered and activated users can see links. Click Here To Register...]
20.08.2008, 20:02
Aykroyd

Цитата:

Aykroyd, а никто и не запрещал не указывать единицы измерения для line-height

Ага, конечно. Только почему-то «в разных браузерах мой список отображается по разному»...
21.08.2008, 15:56
Alexis

Цитата:

Ага, конечно. Только почему-то «в разных браузерах мой список отображается по разному»...

Проверял у себя в IE6, Opera 9.5, Firefox 2.0.16 - отображается одинаково. Сафари у меня нет и нет, честно говоря, желания проверять на нем, потому как основная доля пользователей пользуется вышеперечисленными браузерами...
... другое дело, конечно, если автор вопроса делает сайт для буржуев...
21.08.2008, 21:36
Cinic

Цитата:

Ага, конечно. Только почему-то «в разных браузерах мой список отображается по разному»...

Ну я немного не о том, видимо, думал когда отвечал. Не подумайте что я усомнился в Ваших знаниях, Константин [Only registered and activated users can see links. Click Here To Register...]
Конечно при относительных значениях каждый браузер будет высчитывать по своему, причём Опера видимо округляет в большую сторону, Сафари и Лиса в меньшую. Так что видимо остаётся лишь, использовать единицы измерения, причём наилучший выбор это пиксели.
21.08.2008, 21:43
Cinic

Цитата:

Проверял у себя в IE6, Opera 9.5, Firefox 2.0.16 - отображается одинаково. Сафари у меня нет и нет, честно говоря, желания проверять на нем, потому как основная доля пользователей пользуется вышеперечисленными браузерами...
... другое дело, конечно, если автор вопроса делает сайт для буржуев...

Я вот пока на Mac не пересел, думал подобным образом. Сейчас работаю на MacBook и поэтому подобного рода сообщения немного расстраивают. Пользователи ноутбуков от Mac появляются, не в геометрической прогрессии, но всё же прирост есть [Only registered and activated users can see links. Click Here To Register...] Хотелось бы чтобы и про Сафари верстальщики не забывали. [Only registered and activated users can see links. Click Here To Register...] (речь идёт чисто о типографии)
21.08.2008, 21:56
Aykroyd

Цитата:

Не подумайте что я усомнился в Ваших знаниях

Бог с Вами) Даже и не думал)
Другое дело, что я сам частенько в них сомневаюсь)

Цитата:

Конечно при относительных значениях каждый браузер будет высчитывать по своему, причём Опера видимо округляет в большую сторону, Сафари и Лиса в меньшую.

Именно.

Цитата:

причём наилучший выбор это пиксели.

И здесь Вы совершенно правы. Несмотря на всю нелогичность и неюзабельность пикселей, лиса почему-то частенько «корявит» интерлиньяж при задании line-height в em-ах...
21.08.2008, 22:02
Cinic

Цитата:

Несмотря на всю нелогичность и неюзабельность пикселей

Эм, а можно по-подробнее, почему пиксели - нелогичны и неюзабельны?
21.08.2008, 22:25
Alexis

Цитата:

Сейчас работаю на MacBook и поэтому подобного рода сообщения немного расстраивают.

- для себя хочу спросить - насколько сильно "кривит" Мас то, что я накропал? Хотябы в в общих чертах, для ознакомления. MacBook покупать не думаю, но на ноут задумки есть.
Константин - я ведь тоже учусь, на вашем сайте в том числе, так что не стоит так строго [Only registered and activated users can see links. Click Here To Register...]
В любом случае это монетка в копилку, спасибо.
21.08.2008, 22:56
Aykroyd

Чувствую, я тут вообще скоро с ума сойду)

Alexis, я Вас с автором топика перепутал) сорри)

Цитата:

Эм, а можно по-подробнее, почему пиксели - нелогичны и неюзабельны?

По-моему Вы это должны знать сами даже лучше меня)
29.08.2008, 11:45
Cinic

Цитата:

По-моему Вы это должны знать сами даже лучше меня)

Может быть я что-то подзабыл, у меня бывает. [Only registered and activated users can see links. Click Here To Register...] Но сейчас я перешёл на фиксированную вёрстку, минимум относительных и процентных значений. Всё в пикселях. Если судить по Мейеру, то пиксель наиболее стабилен, так как на каждом мониторе они выглядят примерно одинаково. Может быть я чуть приврал, но вроде бы читал именно об этом [Only registered and activated users can see links. Click Here To Register...]
29.08.2008, 12:12
Aykroyd

Да все это из-за старого осла. Изменяемые размеры шрифтов и все такое прочее...
29.08.2008, 12:45
Cinic

Цитата:

Да все это из-за старого осла. Изменяемые размеры шрифтов и все такое прочее...

Ааа, я постепенно ввел себя в транс (немного наплевательски начинаю относиться к пользователям ИЕ6 и тем более на увеличение размеров шрифта в этом же монстре). Поскольку современное поколение браузеров масштабируют страницу полностью. А Фаерфокс заявили что отказываются от поддержки своего браузера версии 2.хх в декабре этого года, Опера, Сафари и Новые ИЕ также масштабируют страницу целиком. Соответственно думается мне, что всё в скором времени будет окей.
29.08.2008, 19:22
Aykroyd

Я тоже недавно пытался войти в нирвану. Тем не менее, походил по разным друзьям-знакомым – у всех шестой. И о существовании альтернатив они даже слыхом не слыхивали... Так что пока приходится жить в реальном мире...)
02.09.2008, 18:49
Alexis

Цитата:

немного наплевательски начинаю относиться к пользователям ИЕ6

- вот видишь какой ты всетаки .... злыдень [Only registered and activated users can see links. Click Here To Register...] , а про Сафари, понимаешь, обиделся [Only registered and activated users can see links. Click Here To Register...]
Aykroyd - по опыту своего общения скажу, что действительно многие товарисчи ставят тупо винду и пользуют то, что там есть. Вернее даже не ставят, а покупают с установленной. Радует только тот факт, что теперь очень мало осталось в продаже компов с предустановленной XP, все новое идет с Вистой, а там стоит 7-ка.
03.09.2008, 03:16
Aykroyd

Цитата:

Радует только тот факт, что теперь очень мало осталось в продаже компов с предустановленной XP, все новое идет с Вистой, а там стоит 7-ка.

Воистину радует) С одной стороны. С другой стороны – совсем не радует. Особенно когда приходится искать в Сети дрова под XP для ноутбуков...)
16.09.2008, 10:25
Alannn
Спасибо товарищи (Я автор темы)! Я более или менее уравнял это капризное расстояние между строк. Руководствовался не стандартами и статьями, а чисто любительски юзал методом тыка. Скоро выкину сайт на всеобщий диагноз!

.right LI {line-height: 12px;
list-style-type: none;
margin-top: 2px;
margin-left: 15px;
padding: 0px
}
.right UL {
margin-top: -35px;
margin-left: 15px;
padding: 0px;
}
_________________
<td class="right" style="background: url(135.jpg) no-repeat; background-color: #ffffff" align="left" valign="top" width="225" height="750">
[img]090.jpg[/img]
- ......................................
</td>
17.09.2008, 08:20
Alexis

Код:

<td class="right" style="background: url(135.jpg) no-repeat; background-color: #ffffff" align="left" valign="top" width="225" height="750">

- Стили, зачем они вообще прописаны здесь, если создан класс для этой ячейки? Да и почему тогда выравнивание, высота и ширина вынесены из стилей?
18.09.2008, 10:02
Alannn

Цитата:

Код:

<td class="right" style="background: url(135.jpg) no-repeat; background-color: #ffffff" align="left" valign="top" width="225" height="750">

- Стили, зачем они вообще прописаны здесь, если создан класс для этой ячейки? Да и почему тогда выравнивание, высота и ширина вынесены из стилей?

Все будет стильно)) Это так.. сырой вариант, хотел пока обозначить результат, а потом уже довести до ума

Текущее время: 20:09. Часовой пояс GMT +4.