Błąd w CSS, coś skopaliście

[nauma]

Pluję sobie w brodę, że strzeliło mi do głowy poeksperymentować i
"poprzymierzać" różne szablony do bloga. Okazało się niestety, że po takiej
zabawie wszystko potrafi się wywalić. Wystarczy mieć swój własny szablon i na
chwilę zastąpić go dajmy na to "ThemeE". Po takim wzorcowym szablonie został
mi babol, czyli nieedytowalne pole "BlogTytulText".
W moim własnym CSS wygląda to tak:
#BlogTytulBox {
WIDTH: 628px; HEIGHT: 70px; BORDER-BOTTOM: #868686 1px solid;
BACKGROUND-COLOR: #E4C3FF;
}
#BlogTytulText {
MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 50px; MARGIN-BOTTOM: 0px;
COLOR: #330066; FONT-FAMILY: "Monotype Corsiva"; font-style : normal;
text-decoration : none; TEXT-ALIGN: center;
}
#BlogTytulText A {
COLOR: #7900ae; TEXT-DECORATION: none
}
#BlogTytulText A:hover {
COLOR: #a616a7; TEXT-DECORATION: none
}
Widzicie tu gdzieś "underline"? Bo ja nie. A tymczasem w blogu mam zupełnie
inny kolor tytułu bloga i zaszyte "underline", co można zobaczyć na
"Naumachii". Po wzięciu np. ThemeC i powrocie do własnego CSS jest jeszcze
gorzej, bo szpalty zostają zamienione miejscami i wszystko się wywala.

Proszę o pomoc - chcę, żeby tytuł mojego bloga wyglądał tak, jak w moim CSS, a
nie tak, jak nie wiedzieć jakim cudem zasysa z szablonu typu Theme!

[ols]

Hmm, nie widzę żadnego podkreślenia w tytule. Zapewne CSS zaciągnął Ci się z kesza przeglądarki. Pozamykaj wszystkie karty, opróżnij pamięć podręczną, zamknij i otwórz przeglądarkę. Powinno pomóc.

[nauma]

Ols, poczyściłem wszystko, co było do poczyszczenia poza sformatowaniem
Zjawisko mam to samo w Firefoxie i IE.
Wg CSS, który miałem działający od kilkunastu miesięcy, tytuł bloga jest
CIEMNOFIOLETOWY, a po najechaniu nań myszką JASNOFIOLETOWY.
To, co mam teraz, i co jest moim problemem, to JASNONIEBIESKI tytuł bloga, a po
najechaniu nań myszką FIOLETOWY z PODKREŚLENIEM. Miejsce na to podkreślenie,
psując symetrię, jest cały czas.

Tak BTW: nie wiedzieć czemu zassał mi się dziś motyw polegający na tym, że
szerokość belki na tytuł ni z gruchy ni z pietruchy skoczyła na 792px, ale to
dało się zedytować. Zaś tych kolorów i podkreślenia NIE DA SIĘ, co doprowadza
mnie do szału. Najedź myszką, a zobaczysz. No, chyba że zwariował mi komp, ale w
to nie wierzę...

[ols]

Aha, teraz widzę.
Wszsytkie Twoje problemy biorą się stąd:

#BlogTytulText a (line 16)
{
color: rgb(121, 0, 174);
text-decoration: none;
}

#BlogSzerokaSzpalta a (line 34)
{
font-weight: bold;
color: rgb(113, 114, 255);
text-decoration: none;
}

#BlogTytulText a:hover (line 19)
{
color: rgb(166, 22, 167);
text-decoration: none;
}

#BlogSzerokaSzpalta a:hover (line 37)
{
font-weight: bold;
text-decoration: underline;
}

[nauma]

Nie rozumiem
jak ustawienia szerokiej szpalty mają wpływać na pole tytułu, w którym
ustawione są odpowiednie kolory? Zresztą linki w szerokiej szpalcie zachowują
się zupełnie inaczej niż w polu tytułu bloga...

[nauma]

Przypominam jeszcze, że wszystko było OK przed przełączeniem na chwilę na
szablonowe "Theme", nie zmieniałem CSS jeśli chodzi o pole tytułu.

[ols]

Nie wiem, nie jestem żadnym CSSowym guru. Wtyczka WebDeveloper pokazuje mi, że tytuł jest stylowany tym fragmentem kodu, który Ci wkleiłem (zresztą jego wygląd z tym underline na to wskazuje).
A dzieje się tak, bo przełączając szablon zmienia się tak naprawdę więcej niż sam szablon, "fabryczne" skórki różnią się też nieco HTMLem (najbardziej widoczna różnica to układ szpalt: wąska vs. szeroka).

[nauma]

O w dziuplę, czyżby to oznaczało, że tak już zostanie na stałe? Masakra... No
nic, będę kombinować...

[sgk]

Spokojnie, spokojnie

Musisz pamiętać o tym, że CSS działa kaskadowo (dziedzicznie?), czyli ma
znaczenie kolejność definicji sekcji i to co jest zdefiniowane w elemencie
nadrzędnym jest obowiązujące w elemencie podrzędnym, o ile ten element nie
zostanie opisany oddzielnie i to później niż element nadrzędny (brzmi to może
skomplikowanie, ale da się chyba zrozumieć).

U Ciebie jest tak: w arkuszu CSS definiujesz atrybuty linku dla #BlogTytulText
wcześniej niż dla #BlogSzerokaSzpalta, który strukturalnie zawiera sobie obiekt
#BlogTytulText i te późniejsze atrybuty zmieniają to co zdefiniowałeś wcześniej
dla #BlogTytulText a/a:hover.

Przekopiuj elementy dotyczące #BlogTytulText za wpisy dotyczące
#BlogSzerokaSzpalta i wtedy dopasuj do swoich wymagań.

Pomogło?
Jeśli nie będziemy działać dalej

[nauma]

O, hej Sgk, nawet miałem do Ciebie pisać
Udało mi się już rozwiązać problem (chyba - mam nadzieję, że za chwilę nic się
nie wywali) zupełnie inaczej; zgodnie z zasadą, że na wariactwo najlepiej
przyjąć zwariowaną taktykę. Mianowicie we wszystkie nazwy elementów bloga
tyczących pola tytułowego wpisałem trzy magiczne literki: DIV.
I bangla

[ols]

To nienajlepszy sposób, Sgk napisał powyżej jak to przerobić "po bożemu".

[nauma]

Ano nienajlepszy, zrobiłem w końcu jak Sgk radził. I mam kolejny problem: w IE
wszystko zrobiło się, jak trza, zaś w Firefoxie blog urywa się po półtorej
notki. I teraz z tym walczę

[nauma]

Problemy rozwiązane, pomysł Sgk super.
Panowie, dzięki!

[sgk]

Nie ma sprawy.

Mów mi eskey