HTML-podobno proste

andzia0012 · Post autor: **andzia0012** » 6 sty 2011, o 22:57

Nie potrafie zrobic sama, ani razem z kursami... Prosze o pomoc... Maja byc trzy bloki jeden jako tytuł a pod spodem dwa mniejsze jeden po prawej drugi po lewej... Maja miec kolory jasno zółty z zolta ramka, jasno zielony z zielona ramka i jasno czerwony z czerwona ramka
_______________________
|_______________________|

___________________ ........................ _________________
|.........................|.......................|..........................|
|.........................|.......................|..........................|
|__________________|.......................|__________________|

Taki wzór

Wem · Post autor: **Wem** » 7 sty 2011, o 08:59

Kod: Zaznacz cały

<html>
<head>
<style>
#tytul{
	width: 100%;
	font-size: 200%;
	background-color:#EEE8AA;
	border-width: 1px;
	border-color: #FFD700;
	border-style: solid;
	margin-bottom: 1%;
	text-align: center;
}
#con{
margin: 0 auto;

width: 50%;
}
#jeden{
	background-color:#ADFF2F;
	float: left;
	width: 49%;
	border-width: 1px;
	border-color: #7CFC00;
	border-style: solid;
	padding: 0.5%;
}
	
#dwa{
	background-color: #FFB6C1;
	float: right;
	width: 49%;
	border-width: 1px;
	border-color: #FF0000;
	border-style: solid;
	padding: 0.5%;
}

</style>
</head>
<body>
	<div id="con">

	<div id="tytul"> 
		Tytuł
	</div>
	
	
		<div id="jeden">
			Blok 1
		</div>
		
		<div id="dwa">
			Blok 2
		</div>
		
	</div>
</body>
</html>