Верстка.Нужно сделать заглавную букву

34 сообщения

#16 лет назад

Нужно сделать заглавную букву и выравнивание по верхнему краю.Используя прием "p:first-letter" ( ссылка ), не удается подобрать margin, таким образом, чтобы в опере, ие и фф было выравнивание по верхнему краю.Может кто-нибудь знает или где-то видел как это сделано?

2195 сообщений

#16 лет назад

Есть такие приемы как image replacement (см. например ссылка), sIFR (ссылка).
с :first-letter сейчас с удовольствием поиграюсь и отпишусь, но не уверен, что это даст какие-либо положительные результаты.

36 сообщений

#16 лет назад

CSS3 хаки Вам в помощь

:first-letter правильное решение

2195 сообщений

#16 лет назад

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

Un-Real,
CSS3 тут вообще каким местом?
И css хаки не нужны, conditional comments есть.



<style type="text/css">

p {

margin-top:100px;

font-size:24px;

font-family:arial,sans-serif;

text-decoration:underline;

}

p:first-letter {

float:left;

font-size:200%;font-weight: bold;}

</style>

<!-->

<style type="text/css">

p:first-letter {line-height:50px}

</style>

<!-->

...

 <body>

  <p>Preved</p>

  <p>Medved</p>

 </body>

Соответственно line-height подкручиваем для ie, а для адекватных браузеров margin при необходимости.

34 сообщения

#16 лет назад

Sir_Michael, спасибо, что потратили время. В опере и ие, ок. Но в ФФ2 не работает.Только при p{line-height:12px} нормально, но тогда в опере и ие разлазится

Есть ли способ,чтобы стиль только для фф был доступен?

2195 сообщений

#16 лет назад

М.. а покажите ваш код. То что выше - в FF2.0.10 нормально, в FF1.x не смотрел.
да, DOCTYPE я прописывал XHTML 1.0 Transitional

34 сообщения

#16 лет назад

Код все тот же.
У меня ФФ 2.0.0.11, не думаю что есть значимые отличия от 2.0.0.10.
Есть какая-то команда которую бы понимал только ФФ, а ИЕ и Опера игнорировали?

2195 сообщений

#16 лет назад

Интересный момент. Firefox под Linux отображает как надо, а Firefox под windows как на картинке.

Да, для FF есть хаки, но саму задачу не додумывал.
.someclass, x:-moz-any-link { стили }