Autor Zpráva
Frantisek Kuncl
Profil
#1 · Zasláno: 2. 2. 2006, 11:06:22
Odpovědět Citovat
Dobrý den,
potřeboval bych poradit. Más stránku řazenou <div id="text"><div id="program"><div class="ramecek"></div></div></div>. Potřebuji jinak nastylovat "program".
Konkrétně :
#program {background-color: #FFFFF0; padding: 30px 20px 30px 20px; border: 2px white; -moz-border-radius: 8px;}
#program a:link {color: #9c2a00; text-decoration: none;}
#program a:visited {color:#663300; text-decoration: none;}
#program a:hover {color: #A78638; text-decoration: none;}
Ale stále mi to přejímá styl z nadřazeného "text". Kde jsem udělal chybu?
Děkuji za odpoveď
Šlaha
Profil
#2 · Zasláno: 2. 2. 2006, 11:48:32
Odpovědět Citovat
Zkus: 

#text #program {background-color: #FFFFF0; padding: 30px 20px 30px 20px; border: 2px white; -moz-border-radius: 8px;}

#text #program a:link {color: #9c2a00; text-decoration: none;}

#text #program a:visited {color:#663300; text-decoration: none;} #program a:hover {color: #A78638; text-decoration: none;}
Frantisek Kuncl
Profil
#3 · Zasláno: 2. 2. 2006, 11:55:41
Odpovědět Citovat
To Šlaha
Dík zaq odpověď. Špatně jsem se vyjádřil. Já potřebuju, aby mi "program" nepřejímal z nadřazeného "text". Kód, o kterém píšeš mi definuje stejné hodnoty pro "text" i "program"?
Plaváček
Profil
#4 · Zasláno: 2. 2. 2006, 12:16:03 · Upravil/a: Plaváček
Odpovědět Citovat
Šlaha ti to napsal správně. Laicky řečeno, pro #text si nadefinuj, co potřebuješ, a pro #text #program (tedy blok s ID=program, který je umístěný v bloku s ID=text) si prostě nadefinuješ hodnoty jiné. Zmíněné metodě se říká "košile bližší než kabát", odborně vyjádřeno - zápis #text #program je specifištější než zápis #text a proto dostane přednost.

No.. snad jsem to vysvětlil pochopitelně. Malý příklad:

#text {
color: #ff0000;
}

#text #program {
color: #ffff00
}

<div id="text">
<p>tento text bude červený</p>
<div id="program">
<p>tento text ale bude žlutý</p>
</div>
</div>

Ještě doplním odkaz, Yuhů celý princip vysvětlil velmi polopatisticky zde: http://www.jakpsatweb.cz/css/css-kaskadovani.html
habendorf
Profil
#5 · Zasláno: 2. 2. 2006, 12:19:21 · Upravil/a: habendorf
Odpovědět Citovat
Nicméně na to by stejně měl stačit (a taky že stačí) pouze zápis

#program {
color: #ffff00
}

I to je totiž "košile bližší než kabát".
Takže chyba je jinde.
Plaváček
Profil
#6 · Zasláno: 2. 2. 2006, 12:37:19
Odpovědět Citovat
Ano, je možné, že chyba je jinde, bez ukázky celého zdroje víc nevymyslíme.
Frantisek Kuncl
Profil
#7 · Zasláno: 2. 2. 2006, 12:42:30
Odpovědět Citovat
Už jdu na to:
div#text { font-size: 0.8em; background-color: #d6bf86; width: 60%; margin: auto; position: relative; padding:10px 40px 5px 130px; text-align: justify;}
#text p{ line-height: 1.3em; }
div#text a:link { color: #9c2a00; text-decoration: none;}
div#text a:visited {color: #f3f3f3; text-decoration: none;}
div#text a:hover { background-color: transparent; color: #663300 ;text-decoration: none;}

.program { background-color: #FFFFF0; padding: 30px 20px 30px 20px; border: 2px white; -moz-border-radius: 8px;}
div#program a:link {color: #9c2a00; text-decoration: none;}
div#program a:visited {color:#663300; text-decoration: none;}
div#program a:hover {color: #A78638; text-decoration: none; }

<div id="text">
<div class="program"><br>
<span class="nazevkoncert">Čas bychom se radovali</span> <br>
<span class="titlekoncert">nejkrásnější písně </span>
<div class="ramecek"><span class="cm">Účinkují:</span> <br>
<br>
Soubor Collegium Marianum<br>
umělecká vedoucí Jana Semerádová <br>
<br>
<a href="../umelci_blazikova_cz.php" target="_self">Hana Blažíková – soprán</a> <br>
<br>
Jana Semerádová – flauto traverso<br>
Pablo Kornfeld – cembalo</div>
</div>
</div>
Frantisek Kuncl
Profil
#8 · Zasláno: 2. 2. 2006, 12:45:12
Odpovědět Citovat
Už teď vidím bordel v class a id. Jak jsem do toho vrtal a hledal chybu
Frantisek Kuncl
Profil
#9 · Zasláno: 2. 2. 2006, 12:47:05
Odpovědět Citovat
A našel
Chyba byla v deklaraci ID a CLASS. Dík za Váš čas
Plaváček
Profil
#10 · Zasláno: 2. 2. 2006, 13:47:34
Odpovědět Citovat
Nemáš zač :)
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0