Autor | Zpráva | ||
---|---|---|---|
Frantisek Kuncl Profil |
#1 · Zasláno: 2. 2. 2006, 11:06:22
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
Zkus:
|
||
Frantisek Kuncl Profil |
#3 · Zasláno: 2. 2. 2006, 11:55:41
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
Š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
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
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
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
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
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
Nemáš zač :)
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0