Може ли да ми помогнете с css?

[toretic]

Може ли да ми помогнете с css-a като ми направите този сидебар чрез html+css?

Давам линкове от pr4, pr3 ако помогне някой.

 

[Anonymous]

Ето един бегъл опит от мене , само си го донаправи

<style>
td { background-color: white; }
td:hover{ background-color:blue }
</style> 
<body>
<table>
	 <tr>
		 <td> Линк 1 </td>
	 </tr>	 
		 <td> Линк 2 </td>
	 </tr>	 
		 <td> Линк 3 </td>
	 </tr>	 
		 <td> Линк 4 </td>
	 </tr>	 
		 <td> Линк 5 </td>
	 </tr>	 
		 <td> Линк 6 </td>
	 </tr>	 
		 <td> Линк 7 </td>
	 </tr>	 
		 <td> Линк 8 </td>
	 </tr>	 
		 <td> Линк 9 </td>
	 </tr>	 
		 <td> Линк 10 </td>
	 </tr>
</table>	 
</body>

 

[GaTio2]

<style>
td { background-color: #cccccc; border: 1px #cccccc solid; }
td:hover{ background-color:blue; border: 1px #cccccc solid; color: #FFFFFF }
</style>
<body>
<table>
    <tr>
       <td> Линк 1 </td>
    </tr>   
       <td> Линк 2 </td>
    </tr>   
       <td> Линк 3 </td>
    </tr>   
       <td> Линк 4 </td>
    </tr>   
       <td> Линк 5 </td>
    </tr>   
       <td> Линк 6 </td>
    </tr>   
       <td> Линк 7 </td>
    </tr>   
       <td> Линк 8 </td>
    </tr>   
       <td> Линк 9 </td>
    </tr>   
       <td> Линк 10 </td>
    </tr>
</table>   
</body>

малко едит на Реплейс [/code]

 

[MontefuckeR]

полека с ховера при ИЕ 6

 

[Anonymous]

Ммм да , за жалост :< ИЕ по принцип не го ползвам , дори не съм стигнал до ниво тест със ИЕ гледам тука в google.bg се опитват хоратас JavaScript да постигнат ефекта td:hover

 

[GaTio2]

style.css

.navigation a {
width: 200px;
height: 18px;
display: block;
font-size: 14px;
font-weight: bold;
color: #000000;
background-color: lightgreen;
text-decoration: none;
border: 1px #CCCCCC dashed;
}

.navigation a:hover {
width: 200px;
height: 18px;
display: block;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-color: lightblue;
text-decoration: none;
border: 1px #000000 dashed;
}

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Menu</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>

<div class="navigation">

<center>
		
		<a href="#"><center>Link</center></a><br />
		<a href="#"><center>Link</center></a><br />
		<a href="#"><center>Link</center></a><br />
		<a href="#"><center>Link</center></a><br />
		<a href="#"><center>Link</center></a><br />
		<a href="#"><center>Link</center></a><br />

</center>

</div>


</body>
</html>

малко си го модни както искаш и готово

 

[toretic]

В крайна сметка използвах за база един от скриптовете които ми дадохте... но доста едит имаше .
Та ся ще дам +че на тоя който помогна с 2та отделни файла дето.
Ако иска да ми се включи на skype:toreore за PR3 линк от English сайт.