Помогите сделать буквицу

40

Extazy

10 ноября 2007, 14:11

1328

Буквица:

<style type="text/css">

P:first-letter {

 font-size: 220%; /* Размер шрифта буквицы */

 float: left; /* Выравнивание по левому краю */

 color: blue; /* Цвет буквицы */

 padding-right: 3px; /* Отступ между буквицей и текстом */

}

</style>

У меня и новости и остальные очень многие блоки на сайте выведены в теге TD.

Чтобы в них заработала буквица в данном коде можно просто сменить P на TD

А подскажите, можно ли какнить сделать эту буквицу только для блока новостей? у блока новостей отдельный class - mainblock - может в нём можно чтото прописать?

http://exnews.org (http://exnews.org)

370

kimberlit

10 ноября 2007, 14:21

#1

Если в css, то:

1. если в теге прописано id="mainblock"

#mainblock p:first-letter { ... }

1. если в теге прописано class="mainblock"

.mainblock p:first-letter { ... }

E

40

Extazy

10 ноября 2007, 14:27

#2

kimberlit, а куда first-letter прописывать?

370

kimberlit

10 ноября 2007, 14:32

#3

Смотри выше, исправил ...

E

40

Extazy

10 ноября 2007, 15:03

#4

дела обстоят так:

в шаблоне у меня так:

<TD class="mainblock" valign="top" background="{THEME}/images/bg_mainblock.gif">{short-story}</TD>

в файле style.css с упоминанием mainblock есть только:

td.mainblock { ... }

По твоему образцу вставлял следующие коды и не помогло:

.mainblock p:first-letter {

        font-size: 220%; /* Размер шрифта буквицы */

        float: left; /* Выравнивание по левому краю */

        color: blue; /* Цвет буквицы */

        padding-right: 3px; /* Отступ между буквицей и текстом */

  }

td.mainblock p:first-letter {

        font-size: 220%; /* Размер шрифта буквицы */

        float: left; /* Выравнивание по левому краю */

        color: blue; /* Цвет буквицы */

        padding-right: 3px; /* Отступ между буквицей и текстом */

  }

.td.mainblock p:first-letter {

        font-size: 220%; /* Размер шрифта буквицы */

        float: left; /* Выравнивание по левому краю */

        color: blue; /* Цвет буквицы */

        padding-right: 3px; /* Отступ между буквицей и текстом */

 }

не наешь почму?

370

kimberlit

10 ноября 2007, 15:07

#5

а в самом коде текст в <p> ... </p> ???

E

40

Extazy

10 ноября 2007, 15:21

#6

ой а я даже не знаю... за вывод {short-story} отвечает вот этот файл - можешь посмотреть?

370

kimberlit

10 ноября 2007, 16:45

#7

Extazy:
ой а я даже не знаю... за вывод {short-story} отвечает вот этот файл - можешь посмотреть?

У меня нет привычки качать такого рода архивы )))

Вы в html коде посмотрите ... Текст заключён в <p></p> ?

E

40

Extazy

10 ноября 2007, 16:50

#8

тега P там нету.. только table, td, и tr... эххх😕

370

kimberlit

10 ноября 2007, 16:55

#9

.mainblock td:first-letter {
font-size: 220%;
float: left;
color: blue;
padding-right: 3px;
}

Вот так попробуйте ...

M

376

Miracle

11 ноября 2007, 08:55

#10

что бы работало с p

замените

<TD class="mainblock" valign="top" background="{THEME}/images/bg_mainblock.gif">{short-story}</TD>

на

<TD class="mainblock" valign="top" background="{THEME}/images/bg_mainblock.gif"><p class="mainblock" >{short-story}</p></TD>

а вообще проблем никаких из всех вариантов

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

<html>
<head>
<title>Untitled</title>
</head>
<style>

td:first-letter {
font-size: 220%; /* Размер шрифта буквицы */
float: left; /* Выравнивание по левому краю */
color: blue; /* Цвет буквицы */
padding-right: 3px; /* Отступ между буквицей и текстом */
}

</style>

<body>
<table>
<tr>
<td>Это мой текст написаный для теста.</td>
</tr>
</table>

</body>
</html>

отец сыночка, лапочки дочки и еще одного сыночка

Зачем быть уникальным в мире, где все можно скопировать

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи