Autor Zpráva
vagabonde
Profil *
Zdravím,

mám problém s usměrněním pozice textu v rámci div
Prvně raději obrázek:
[img]http://is.fhs.cuni.cz/de/11510/jedna.bmp[/img]
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>
vagabonde
Profil
Takže pěkně prosím, poraďte....
PerToon
Profil
Je skvělý, že ten příklad má skoro megabajt! :-/

.vnitrni{ margin-top: 0px;
...
vagabonde
Profil
To se omlouvám, zkusím sem dát menší... nějak mi to nedocvaklo...

Děkuji, ale tohle mi nepomůže, to se posune i zelený čtverec nahoru a já ho chci mít tam, kde je teď... jen ten text chci posunout....
vagabonde
Profil
http://is.fhs.cuni.cz/de/11510/jedna.JPG
tak - už je to košer, nebojte se, odkaz zůstal stejný, ale má to 22Kb....
vagabonde
Profil
Tak... nikdo neporadí?
Petra
Profil
Nevím, jestli to chápu správně, ale nejspíš budeš muset vytvořit ještě jeden div, do kterého dáš ten tvůj text a ten zelený čtverec a umístíš ho stejně jako byl původně ten čtverec. Jestli vadí, že dojde k posunutí toho čtverce o ten řádek textu, tak ho vrátíš zpátky třeba záporným marginem pro ten nový div.
vagabonde
Profil
Mám tam celkem dva prvky div - jeden tvoří čtverec žlutý (.vnejsi), jeden čtverec zelený(.vnitrni), přičemž žlutý obsahuje dvakrát nápis "vnější prvek div".

Bohužel jsem nepochopila, co míníš, že mám udělat, kdybys mi to ukázala přímo na zdrojáku, byla bych Ti vděčna.

Díky
Toto téma je uzamčeno. Odpověď nelze zaslat.

0