[]
css - resimde görüldüğü gibi bir menü
e1207.hizliresim.com 
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.
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?
- mayeskuel
(18.07.12 12:46:51)
- dekila olmeka
(18.07.12 12:52:52)
<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>
.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>
- mayeskuel (18.07.12 12:53:17 ~ 12:57:27)
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.
her bir ekleyecegin menu seyi icin background image'i degistirirsin iste. bir de link vermeyi unutmusum, o yazilara link verebilirsin istersen.
- fader (18.07.12 12:55:49 ~ 12:57:53)
@ocanal'ın kodları ile hallettim. herkese teşekkürler.
- nemo problemo (18.07.12 15:34:00)
1
