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
 
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:
/* nav */
#nav {
	background-image:url(images/hover.png);
	padding:0.5em;
}
li {
	list-style:none;
	display:inline;
	margin-right:10px;
}
ul {
	text-align:center;
}
a {
	color:FFFCCC;
	text-decoration:none;
	padding:0.25em 0.5em;
}
a:hover {
	color:FFFFFF;
	background-image:url(images/a_hover.png);
}
É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.

#nav {  
    background-image:url(images/hover.png);  
    padding:0.5em;  
}  
#nav li {  
    list-style:none;  
    display:inline;  
    margin-right:10px;  
}  
#nav ul {  
    text-align:center;  
}  
#nav a {  
    color:FFFCCC;  
    text-decoration:none;  
    padding:0.25em 0.5em;  
}  
#nav a:hover {  
    color:FFFFFF;  
    background-image:url(images/a_hover.png);  
} 


#nav2 {  
    background-image:url(images/hover.png);  
    padding:0.5em;  
}  
#nav2 li {  
    list-style:none;  
    display:inline;  
    margin-right:10px;  
}  
#nav2 ul {  
    text-align:center;  
}  
#nav2 a {  
    color:FFFCCC;  
    text-decoration:none;  
    padding:0.25em 0.5em;  
}  
#nav2 a:hover {  
    color:FFFFFF;  
    background-image:url(images/a_hover.png);  
} 
4

Köszi!

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