ugrás a tartalomhoz

Css overflow menü

di604 · 2009. Május. 25. (H), 17.26
  1. <style type="text/css">  
  2. #gomb { width: 112px; height: 31px; background-image:url(navigationa2.gif); display:block; }  
  3. #gomb a:hover { width: 112px; height: 31px; background-image:url(navigationb2.gif); display:block; }  
  4. </style>  
  5. </head>  
  6.   
  7. <body>  
  8. <a id="gomb" href="#"></a>  
  9. </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
  1. #gomb {   
  2.   width: 112px;   
  3.   height: 31px;   
  4.   background-image:url('navigationa2.gif');   
  5.   display:block;   
  6. }    
  7. #gomb:hover {   
  8.   background-image:url('navigationb2.gif');   
  9. }    
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
  1. #menu { width: 112px; height: 31px; background-image:url(navigationa2.gif); }  
  2. #menu a {   background-repeat:no-repeat;  
  3.     background-position:0 30px;  
  4.     float:left;  
  5.     width: 112px; height: 31px;  
  6.     display:block; }  
  7.       
  8.     #menu a:hover {  
  9.     background-position:0;  
  10. }  
  11. #menu1 {  
  12.     background-image:url(navigationb2.gif);  
  13.     width: 112px; height: 31px;  
  14. }  
  15. </style>  
  16. </head>  
  17.   
  18. <body>  
  19. <div id="menu"><a id="menu1" href="" title="menu1"></a></div>  
működik, kérdés az nincs e túlbonyolitva