Problem ze stylami w FF

[suslik]

Witam!
Mam pewien problem:

Kod: Zaznacz cały

body{
background-color: #000000;
letter-spacing:1px;
font-size: 9px;
font-family: Arial;
color: #FFFFFF;
cursor:crosshair;
scrollbar-highlight-color:#CCCCCC;
scrollbar-3dlight-color:#666666;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#666666;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#999999;
scrollbar-face-color:#333333; }

body.main{
background-image:url('bg.gif');
}

A:link, A:visited, A:active{
font-weight: bold;
letter-spacing: 1px;
font-size: 10px;
text-decoration: none;
color:#FFFFFF;
cursor:crosshair;
}
A:hover
{
text-decoration: underline;
color: #DADADA;
}

td
{
font-family: verdana;
font-size: 10px;
color: #FFFFFF;
}



.body{
font-family:verdana;
font-size: 10px;
color: #ffffff;
font-weight:normal;
letter-spacing:0px;
}

hr{
color: #FFAA00
}

h5,h4,h3,h2,h1{
color:#6B6BFF;
}

table{
border: 1px dotted #FFFFFF;
}


problem polega na tym, że na ie wszystkie style reagują normalnie, natomiast FF nie reaguje kompletnie na HR i TABLE
probowalem dawac styl w kodzie ale tez nie dziala.
prosze o pomoc.
pozdrawiam Suslik

[athantor]

problem polega na tym, że na ie wszystkie style reagują normalnie,

No właśnie nie normalnie.

natomiast FF nie reaguje kompletnie na HR

Reaguje, tyle że w przeciwieństwie do IE, robi to prawidłowo. Właściwość „color” odpowiada za barwę tekstu. Czy w <hr /> widzisz jakikolwiek tekst?

Spróbuj „background-color” i ew. bordery.

i TABLE

WFM.

klik

[suslik]

hmmm no tak z tabelami moje niedopatrzenie
ale hr nie dziala ani border-color ani background-color
EDIT:
właśnie dodałem do HR parametr noshade, i się "przekolorowała" na pomarańczowo(#FFAA00), chociaż nie całkiem, bo jest teraz jakby za mgłą(jest ciemniejsza), a jak daje normalnie <hr color="#FFAA00"> to działa bez żadnej mgły

[athantor]

właśnie dodałem do HR parametr noshade, i się "przekolorowała" na pomarańczowo(#FFAA00), chociaż nie całkiem, bo jest teraz jakby za mgłą(jest ciemniejsza), a jak daje normalnie <hr color="#FFAA00"> to działa bez żadnej mgły

Coś do zabawy

Guziki na zmianę, przełączają atrybut i powracają do wartości domyślnej.
„Border-color” działa, tylko obramiwanie jest tak małe, że go nie widać

[jam]

Przyznajcie sie zapalency firefoxa,ze to jest bubel technologiczny,a nie ze webmaster popalnia bledy w kodzie, ktorego sie uczyl z podrecznikow.Zalamuje mnie ta sprawa z przegladarkami,bo jeszcze troche i trzeba bedzie do kazdej inna wersje strony robic,a to przegladarka powinna interpretowac kod taki,jak jest uzywany powszechnie i za dobry przyjety.Jakies cuda wymyslacie,ze sprawdzeniem kodu w validatorze, onet ma ponad 200 bledow wg niego,mysle,ze ich nie ma w ogole na moj gust.

[Gość]

Powszechnie przyjęty? Znaczy IE Only ? HR nie posiada właściwości COLOR wg powszechnie przyjętego standardu. COLOR owszem, możesz dać, bo niektóre starsze przeglądarki jego wymagają (z resztą ile takich przeglądarek jeszcze jest?). HR posiada natomiast BACKGROUND-COLOR (też możesz dołożyć dla pewności) i BORDER. Poniższy CSS zrozumie nawet ta Twoja "powszIEchna" przeglądarka :

Kod: Zaznacz cały

hr {
height: 0;
border-style: solid;
border-width: 1px 0 0;
border-color: #FFAA00;
/* color: #FFAA00; */
/* background-color: #FFAA00; */
}

[athantor]

Przyznajcie sie zapalency firefoxa[…]

Zazdrość – straszna rzecz. :->

[Zajec]

Przecież wystarczy zrobić z hr prosty element blokowy z tłem [code]hr {
display: block;
height: 10px;
background-color: yellow;
}

[Gość]

No Zajec, a od kiedy to HR nie jest el. blokowym, jeśli nadajesz mu display: block? A zobacz w MSIE co się stanie jeśli dodasz NOSHADE . Musisz mu zapodać COLOR w CSS. Jeśli natomiast nie masz NOSHADE, to musisz wyzerować BORDER. Jedna przeglądarka woli to, druga tamto, więc najlepszym rozwiązaniem jest określić wysokość na zero i dać BORDER-[TOP|BOTTOM] na zadaną wysokość.