21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
slaby
Profil *
Na stránce http://diabolinho.ic.cz/

Jsem se snažil dělat css layout.
ale nepodařilo se mi přesvědčit <div class="hlavni">(-zelený rámeček) ,aby těsně obklopoval ostatní prvky na stránce a nebyl tak vytáhnutý dolů.
Podívejte se, moc prosím, do kódu a poraďte jak to upravit.
kletely
Profil
slaby
<style>
.hlavni {
	border-width: 2px; border-style: solid; border-color: green;
	width: 800px;
	position: relative; 
  left:17%; 
  top: 0px;
	}

.menu {
	border-width: 2px; border-style: solid;  border-color:800000;  
	width: 800px;  
	height: 50px; 
		}
 
 


.hlavicka {
	border-width: 2px, 2px, 2px, 2px; border-style: solid; border-color: yellow;
	width: 800px; 
	height: 100px;
	}
          
.obsah {
	border-width: 2px; border-style: solid; border-color: black;
	width: 500px;
	height: 650px;
	float: left;
	}	
	  
	

.prave_menu {
	border-width: 2px; border-style: solid; border-color: red;
	width: 291px;
	height: 650px;
	position: relative; left:500px; 
	}	

.zapati {
	border-width: 2px; border-style: solid; border-color: black;
	width: 800px;
	height: 50px;
	position: relative; left:0px;
	}	


</style>

Tie záporné hodnoty som premenil na float:left; a float: right;
borec_nn
Profil *
díky moc funguje to
kletely
Profil
borec_nn
Nie je zač. Ešte tak trochu mimo všimol som si niečo také ako:
border-width: 2px, 2px, 2px, 2px;
Mohol by si mi to vysvetliť?
borec_nn
Profil *
jestli to chceš fakt vysvětlit tak to je asi jako šířka rámečku na každé straně zvlášť. nevim ale kde je jaká strana.
Měsíček
Profil
špatně .. má to být takhle:

border-width: 2px;
a nebo

border-width: 2px 2px 2px 2px;
.
imploder
Profil
Dej si taky do patičky clear:both, aby se zobrazila uvnitř zeleného.
borec_nn
Profil *
dík.
j1rka
Profil *
borec_nn: nevim ale kde je jaká strana.
první čílo značí horní stranu a pak to jde ve směru hodinových ručiček teda asi něco jako:
border-width: horní pravá dolní levá
Snad to takhle pochopíš

Jinak jak psal Měsíček je lepší použít pro tvuj případ border-width: 2px; než to zbytečně opakovat.

http://www.jakpsatweb.cz/css/zapis-stran.html

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0