Evo i kod:
evo primjer koda:
index.php
<html>
<head>
<title>Moj Sajt - Pocetna</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="kontejner">
<div id="header"><!--header-->
<div id="headertxt">
<h1>Moj sajt</h1>
</div>
<div id="menuholder">
<ul>
<li><a href="#">Pocetna</a></li><span>|</span>
<li><a href="#" onMouseOver="showhidesubmenu('submenu');" onMouseOut="showhidesubmenu('submenu');">O sajtu</a></li><span>|</span>
<li><a href="#">Informacije</a></li><span>|</span>
<li><a href="#">Vijesti</a></li><span>|</span>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
</div><!-- header end-->
<div id="submenu" onMouseOver="this.style.visibility='visible'" onMouseOut="this.style.visibility='hidden'" style="visibility:hidden;">
<div id="oskoli">
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
</ul>
</div>
</div>
<div class="clean"></div><!-- cleaner-->
<div class="centralnidio" id="centralnidio">
<table width="100%" border="1">
<tr><td width="20%">
<div id="lijevakutija">
<h1>lijeva kutija</h1>
</div>
</td>
<td>
<div id="sadrzaj">
<h3>Sadrzaj</h3>
</div>
</td>
<td width="20%">
<div id="desnakutija">
<h3>Desna kutija</h3>
</div>
</td>
</tr></table>
</div><!-- sadrzaj end-->
<div class="clean"></div><!-- cleaner-->
<div id="footer"><!-- footer-->
<div id="footsadrzaj"><!--footsadrazaj-->
<h4>Created by <a href="#">N.R.</a></h4>
</div><!-- footsadrzaj end-->
</div><!-- footer end-->
</div>
</div>
</body>
</html>
(tabelu sam stavio malo prije jer samo pomocu nje mogu da namjestim boju i velicinu na centralnom dijelu stranice, css i div-ovi mi nikako nece da rade)
style.css
body{
margin: 0;
padding: 1px;
font: verdana;
font-size: 13px;
background-color: white;
}
#wrapper{
margin: 0px;
padding: 0px;
width: auto;
background-color: white;
}
#kontejner{
width: 100%;
margin: 0px;
padding: 0px;
background-color: white;
}
#header{
width: 100%;
background-image: url(images/menubg.gif);
background-repeat: repeat-x;
background-position:bottom;
margin: 0px;
padding: 0px 0px 2px 0px;
background-color: white;
}
#headertxt h1{
padding: 5px 0px 5px 0px;
margin: 0px;
color: red;
font-weight: bold;
font-size: 3em;
margin-left: 10%;
background-color: white;
}
.clean{
margin: 0px;
padding: 0px;
width: 100%;
height: 10px;
clear: both;
}
#footer{
background: url(images/menubg.gif) top repeat-x white;
padding: 25px 0px 2px 0px;
margin: 0px;
background-color: white;
}
#footsadrzaj{
margin: 0px;
padding: 0px;
position: absolute;
background-color: red;
width: 100%;
text-align: center;
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
#footsadrzaj h4{
font-size: 0.9em;
padding: 0px;
margin: 0px;
background-color: yellow;
}
#menuholder{
width: auto;
margin: 0px 0px 2px 300px;
padding: 0px;
}
#menuholder ul{
color: white;
list-style-type: none;
padding: 0px;
margin: 0px;
}
#menuholder li{
padding: 5px 10px 5px 10px;
display: inline;
text-align: center;
margin: 0px;
}
#menuholder li:hover{
background: url(images/menuhover.gif) repeat-x ;
padding: 5px 10px 5px 10px;
}
#menuholder span{
background-color: red;
padding: 0px;
margin: 0px 0px 0px 3px;
}
#menuholder a{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: capitalize;
color: #FFFFFF;
text-decoration: none;
padding: 0px;
}
#menuholder a:hover{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: capitalize;
color: yellow;
text-decoration: none;
}
#submenu{
margin: 0px;
padding: 0px;
position: absolute;
left: 0px;
top: 5px;
background-color: green;
height: 100px;
width: 100px;
}
#centralnidio{
margin: 0px;
padding: 0px;
width: 100%;
border: 2px white solid;
background-color: olive;
min-width: 300px;
}
#desnakutija{
padding: 0px;
margin:0px 10px 0px 0px;
width: 100%;
height: 300px;
border-bottom: 3px solid blue;
border-top: 3px solid blue;
background-color: white;
float: right;
position: relative;
}
#lijevakutija{
padding: 0px;
margin:0px 0px 0px 10px;
width: 100%;
height: 300px;
border-bottom: 3px solid blue;
border-top: 3px solid blue;
background-color: white;
float: left;
position: relative;
}
#submenu{
margin: 0px;
padding: 0px;
width: 100%;
height: 25px;
position: relative;
background: gray;
visibility: hidden;
}
#oskoli{
width: 100%;
text-align: center;
margin: 0px;
padding: 4px 0px 0px 0px;
}
#oskoli ul{
margin:0px;
padding: 0px;
list-style-type: none;
}
#oskoli li{
display: inline;
margin:0px;
padding: 4px 10px 4px 10px;
}
#oskoli a{
text-decoration: none;
font-weight: bold;
color: aqua;
}
#oskoli li:hover{
background-color: blue;
}
#sadrzaj{
margin: 0px;
padding: 0px;
position: relative;
float: left;
}
[Ovu poruku je menjao Bootta11 dana 13.05.2008. u 16:35 GMT+1]