yukarıdaki gibi bi menü yapmak istiyorum arkadaşlar. üste icon alta menü adı gelecek şekilde. yanyana olanı yapabiliyorum fakat üste icon alta menüyü yapamadım
siz örnek olarak bir tanesini yaparsanız ben devamını getiririm.
table ile yap?
su is gorur mu acaba, ikonlar menu adinin solunda ama herhalde duzeltebilirsiniz;
www.urcss.com
<style type="text/css">
.yazi {
height: 100px;
width: 50px;
display: inline;
margin-top: 3px;
margin-right: 20px;
line-height: 0;
}
.resim {
height: 100px;
width: 50px;
padding-left:70px;
display: inline;
}
</style>
</head>
<body>
<ul>
<li class="resim"><img src="res1.jpg" /></li>
<li class="resim"><img src="res1.jpg" /></li>
<li class="resim"><img src="res1.jpg" /></li>
<li class="resim"><img src="res1.jpg" /></li>
</ul>
<ul>
<li class="yazi">Menu1</li>
<li class="yazi">Menu 2</li>
<li class="yazi">Menu 3</li>
<li class="yazi">Menu 4</li>
</ul>
soyle bir sey yaptim ben de: jsfiddle.net
her bir ekleyecegin menu seyi icin background image'i degistirirsin iste. bir de link vermeyi unutmusum, o yazilara link verebilirsin istersen.
@ocanal'ın kodları ile hallettim. herkese teşekkürler.