Autor Zpráva
Ikarus
Profil
#1 · Zasláno: 9. 12. 2004, 14:56:22
Odpovědět Citovat
Mám následující problém.

Validátor označuje za nevalidní <hr color="#barva"> . V IE to jde řešit pomocí CSS - Mozilla ale definici barvy pro HR v CSS ignoruje, pokud přímo u HR není atribut color nastaven (jakmile atribut nastavim na jakoukoliv barvu, tak potom už vezme definici z CSS). Tak jak to vyřešit, aby to bylo validní.

Další problém je blokový element DIV v odkazu:

<a href="blabla"><div>něco</div></a>
CSS:
a div {background-color: #barva}
a:hover div {background-color: #barva}

DIV potřebuju mít v A, aby se mu měnila barva pozadí - je možný to vyřešit nějak jinak, aby zápis byl validní? Napadá mě jedině řešení v javascriptu, ale přijde mi úchylný používat javascript, když to umí CSS.

Díky za odpověď
habendorf
Profil
#2 · Zasláno: 9. 12. 2004, 15:09:55 · Upravil/a: habendorf
Odpovědět Citovat
K barvě hr: 

hr {

             height: 2px; color: #000080; background-color: #000080; border: 0px solid #000080; width: 750px;

             margin: 0px; margin-left:auto; margin-right:auto

            }


(třeba), půjde i na Mozille

k divu: zkus 

<div><a href="blabla">něco</a></div>
Honza Hučín
Profil
#3 · Zasláno: 9. 12. 2004, 15:27:16
Odpovědět Citovat
Ad div v odkazu:
Nemusíš mít blokový div, dej tam řádkový span. Anebo nastav u divu display:inline.
Ikarus
Profil
#4 · Zasláno: 9. 12. 2004, 15:32:46
Odpovědět Citovat
za hr díky,

co se týče divu, tak to takhle právě nefunguje.
Konkrétně to vypadá takhle

CSS:

.amenu {text-decoration:none; font-weight:bold; color:black; font-size:12px;}
.amenu div {border: solid 2px; text-align:center; background-color:#6eb2fe; cursor:hand; width:110px; padding:3px; margin-bottom:4px;}
.amenu:hover div {background-color:gold; text-decoration:none; color:black;}

zdroj:

<a class="amenu" href="index.php?subj=uvod"><div>Ú V O D</div></a>

zkoušel jsem i místo div použít span...v IE to běží, ale mozilla ignoruje šířku (což si myslím, že je u span správně)
Honza Hučín
Profil
#5 · Zasláno: 9. 12. 2004, 15:39:27
Odpovědět Citovat
Promiň, ale barvu pozadí přece můžeš nastavit i elementu <a>... asi nechápu, čeho chceš docílit.
Ikarus
Profil
#6 · Zasláno: 9. 12. 2004, 15:43:09
Odpovědět Citovat
Jde o to, že odkazy v menu mají různý počet písmen.

DIVem docílím X políček o stejných rozměrech, která fungují jako odkaz a mění se jim pozadí.
Honza Hučín
Profil
#7 · Zasláno: 9. 12. 2004, 15:45:01
Odpovědět Citovat
Aha. A kdybys dal elementu <a> display:block? To bys mohl nastavit šířku a všechno, ne?
habendorf
Profil
#8 · Zasláno: 9. 12. 2004, 15:52:10 · Upravil/a: habendorf
Odpovědět Citovat 
.amenu {text-decoration:none; font-weight:bold; color:black; font-size:12px;display: block;

        border: solid 2px; text-align:center; background-color:#6eb2fe; cursor:hand; width:110px; padding:3px; margin-bottom:4px;} 

.amenu:hover {background-color:gold} 



<a class="amenu" href="index.php?subj=uvod">Ú V O D</a>
Ikarus
Profil
#9 · Zasláno: 9. 12. 2004, 16:01:16
Odpovědět Citovat
aha,

tak v tom to vězí. No, asi příště než vznesu zase ňákej dotaz, tak si nejdřív pořádně přečtu manuál CSS.

Díky moc.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0