ugrás a tartalomhoz

Css overflow menü

di604 · 2009. Május. 25. (H), 17.26

<style type="text/css">
#gomb { width: 112px; height: 31px; background-image:url(navigationa2.gif); display:block; }
#gomb a:hover { width: 112px; height: 31px; background-image:url(navigationb2.gif); display:block; }
</style>
</head>

<body>
<a id="gomb" href="#"></a>
</body>
hol a hiba, vagy ezt egyáltalán nem így kell csinálni?:/
‹ Css div Float felvilágosítás ›
 ■
1

CSS szabályok

Poetro · 2009. Május. 25. (H), 17.38
#gomb { 
  width: 112px; 
  height: 31px; 
  background-image:url('navigationa2.gif'); 
  display:block; 
}  
#gomb:hover { 
  background-image:url('navigationb2.gif'); 
}
2

nagyon profi

di604 · 2009. Május. 25. (H), 17.52
Nagyon jó vagy, köszönöm. Sajnálom hogy ilyen amatőr vagyok még 3 napja kezdtem, de ahhoz képest elég jól haladok.

Amit nem értek, látom kivetted a hoverből az összes tulajdonságot, és csak a háttér maradt, én ezt honnan tudhattam volna meg, hogy nem kell oda?

Másik dolog, ahogy ezt megoldanám, nemtudom lehetséges e. Első esetben van 3-3 képem, igy ez 3 menüpont. Az megoldható hogy berakok egy divnek egy hátteret, és ha ráviszem az egeret egy menüpontra akkor a hover kép lecsúszik a semmiből? Igy mindössze 4 képre lenne szükségem, egy nagyra amin rajta van mind a 3 menüpont, és 3 hover képre. Remélem érthető ahogy leírtam. :) Ez megoldható, esetleg tutorial? Köszönöm
3

#menu { width: 112px;

di604 · 2009. Május. 25. (H), 18.07

#menu { width: 112px; height: 31px; background-image:url(navigationa2.gif); }
#menu a { 	background-repeat:no-repeat;
	background-position:0 30px;
	float:left;
	width: 112px; height: 31px;
	display:block; }
	
	#menu a:hover {
	background-position:0;
}
#menu1 {
	background-image:url(navigationb2.gif);
	width: 112px; height: 31px;
}
</style>
</head>

<body>
<div id="menu"><a id="menu1" href="" title="menu1"></a></div>
működik, kérdés az nincs e túlbonyolitva