Autor Zpráva
Koki
Profil *
Mám tuto stránku www.sofe.cz

Themes je možné měnit a administraci. Některé barvy lze změnit css souborem.

Potřeboval jsem změnil jen pozadí jedné kategorie a pozadí menu s programy. Použil jsem v souboru css toto (viz níže). Nicméně barvy jsou jiné jak ve FF a IE. FF ukazuje barvy správně. Co je špatně v CSS, že barvy nezobrazuje správně IE.

v FF (správně)


v IE



/* zvyrazneni kategorii tmave oranzova*/

.block .pages ul {
background: #FFB514;
}

/* zmena barvy pisma v cele kategorii produkty */

.block .pages ul a {
color: #4F3500 !important;
font-weight: bold;
background-image: url('http://www.sofe.cz/images/odrazka.jpg') !important; /* URL k nové odrážce */
}

/* zmena barvy pozadi a pisma v jedné kategorii (produkty) */

#col1 .block:first-child .title {
background: #EC7600 !important;
color: #ffffff;

behavior: none !important;
}

/* zmena barvy linky pod textem v jedné kategorii (produkty) */

#col1 .block:first-child ul a {
border-color: #FFC959 !important;
}

/* zmena barvy pozadí v kategorii za subkategoriema */

.subpages {
background: #FFFFFF !important;
}
Davex
Profil
V IE8 to vidím správně. Zlobí to jenom v kompatibilním vykreslovacím režimu, kde asi nebude fungovat pseudotřída :first-child.
Koki
Profil *
A nevíte jak to vyřešit?
joe
Profil
:first-child ve starších prohlížečích nefunguje. Stačí tedy do CSS dát:

div#col1 div#block-id1.block div.title { background: #ec7600; }


Psal jsem to tak, aby to nevytvořilo případné kolize, i když to se může stát, pokud je někde něco stejného. Zkus a uvidíš, jestli se ti neobarví i něco jiného.
Koki
Profil *
Perfektní funguje to ale nyní mi zde chybí v ie zakulacené rohy toho tmavě oranžového menu, jak udělat nahoře radius rohu 5px

div#col1 div#block-id1.block div.title {
background: #EC7600 !important;
color: #ffffff;

behavior: none !important;
}
joe
Profil
Buď se rozluč s kulatými rohy ve starších IE a nebo to pro ně vyřeš obrázkem. Zkrátka používáš "nové" věci CSS, které starší prohlížeče neumějí.
Koki
Profil *
Ale vždyť do dělá v IE8, to není strarý prohlížeč, a mimo jiné ostatní kategorie (světle šedivé) zakulacené rohy mají.
margin
Profil *
To stáří nebylo myšleno absolutně, podle data vydání, ale spíše technologicky. IE8 zaoblené rohy podle CSS3 neumí, připravovaný IE9 zaoblené rohy umí.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: