ugrás a tartalomhoz

két féle css menü egy oldalon

Dzsijszi · 2009. Dec. 12. (Szo), 09.54
Sziasztok!

Lenne egy olyan problémám, hogy van egy xhtml weboldalam css -el formázva. Továbbá beimportál az oldal egy css fájlt is, ami a menü beállításait tartalmazza. Én azt szeretném megcsinálni, hogy a beimportál css fájl csak a felső menüre legyen érvényes és legyen egy másik css fájl is, ami pedig csak a bal oldali menüre. Remélem érthető voltam.

Ezt, hogy lehetne megoldani, hogy ne legyen mindkét menü vagy ilyen vagy olyan?

A segítséget előre is köszönöm!

Üdvözlettel
Dzsijszi
‹ jobb klikk, és letöltés tiltása Javascript Objektumok származtatása ›
 ■
1

Különböző class, vagy ID

Thomas · 2009. Dec. 12. (Szo), 13.11
A megoldás pofonegyszerű. Adjál más classnevet annak a menünek, amit tudsz formázni. Amelyik külső css-ből jön, az úgy sem tudod bántani, így attól el kell különítened a saját menüdet.

Amúgy csak részlegesen volt érthető. A kocsimon nem tökéletes valami a motornál, tudja valaki, hogy mi lehet a baja? Ja a motorháztetőt nem tudom felnyitni, hogy megmutassam :)
2

megpróbálom

Dzsijszi · 2009. Dec. 12. (Szo), 13.21
Szia!

Köszi a segítséget. Megpróbálom még egyszer, de idáig is külön volt.

Vagyis:

Az xhtml dokumentum elején beimportálok egy cc_import.css nevű CSS fájlt, ami tartalmazza a következőket:
  1. /* nav */  
  2. #nav {  
  3.     background-image:url(images/hover.png);  
  4.     padding:0.5em;  
  5. }  
  6. li {  
  7.     list-style:none;  
  8.     display:inline;  
  9.     margin-right:10px;  
  10. }  
  11. ul {  
  12.     text-align:center;  
  13. }  
  14. a {  
  15.     color:FFFCCC;  
  16.     text-decoration:none;  
  17.     padding:0.25em 0.5em;  
  18. }  
  19. a:hover {  
  20.     color:FFFFFF;  
  21.     background-image:url(images/a_hover.png);  
  22. }  
Én azt szeretném, hogy ez csak arra a menüre legyen érvényes, ami felül van és a <div id="nav"></div> rész között található. Ezen kívül legyen egy másik menü is, ami nem vízszintes, hanem függőleges. Ennek a css stíluslapját is beimportálom az elején (persze más fájlnév) és az pedig csak a <div id="menu2"></div> szakaszra legyen érvényes. De valamiért nem működik. Vagy egyiket használja fel mind két menü esetében vagy másikat.
5

Névterezd

Joó Ádám · 2009. Dec. 12. (Szo), 15.28
Minden kiválasztó elé tedd be a #nav-ot az első és a #menu2-t a második állományban.
3

Különválasztva

Thomas · 2009. Dec. 12. (Szo), 13.28
Akkor a parentjük alapján tudod őket megkülönböztetni és külön választani.
  1. #nav {    
  2.     background-image:url(images/hover.png);    
  3.     padding:0.5em;    
  4. }    
  5. #nav li {    
  6.     list-style:none;    
  7.     display:inline;    
  8.     margin-right:10px;    
  9. }    
  10. #nav ul {    
  11.     text-align:center;    
  12. }    
  13. #nav a {    
  14.     color:FFFCCC;    
  15.     text-decoration:none;    
  16.     padding:0.25em 0.5em;    
  17. }    
  18. #nav a:hover {    
  19.     color:FFFFFF;    
  20.     background-image:url(images/a_hover.png);    
  21. }   
  22.   
  23.   
  24. #nav2 {    
  25.     background-image:url(images/hover.png);    
  26.     padding:0.5em;    
  27. }    
  28. #nav2 li {    
  29.     list-style:none;    
  30.     display:inline;    
  31.     margin-right:10px;    
  32. }    
  33. #nav2 ul {    
  34.     text-align:center;    
  35. }    
  36. #nav2 a {    
  37.     color:FFFCCC;    
  38.     text-decoration:none;    
  39.     padding:0.25em 0.5em;    
  40. }    
  41. #nav2 a:hover {    
  42.     color:FFFFFF;    
  43.     background-image:url(images/a_hover.png);    
  44. }   
4

Köszi!

Dzsijszi · 2009. Dec. 12. (Szo), 13.33
Oké, köszi a segítséget!