Többféle menü CSS-sel egy lapon
Sziasztok!
Lenne egy meglehetősen primitív problémám...
Egy oldalon belül szeretnék többféle menüt létrehozni, de a HTML-ben csak egyféleképp' lehet a linkek kinézetét megadni... A CSS-sel még csak mostanában ismerkszem, de láttam már ilyen megoldást, csak nem volt alkalmam megnézni a CSS-kódot.
Ha valaki tudná a megoldást: Köszi előre is!
DeeAsh
■ Lenne egy meglehetősen primitív problémám...
Egy oldalon belül szeretnék többféle menüt létrehozni, de a HTML-ben csak egyféleképp' lehet a linkek kinézetét megadni... A CSS-sel még csak mostanában ismerkszem, de láttam már ilyen megoldást, csak nem volt alkalmam megnézni a CSS-kódot.
Ha valaki tudná a megoldást: Köszi előre is!
DeeAsh
sajat oldal
Talasz egy lepesrol lepesre lecket arrol, hogyan lehet az Index oldalso menujet CSS-sel elkesziteni. Ez jo kiindulo alap lehet.
Itt pedig tovabbi peldakat, dizajnokat talalsz:
Listamatic: Listamatic: one list, many options
de...
Két eset lehetséges:
- Vagy én nem néztem át rendesen a példáidat (+ a kódot), ami lehetséges... :)
- Vagy nem jól fogalmaztam, hogy mit szeretnék elérni.
Utóbbi orvoslására:
Szóval a lapomon lenne két menü-rendszer is és különböző dizájnt szeretnék összehozni rá... Van egy rövid CSS-leírásom (bocsi, ez egy kicsit hosszú lesz, de a cél érdekében beidézem)
"A CSS-t támogató böngészők automatikusan felismerik az ún. pszeudo-osztályokat és pszeudo-elemeket is. A pszeudo-osztályok megkülönböztetik az elemek típusait (pl. a linkeket és a látogatott linkeket, mint hivatkozástípusokat). A pszeudo-elemekkel a tag-ek által meghatározott elemek bizonyos részeire hivatkozhatunk, pl. egy bekezdés első betűjére. Használatuk:
kiválasztó:pszeudo-osztály {tulajdonságnév: érték}
kiválasztó:pszeudo-elem {tulajdonságnév:érték}
A pszeudo-osztályok és pszeudo-elemek nem adhatók meg a CLASS attribútummal, de a hagyományos stílusosztályokkal igen, pl.
Kiválasztó.osztály:pszudo-osztály {tulajdonságnév: érték}
Kiválasztó.osztály:pszudo-elem {tulajdonságnév: érték}"
Mivel azt írja, hgy a class-sal nem lehet megadni őket (...mit ért "hagyományos stílusosztályon"?), nem tom hogyan lehetne megoldani a problémát...
Lehet, hogy kicsit kusza, vagy primitív, de egy kissé még kezdő lennék...
nincs frame
Olvasd el még egyszer a cikket! :)
Illetve a weblaboron található css cikksorozat is nagyon hasznos!
id
#navigation-a a {
color: red;
}
#navigation-b a {
color: green;
}
</style>
<div id="navigation-a">
<a href="#">Link</a>
</div>
<div id="navigation-b">
<a href="#">Link</a>
</div>
Itt egy link is: http://www.e-lusion.com/design/menu/
Ha nem erre gondoltál, akkor sorry.
köszi mindenkinek!
(a CSS2-ben kezdek elveszni kissé, mármint a W3C-s eredetiben... úgyhogy lehet, hogy valami egyszerűbb leírással kellene kezdeni...)
Mégegyszer köszi nektek!
Weblaboros leírás?
CSS alapjai
-boogie-
mégvalami...
Megnéztem az oldalt amit kilinkeltél - nagyon hasznos. Csak meg akartam köszönni mégegyszer! Sokat segített. :)
DeeAsh