HTML : margin-top проблем..

[vik96]

Здравейте. Искам да сложа един текст 7 пиксела по-надолу и ползвам кода :

<font style="margin-top: 25px;">tTEXT </font>

,но нещо текста не се мърда ...

 

[miro_94]

<span style="margin-top: 25px;">tTEXT </span>

Така?

 

[vik96]

не става.. Забравих да кача ,че това се намира в ДИВ ... нз дали има значение..

 

[emagi]

Ето така става:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#main {
width:200px;
height:200px;
border:solid 1px red;
}
</style>
</head>

<body>
<div id="main">
<span style="margin-top: 25px; display:block">tTEXT </span>
</div>
</body>
</html>

 

[vik96]

Ето така става:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#main {
width:200px;
height:200px;
border:solid 1px red;
}
</style>
</head>

<body>
<div id="main">
<span style="margin-top: 25px; display:block">tTEXT </span>
</div>
</body>
</html>

целия див отива надолу!

 

[StormBreaker]

<span style="display:block;padding-top: 25px;">tTEXT </span>

Пробвай това.

 

[vik96]

<span style="display:block;padding-top: 25px;">tTEXT </span>

Пробвай това.

+1

 

[emagi]

целия див отива надолу!

Това са абсолютни глупости.КАк ще отива надолу.Иначе padding трябва да зададеш на главния див, не на текста

 

[StormBreaker]

целия див отива надолу!

Това са абсолютни глупости.КАк ще отива надолу.Иначе padding трябва да зададеш на главния див, не на текста

padding е основно за показване на отстъп за текст или елементите вътре в тага. margin е за отстъп за самия таг.
margin ще измести самия елемент, а padding ще измести текста в него.
В случая и с margin трябва да стане същия ефект с текста, но само по документация. Забелязал съм, че много от браузърите ги обърква margin в някои случай. Не знам защо, обаче padding работи по-добре и винаги предпочитам да работя с него.

 

[emagi]

целия див отива надолу!

Това са абсолютни глупости.КАк ще отива надолу.Иначе padding трябва да зададеш на главния див, не на текста

padding е основно за показване на отстъп за текст или елементите вътре в тага. margin е за отстъп за самия таг.
margin ще измести самия елемент, а padding ще измести текста в него.
В случая и с margin трябва да стане същия ефект с текста, но само по документация. Забелязал съм, че много от браузърите ги обърква margin в някои случай. Не знам защо, обаче padding работи по-добре и винаги предпочитам да работя с него.

Няма нишо общо с това, което пишеш!Сега му погледнах код, и margin си върши работата както трябва.Нужно е само един :

border:solid 1px red;

за да види къде са му границите на дивовете.padding е както казваш ти ако ползва, то трябва да го зададе на див, в който е блоковия елемент, не на самия <span></span>
Още пшовече е че съм дал код, който доказва това,което пиша!

 

[StormBreaker]

то трябва да го зададе на див, в който е блоковия елемент, не на самия <span></span>

Самия span не е блоков елемент. Span със зададено display: block е блоков елемент.

 

[emagi]

то трябва да го зададе на див, в който е блоковия елемент, не на самия <span></span>

Самия span не е блоков елемент. Span със зададено display: block е блоков елемент.

Именно!Аз съм го дал с червен цвят още в първия пост