 Nieuw lid |
|
ik wil graag 4 vakjes zonder text als een link hebben dus dat je een rood vakje hebt en je klikt erop dat je dan doorgestuurd word img is geen optie
html:
<div id="style">
<ul>
<a href="/index.php?style=red"><li id="style1"></a>
<a href="/index.php?style=blue"><li id="style2"></a>
<a href="/index.php?style=green"><li id="style3"></a>
<a href="/index.php?style=orange"><li id="style4"></a>
</ul>
</div>
<a href="/index.php?style=red"><li id="style1"></a> <a href="/index.php?style=blue"><li id="style2"></a> <a href="/index.php?style=green"><li id="style3"></a> <a href="/index.php?style=orange"><li id="style4"></a>
css:
#style { position: absolute; right: 10px; top: 4px; }
#style #style1 { background-color: red; border: 1px solid gray; display: block; float: right; height: 20px; line-height: 20px; margin: 3px; width: 20px; }
#style #style2 { background-color: blue; border: 1px solid gray; display: block; float: right; height: 20px; line-height: 20px; margin: 3px; width: 20px; }
#style #style3 { background-color: green; border: 1px solid gray; display: block; float: right; height: 20px; line-height: 20px; margin: 3px; width: 20px; }
#style #style4 { background-color: orange; border: 1px solid gray; display: block; float: right; height: 20px; line-height: 20px; margin: 3px; width: 20px; }
#style #style1:hover { background-color: green; }
#style #style2:hover { background-color: green; }
#style #style3:hover { background-color: green; }
#style #style4:hover { background-color: green; }
#style ul { margin: 0; }
#style { position: absolute; right: 10px; top: 4px; } #style #style1 { background-color: red; border: 1px solid gray; display: block; float: right; height: 20px; line-height: 20px; margin: 3px; width: 20px; } #style #style2 { background-color: blue; border: 1px solid gray; display: block; float: right; height: 20px; line-height: 20px; margin: 3px; width: 20px; } #style #style3 { background-color: green; border: 1px solid gray; display: block; float: right; height: 20px; line-height: 20px; margin: 3px; width: 20px; } #style #style4 { background-color: orange; border: 1px solid gray; display: block; float: right; height: 20px; line-height: 20px; margin: 3px; width: 20px; } #style #style1:hover { background-color: green; } #style #style2:hover { background-color: green; } #style #style3:hover { background-color: green; } #style #style4:hover { background-color: green; } #style ul { margin: 0; }
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
