Poradie CSS stylov

Zdravim Vas,
na jednom mojom webe sa mi stala zvlastna vec. Styly jadra drupalu konkretne /modules/system/defaults.css mi prepisali moje vlastne styly vo vlastnej sablone. Kedze sablonu som robil sam a odznova, pravdepodobne bude chyba v nej ale netusim aka. Zvlastne je ze ked si dam zobrazit zdrojovy kod celej stranky styly su v spravnom poradi no ked si dam zobrazit css informacie o konkretnom elemente (hr) uplatnuje sa najskor moj styl a potom je prepisany spominanym stylom jadra. Napada Vas preco to tak moze byt? Za pomoc vopred dakujem.

Fórum: 

Reklama

Dobrý den. Nejlíp by to chtělo URL a přesný popis prvku, kde se tak děje a toho, jak by měl vypadat a nevypadá.

Takhle můžu jen tipnout, že výchozí styly jsou prostě zacíleny přímo na daný element, kdežto ty vaše mají upravenu dědičnost prvků tak, že je interpretována až následně. Nezáleží přitom na připojení CSS souborů v hlavičce.

Typicky se tak děje u menu.

Tvořím weby. Nabízím poradenství pro Drupal. Jsem na Twitteru.

Dobry den,
deje sa to na tejto adrese http://bakchus.webnamieru.sk/ kde by som ja chcel aby ciara oddelujuca jednotlive aktuality bola 1px siroka a zelenej farby tak ako nadpisy clankov.
Moj styl:
div.spaceline hr (riadok 277)
{
color: #427c00;
height: 1px;
}

A styl ktory ho prepisuje z jadra:
hr (riadok 14)
{
height: 1px;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: gray;
border-right-color-value: gray;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: gray;
border-left-color-value: gray;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
}

Za pomoc dakujem.

To je jasné. Vy definujete barvu a výšku. Původní styly definují šířku rámečku. Čili tam dejte tohle a bude to fungovat:

div.spaceline hr{
  border-bottom: none;
  border-top:1px solid #427C00;
}

 

Tvořím weby. Nabízím poradenství pro Drupal. Jsem na Twitteru.

Hambím sa :-). Dakujem za pomoc.

Rádo se stalo.

Tvořím weby. Nabízím poradenství pro Drupal. Jsem na Twitteru.

Přidat komentář