[qhostemre]

arkadaşlar ben bu HTML kodlarının verdiği sonucu CSS olarak yapmak istiyorum bir türlü olmadı olmuyor

<style>
.menu
{
display:inline;
text-aling:left;
border-top:dashed 0pX #D00000;border-right:dashed 0pX #D00000;
border-bottom:dashed 0pX #D00000;border-left:dashed 0pX #D00000;
}
.menu a:LiNK,.menu a:visited
{
color:#FF0000;
border-top:dashed 0pX #D00000;border-right:dashed 0pX #D00000;
border-bottom:dashed 0pX #D00000;border-left:dashed 0pX #D00000;
}
.menu a:active,.menu a:hover
{
color:#FF0000;
border-top:dashed 1pX #D00000;border-right:dashed 1pX #D00000;
border-bottom:dashed 1pX #D00000;border-left:dashed 1pX #D00000;
}
</style>
<div class=menu>
<a href=#><div><img src="a.png" width="48" height="48" border="0"><br>menu1</div></a>
<a href=#><div><img src="a.png" width="48" height="48" border="0"><br>menu2</div></a>
</div>



<table width="164" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href=#><div align=center><img src="a.png" width="48" height="48" border="0"><br>menu1</div></a></td>
<td><a href=#><div align=center><img src="a.png" width="48" height="48" border="0"><br>menu2</div></a></td>
</tr>
</table>

kodlar bunlar arkadaşlar bunu HTML olarak kaydedip bi deneyin bu sonucu CSS ile nasıl alırım lütfen yardım :S

[meteryus]

tam olarak ne yapmak istediğinizi anlamadım ama yukardaki hover etkisini aşağıdaki tablo içinde uygulamak istiyorsanız oradaki align=center dediğiniz divlerin class ını menu olarak tanımlayabilirsiniz, tabi link taglarını bu divlerini içine aldıktan sonra.

[tako00]

Bende Anlamadım

[ysfozy]

PHP Code:

<style>
.menu
{
display:inline;
text-aling:left;
border-top:dashed 0pX #D00000;border-right:dashed 0pX #D00000;
border-bottom:dashed 0pX #D00000;border-left:dashed 0pX #D00000;
}
.menu a:LiNK,.menu a:visited
{
color:#FF0000;
border-top:dashed 0pX #D00000;border-right:dashed 0pX #D00000;
border-bottom:dashed 0pX #D00000;border-left:dashed 0pX #D00000;
}
.menu a:active,.menu a:hover
{
color:#FF0000;
border-top:dashed 1pX #D00000;border-right:dashed 1pX #D00000;
border-bottom:dashed 1pX #D00000;border-left:dashed 1pX #D00000;
}
</style>

<TABLE>
<COL id="col1"><COL id="col2"><COL id="col3">
<TR id="row1">
<TD class="menu"><a href=#><img src="a.png" width="48" height="48" border="0"><br>menu1
<TD width="20">
<TD class=" "><a href=#><img src="a.png" width="48" height="48" border="0"><br>menu2
</TR>
</TABLE> 


Vakit sıkıntısından dolayı fazla ayrıntıya girmedim. Kendinize göre düzenlersiniz.

(not: menu2'ye gerekli class key'i girmedim. iki menü farklı görünsün istedim.)
Kolay gelsin.