Ahoj, potreboval by som menšiu pomoc s tymto layout-tom. To, co by som potreboval zrobit vidite na tomto obrazku:[/size]
http://img199.imageshack.us/img199/804/zadaniek.jpg
To, co som dal do html vidite sem:[/size]
Kód:
<!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=utf-8" />
<title>ZADANIE1</title>
<link href="/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="Header-pasik">
<div id="Header">
</div>
</div>
<div id="Menu-pasik">
</div>
<div id="Plocha-pasik">
<div id="Plocha">
</div>
</div>
<div id="Footer-pasik">
<div id="Footer">
<div id="copy">
</div>
<div id="desinged-by">
</div>
</div>
</div>
</div>
</body>
</html>
A to, co som dal do css vidite sem:[/size]
Kód:
@charset "utf-8";
/* CSS Document */
body {
background-image: url('/images/bg.jpg');
margin: 0 0 0 0;
}
#wrapper {
width: 900px;
margin-right: auto;
margin-left: auto;
}
#Header-pasik {
width: 100%;
background-image: url('/images/header-pasik.jpg');
background-repeat: repeat-x;
background-position: center, top;
}
#Header {
height: 100px;
}
#Menu-pasik {
width: 100%;
background-image: url('/images/menu-bg.jpg');
background-repeat: repeat-x;
background-position: center, top;
}
#Plocha {
font-size: 13px;
line-height: 17px;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
p {
font-size: 13px;
}
#Plocha-pasik {
background-image: url('/images/plocha-bg.jpg');
background-repeat: repeat-x;
background-position: center, top;
}
#Footer-pasik {
background-repeat: repeat-x;
background-position: center, top;
height: 100%;
}
#Footer {
position: relative;
}
#copy {
position: absolute;
margin-top: 30px;
margin-left: 30px;
}
#desinged-by {
position: absolute;
margin-top: 30px;
margin-right: 30px;
text-align: right;
}
Potrebujem aby mi to zobrazovalo ako na obrazku... Menu zatial nemusim mat len potrebujem tto zobrazovanie...
VOPRED DAKUJEM ZA POMOC... VELMI MI NA TOM ZALEZI...
//editovane, pozri si zopar inych topicov, nikto nepise boldom, pismom o velkosti 18 a nedava obrazky sirsie ako 800pix, Daron