ugrás a tartalomhoz

Link háttérszínének változtatása

Anonymous · 2006. Júl. 3. (H), 13.29
Van egy linkem, annak a háttérszínét szeretném megváltoztatni. Probléma csupán annyi, hogy amikor beállítom a színt, akkor nem csak a szöveg mögött háttér színe változik, hanem az egész soré. Nekem csak annyi kellene, hogy az a pár karakter háttere legyen más.

<a href=\"admin.php\"><div style=\"background-color: white;\">Moderácíó</div></a> Eddig így próbáltam.
‹ Leszármazott elemek CSS-ben 3 hasábos layout kicsit másképp ›
 ■
1

a div blockelem

Táskai Zsolt · 2006. Júl. 3. (H), 13.33
ezért foglal egész sort. ha nem akarod ezt, ne tegyél div-et, vagy ne a linken belülre. ez esetben a style attribútumot az 'a' elemnek add.
2

ok

Anonymous · 2006. Júl. 3. (H), 13.35
Ez gyors volt, köszönöm. Én is erre gondoltam, de csak egy helyen szeretném ezt alkalmazni, azért gondoltam hogy a stylesheet modosítása kellene megoldanom, de ha nem lehet akkor marad az álltalad említett.
4

Nem csak DIV-nek lehet stíluslappal állítani a kinézetét

Jano · 2006. Júl. 3. (H), 13.59
A hozzászólásodból arra következtetek nem vagy tisztában a CSS műkődésével és azzal, hogyan kapcsolódik a HTML-hez.

A CSS-sel tevezés nem azt jelenti, hogy DIV elemeket kell rakni a kódba! Sőt!

Minden HTML elemhez rendelhetsz CSS szabályokat és állíthatod a kinézetét.

A te esetedben ha olyan szabályt szeretnél írni ami csak erre az egy elemre vonatkozik, akkor adjál az elemnek egy ID-t (egyedi azonósítót) és ezt használd kiválaszóként! Egy ID csak egyszer szerepelhet a lapon!

<a href="admin.php" id="moderacio">Moderácíó</a>


#moderacio {
 background-color: white;
}
5

köszönöm

Anonymous · 2006. Júl. 3. (H), 14.02
Ha több elemre szeretném akkor pedig .moderacio ?
6

Igen, de akkor class

Jano · 2006. Júl. 3. (H), 14.20
Igen, akkor a CSS részben a .-ot használod, a HTML-ben pedig class (osztály) tulajdonságként adod meg.

<a href="admin.php" class="moderacio">Moderácíó</a>


.moderacio {
 background-color: white;
}
Kis pontosítás: a ".moderacio" minden olyan elemre vonatkozni fog aminek megvan adva a moderacio a class tulajdonságok között. Ezt lehet korlátozni csak a link típususakra ha "a.moderacio"-t írsz.

Ajánlom: Selectutorial
3

Hibás kód nem lehet DIV a elemen belül!

Jano · 2006. Júl. 3. (H), 13.53
HTML validátort(ellenőrzőtt) vedd használatba, hogy figyelmeztessen a hibákra! Az 'A' elem egy úgynevezett sorbeli (display:inline) elem, amik nem tartalmazhatnak 'DIV' elemet ami egy blokkszintű (display:block) elem.