rendered paste body/* CSS Document */
* {
padding: 0;
margin: 0;
}
body {margin:0;padding:0; background:url(../imagini/fundal.gif)}
#header { width:758px; height:150px; background:url(../imagini/banner.jpg) no-repeat;}
#header p { text-shadow:#000000; font:"Palatino Linotype"; font-weight:bold; color:#FFFFFF; font-size:30px; padding-left:300px; padding-top:70px;}
#menu { width:187px; height:379px; float: left;}
#menu ul {line-height:70px; list-style:none; width:187px; height:379px; background:url(../imagini/menu.gif) no-repeat; padding-top:40px; padding-left:30px;}
#menu span {visibility: hidden;}
#menu a { display: table;width: 129px; height: 42px; margin-top:0px;}
#acasa-but { background: url(../imagini/home-inactive.png) no-repeat top left; }
#acasa-but:hover { background: url(../imagini/home-over.png) no-repeat top left; }
#acasa-but:active { background: url(../imagini/home-active.png) no-repeat top left; }
#servicii-but { background: url(../imagini/servicii-inactive.png) no-repeat top left; }
#servicii-but:hover { background: url(../imagini/servicii-over.png) no-repeat top left; }
#servicii-but:active { background: url(../imagini/servicii-active.png) no-repeat top left; }
#imagini-but { background: url(../imagini/imagini-inactive.png) no-repeat top left; }
#imagini-but:hover { background: url(../imagini/imagini-over.png) no-repeat top left; }
#imagini-but:active { background: url(../imagini/imagini-active.png) no-repeat top left; }
#contact-but { background: url(../imagini/contact-inactive.png) no-repeat top left; }
#contact-but:hover { background: url(../imagini/contact-over.png) no-repeat top left; }
#contact-but:active { background: url(../imagini/contact-active.png) no-repeat top left; }
#content { float:left; margin-top:0px; padding-left: 10px;}
#content img {
display: block;
padding-bottom: 10px;
}
am modificat la menu l-am pus float
in html pui asa :
<div id="content">
<img src="poze/Img_0891.jpg" />
<img src="poze/Img_0891.jpg" />
<img src="poze/Img_0891.jpg" />
<img src="poze/Img_0891.jpg" />
</div>