[css]pytanie przy robieniu menu(grafika obok grafiki)jak? Opcje

[gigzorr]

otóż mam takie pytanie , nigdy nie wiedziałem jak zrobić poziome menu z grafikami , np

mam pocięte grafiki juz , i jest np. strona główna,gry,programy,forum,kontakt

i jak to osadzić stosujać div obok siebie?
dajmy na to , że obrazki są ponumerowane od 1 do 5 .

#menu {background-image:url(1.jpg);
background-image:url(2.jpg) i tak dalej do 5?wątpie ^^
}


nigdy nie rozumiałem oco chodzi robiąc takie menu.jakaś pomoc?(IMG:style_emoticons/default/smile.gif)

oraz , jak przypisac link do obrazka? a także czy te obrazki sie ustawia w cssie?czy w indexie?nie rozumiem , może jakis przykład?

dziękuje za wszelkie odpowiedzi

Ten post edytował gigzorr 21.02.2010, 20:19:58

[gigzorr]

tutaj cały kod css

[HTML] pobierz, plaintext 
* {margin:0;
  padding:0;
  margin-left:60px
  }
 
 
body {background:#999;}
 
#top {background-image:url(images/logo.jpg);
      height:122px;
	  width:1024px
 
}
 
 
#center {
	     background-image:url(images/center.jpg);
		 height:540px;
		 font-family:Verdana,Times New Roman;
		 font-size:20px;
		 width:830px;
		 margin-top:40px;
		 text-align:center;
		 margin-left:255px
 
 
 
}
 
#stopka {
	background-image:url(images/stopka.jpg);
	height:44px;
	width:1024px
}
 
.mila {color:#03C;
       font-family:Times New Roman,Arial,Verdana,Georgia;
}
 
.podpis {color:#FF0;
         text-align:right
}
 
#left {
	background:#0C0;
	width:200px;
	height:544px;
	position:absolute;
	top:160px;
	float:left;
 
}
 
 
.menu {color:#FC0;
       font-family:Verdana,Times New Roman;
}
 
 
	   ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
 
ul {
	position: absolute;
}
 
ul li {
	float: left;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: transparent #25b #25b #9ce;
}
 
ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	width: 95px;
	text-align: center;
	padding: 5px 0;
	font-weight: bold;
	background-color: #27c;
	color: #def;
	border-top: 10px solid #25b;
}
 
ul a:hover {
	background-color: #28e;
	color: #fff;
	border-top: 20px solid #26d;
}
[HTML] pobierz, plaintext