Autor Zpráva
vagabonde
Profil
#1 · Zasláno: 1. 11. 2005, 00:05:03
Odpovědět Citovat
Zdravím,

mám problém s usměrněním pozice textu v rámci div
Prvně raději obrázek:
http://is.fhs.cuni.cz/de/11510/jedna.JPG
Jde mi o to, aby se 1. text "Vnější prvek div", který je nyní v horní části stránky, přimknul k hornímu okraji druhého (zeleného) čtverce. Nevím, jak to zařídit.

Zdrojový kód, který jsem zatím použila:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Úloha 1</title>
<style type="text/css" media="screen">
<!--

.vnejsi{
width: 550px;
height: 500px;
background-color: yellow;
border-color: #898989;
border-style: dashed;
color: blue;
font-size:14pt;
margin: 0px;
}

.vnitrni{
margin-top: 110px;
margin-left: auto;
margin-right: auto;
width: 250px;
height: 200px;
background-color: #006633;
border-color: rgb(0,0,0);
border-style: dotted;
color: rgb(255,255,0);
align: center;
border-width: thin ;

}

//-->
</style>

</head>
<body>
<div align="center">
<div class="vnejsi">
Vnější prvek &lt;div&gt;<div class="vnitrni">Vnitřní prvek &lt;div&gt;</div>
Vnější prvek &lt;div&gt;</div>

</body>
</html>
habendorf
Profil
#2 · Zasláno: 1. 11. 2005, 00:14:46
Odpovědět Citovat
do .vnejsi přidej padding-top:110px; a z .vnitrni úplně vyhoď ten margin-top

Třeba.
vagabonde
Profil
#3 · Zasláno: 1. 11. 2005, 17:29:43
Odpovědět Citovat
Juhůůů,

ono to funguje! Děkuji :)
Ale taky bych to chtěla pochopit... nějak zobecnit... kdybys byl tak nekonečně laskav :)
Každopádně děkuji moc!
vagabonde
Profil
#4 · Zasláno: 1. 11. 2005, 17:34:00 · Upravil/a: vagabonde
Odpovědět Citovat
Jak koukám, dá se to vyřešit i prostým "padding", ne jen padding-top. A taky se mi zdá, že tam mám zbytečně kromě margin-top: 110px; i margin-left: auto; a margin-right: auto;

... a asi taky mohu zadat do .vnejsi
margin: 0px;
padding 0px;
aniž by se tím cokoliv změnilo, otázka je, zda je to vhodné...
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0