Witam,
Jak sprawić, aby kilka elementów div wraz z CSS hover układało się obok siebie?
Obecny kod HTML:
<div class="srodowiska_graficzne">
<a name="srodowiska_graficzne"></a>
<center><h2>Środowiska graficzne</h2></center>
<a href="#"><div id="gnome"></div></a>
</div>
<a href="#"><div id="kde"></div></a>
</div>
<a href="#"><div id="lxde"></div></a>
</div>
<a href="#"><div id="xfce"></div></a>
</div>
</div>
CSS:
#gnome
{
width: 25%;
height: 317px;
float:left;
background-image: url(../grafika/gnome1.png);
}
#gnome:hover
{
float:left;
background-image: url(../grafika/gnome2.png);
}
#kde
{
width: 25%;
height: 317px;
float:left;
background-image: url(../grafika/kde1.png);
}
#kde:hover
{
float:left;
background-image: url(../grafika/kde2.png);
}