margin-top ли??
Здрвствуйте! пожалуйста, подскажите, в чём дело...
для того, чтобы разместить текст в 32пикс. от левой стороны ячейки
я прописал в цсс-листе:
margin-left : 32px;
...всё замечательно работает..
для того, чтобы разместить текст в 7пикс. от верхней стороны ячейки
я прописал в цсс-листе:
margin-top : 7px;
..абсолютно ничего не работает. текст не сдвинулся вообще..
_________________________________
ничего не понимаю. пжлста, подскажите, как сделать,
чтобы текст можно было двигать от/к верхн. сторон(ы/е) ячейки.
премного благодарен..
для того, чтобы разместить текст в 32пикс. от левой стороны ячейки
я прописал в цсс-листе:
margin-left : 32px;
...всё замечательно работает..
для того, чтобы разместить текст в 7пикс. от верхней стороны ячейки
я прописал в цсс-листе:
margin-top : 7px;
..абсолютно ничего не работает. текст не сдвинулся вообще..
_________________________________
ничего не понимаю. пжлста, подскажите, как сделать,
чтобы текст можно было двигать от/к верхн. сторон(ы/е) ячейки.
премного благодарен..
Вот тут написано, что могут быть проблемы в IE5.0 Почему еще может не работать ответить заблуждаюсь. Покажите, пожалуйста, как Вы выводите текст с этим отступом.
Цитата:
Originally posted by Dolonet
Вот тут написано, что могут быть проблемы в IE5.0 Почему еще может не работать ответить заблуждаюсь. Покажите, пожалуйста, как Вы выводите текст с этим отступом.
Вот тут написано, что могут быть проблемы в IE5.0 Почему еще может не работать ответить заблуждаюсь. Покажите, пожалуйста, как Вы выводите текст с этим отступом.
-----------------------------------------------
Почитай в спец.CSS о "модели бокса "
Вся проблема в том, что текст не является боксом.
Отступы типа margin применяются тольк боксовым элементам типа IMG, TD, TABLE и т.п
P.S. Это не проблема IE 5 или других броузеров
2 Dolonet:
спасибо за внимание.
в ячейке тд пишу слово, его заключаю в спан и спану назначаю класс, который прописываю в цсс-файле. как прописываю-в пред. моём посте.
насчёт ие. нет, у меня ослик шестой..
может как-то ещё можно сделать отступ.
собссно, если копать глубже, то надо вот что..
Предположим, моё слово это - "Вася". мне нужно, чтобы от заглавной буквы "В" до верхнего бордера тд было расстояние в 1 пиксель. ну да неважно, сколько пикселей. главное, как сделать, чтобы это расстояние было variable...
фенкс..
спасибо за внимание.
в ячейке тд пишу слово, его заключаю в спан и спану назначаю класс, который прописываю в цсс-файле. как прописываю-в пред. моём посте.
насчёт ие. нет, у меня ослик шестой..
может как-то ещё можно сделать отступ.
собссно, если копать глубже, то надо вот что..
Предположим, моё слово это - "Вася". мне нужно, чтобы от заглавной буквы "В" до верхнего бордера тд было расстояние в 1 пиксель. ну да неважно, сколько пикселей. главное, как сделать, чтобы это расстояние было variable...
фенкс..
2 viktor_root: хорошо. если так, то как сделать отступ для текста??
и почему же тогда для текста у меня работает марджин-лефт, а марджин-топ не работает??
и почему же тогда для текста у меня работает марджин-лефт, а марджин-топ не работает??
Цитата:
Originally posted by viktor_root
Почитай в спец.CSS о "модели бокса "
Вся проблема в том, что текст не является боксом.
Отступы типа margin применяются тольк боксовым элементам типа IMG, TD, TABLE и т.п
P.S. Это не проблема IE 5 или других броузеров
Почитай в спец.CSS о "модели бокса "
Вся проблема в том, что текст не является боксом.
Отступы типа margin применяются тольк боксовым элементам типа IMG, TD, TABLE и т.п
P.S. Это не проблема IE 5 или других броузеров
Это понятно. Я не сразу сообразил, где DaRON использовал стиль.
Цитата:
Originally posted by DaRON
может как-то ещё можно сделать отступ.
собссно, если копать глубже, то надо вот что..
Предположим, моё слово это - "Вася". мне нужно, чтобы от заглавной буквы "В" до верхнего бордера тд было расстояние в 1 пиксель. ну да неважно, сколько пикселей. главное, как сделать, чтобы это расстояние было variable...
может как-то ещё можно сделать отступ.
собссно, если копать глубже, то надо вот что..
Предположим, моё слово это - "Вася". мне нужно, чтобы от заглавной буквы "В" до верхнего бордера тд было расстояние в 1 пиксель. ну да неважно, сколько пикселей. главное, как сделать, чтобы это расстояние было variable...
Выход следующий - хранить текст не в
text</p>, а в следующей форме:
Код:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="mu_class_name">
text
</td>
</tr>
</table>
<tr>
<td class="mu_class_name">
text
</td>
</tr>
</table>
Цитата:
Originally posted by DaRON
2 Dolonet:
может как-то ещё можно сделать отступ.
собссно, если копать глубже, то надо вот что..
Предположим, моё слово это - "Вася". мне нужно, чтобы от заглавной буквы "В" до верхнего бордера тд было расстояние в 1 пиксель. ну да неважно, сколько пикселей. главное, как сделать, чтобы это расстояние было variable...
2 Dolonet:
может как-то ещё можно сделать отступ.
собссно, если копать глубже, то надо вот что..
Предположим, моё слово это - "Вася". мне нужно, чтобы от заглавной буквы "В" до верхнего бордера тд было расстояние в 1 пиксель. ну да неважно, сколько пикселей. главное, как сделать, чтобы это расстояние было variable...
Для задания величины внутренних отступов, в данном случае в ячейке таблицы, используется свойство padding.
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
width: 100%;
}
table {
width: 50%;
margin: 0 auto;
padding: 0;
border-collapse: collapse;
border: solid 2px red;
}
table tr td {
border: solid 1px red;
text-align: left;
vertical-align: top;
padding-top: 7px;
padding-right: 12px;
padding-bottom: 20px;
padding-left: 12px;
/* То же самое в короткой форме записи
padding: 7px 12px 20px 12px;
*/
}
</style>
</head>
<body>
<table width="50%">
<tr>
<td>
Вася
</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
width: 100%;
}
table {
width: 50%;
margin: 0 auto;
padding: 0;
border-collapse: collapse;
border: solid 2px red;
}
table tr td {
border: solid 1px red;
text-align: left;
vertical-align: top;
padding-top: 7px;
padding-right: 12px;
padding-bottom: 20px;
padding-left: 12px;
/* То же самое в короткой форме записи
padding: 7px 12px 20px 12px;
*/
}
</style>
</head>
<body>
<table width="50%">
<tr>
<td>
Вася
</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>
</body>
</html>