Prekreslujuce tlacidla v CSS

Programovacie jazyky, rady, poradňa...
eMPiko
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3085
Registrovaný: 11 jan 2007, 16:40

Prekreslujuce tlacidla v CSS

Príspevok od používateľa eMPiko »

Potreboval by som helpnut s CSS, pri snahe o prekreslovanie tladiel sa vyfarbu len kusok bunky tabulky za textom, ako tu prepisat tak, aby sa zmenilo pozadie celej bunky?

HTML zdrojak

Kód: Vybrať všetko


<tr><td class="menu" > <a class="menua" href="#"> Polozka  </a> </td></tr>
<tr><td class="menu" > <a class="menua" href="#"> Polozka </a> </td></tr>
<tr><td class="menu" > <a class="menua" href="#"> Polozka  </a> </td></tr>
<tr><td class="menu" > <a class="menua" href="#"> Polozka  </a> </td></tr>
<tr><td class="menu" > <a class="menua" href="#"> Polozka </a> </td></tr>
CSS zdrojak

Kód: Vybrať všetko

.menu {width: 200px;
       height: 39px;
       font-family: Arial;
       color: #000000;
       align: left;}

.menua a:link, a:visited {background: #dddddd url(Images/menuitem.jpg);}
.menua a:focus, a:hover, a:active {background: #dddddd url(Images/menuitem1.jpg);}
[/code]
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Musíš dať aj hover na ten TD tag, ale neviem, čo na to povie IE.
eMPiko
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3085
Registrovaný: 11 jan 2007, 16:40

Príspevok od používateľa eMPiko »

ako to presne myslis
.menu:hover {...} atd.?
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

eMPiko napísal:ako to presne myslis
.menu:hover {...} atd.?
Áno (do .menu:hover daj iba tie atribúty, čo sú iné ako v .menu).
madonna1
Light Star
Light Star
Príspevky: 280
Registrovaný: 10 nov 2005, 9:45

Problem s css

Príspevok od používateľa madonna1 »

Mam jeden blby problem so stylmi. Ked zadam do

Kód: Vybrať všetko

A:hover
background-color: #ffffff;
display: inline;
color: #ff0000;
border: none;
text-decoration: underline;
tak mi to pozadie vykresli ako na lavom obrazku.
Ked zadam do

Kód: Vybrať všetko

A:hover
background-color: #ffffff;
display: block;
color: #ff0000;
border: none;
text-decoration: underline;
tak mi to pozadie vykresli ako na pravom obrazku, cize hadze mi tam jeden prazdny riadok.
Poprosim Vas o radu, skusal som uz asi vsetko co viem a nic nepomohlo.
Dakujem

Pozn.: je to z osCommerce shop-u
Prílohy
screen
screen
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Skús v prvej verzii nastaviť šírku na 100%, alebo pri tom druhom nastav margin a padding na 0 (to prvé asi fungovať nebude).
Napísať odpoveď