[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: CSS выравнивание текста по верхней границе
Stasonix
<DIV align='center' id='zd'><br/>
<p
id='p1' class='kar'> erste </p><br/>
<p
id='p2' class='kar'> zwei </p></br>
<p
id='p3' class='kar'> drei </p></br>
<p
id='p4' class='kar'> vier </p>
</DIV>


#zd{
width: 200px;
height: 215px;
background-color: blue;
border: 4px solid black;
color: white;
vertical-align: text-top;
}

.kar{
width: 100px;
height: 25px;
border: 2px solid green;
background-color: yellow;
size: 100px;
color: violet;
vertical-align: text-top;
}


Fiddle



Спустя 13 минут, 45 секунд (9.07.2011 - 12:11) killer8080 написал(а):
это имелось ввиду?
.kar{
padding-top: 0;

...

}

Спустя 10 минут, 40 секунд (9.07.2011 - 12:21) Stasonix написал(а):
Цитата (killer8080 @ 9.07.2011 - 09:11)
это имелось ввиду?
.kar{
padding-top: 0;

...

}

имелось в виду что-либо, что могло текст передвинуть к верхней границе элемента, в моем случае это параграф <p>, спс за намек, но так тож не хочет.

Спустя 11 минут, 3 секунды (9.07.2011 - 12:32) Stasonix написал(а):
ВОПРОС РЕШЕН:

добавил font с class='text'

    .text {
position:relative;
display:block;
margin-top:-5px;
}

Спустя 3 часа, 51 минута, 53 секунды (9.07.2011 - 16:24) Winston написал(а):
У вас
Цитата (Stasonix @ 9.07.2011 - 12:32)
position:relative

Потому достаточно вместо
Цитата (Stasonix @ 9.07.2011 - 12:32)
margin-top:-5px

top: -5px;

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.