MozillaPL.org - polskie centrum Mozilli

Główne menu:

[CSS] hr noshade

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[CSS] hr noshade

Postautor: Źrubek » 12 kwietnia 2006, 13:27

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Chciałbym umieścić dla znacznika hr atrybut noshade w css. I tak mam wszędzie

<hr class="small">

i zamiast dodawać wszędzie noshade, tzn.:

<hr noshade class="small">

wolałbym to umieścić raz w css.
Źrubek
 
Posty: 233
Z nami od: 24 listopada 2004, 22:36

Postautor: riddle » 12 kwietnia 2006, 15:32

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Zadeklaruj w CSS odpowiedni border i wysokość dla hr'a.
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź

Postautor: Źrubek » 12 kwietnia 2006, 17:46

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Dziękuję z poradę. Dałem:

border-style: none

i działa. Musiałem tylko powalczyć z background-color: i color:, bo IE i Firefox inaczej kolorują.
Źrubek
 
Posty: 233
Z nami od: 24 listopada 2004, 22:36

Postautor: Staszek27 » 17 kwietnia 2006, 15:39

Przeglądarka: Mozilla/5.0 (Windows; U; Win 9x 4.90; pl; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

Tu moje pytanko:
Daje sobie background-color i color, więc działa w IE i FF. Niestety w Operze już nie... Jak temu zaradzić?
Staszek27
 
Posty: 26
Z nami od: 05 kwietnia 2006, 15:57
Lokalizacja: Kraków Nowa Huta

Postautor: JBG » 17 kwietnia 2006, 16:20

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

Staszek27 pisze:Tu moje pytanko:
Daje sobie background-color i color, więc działa w IE i FF. Niestety w Operze już nie... Jak temu zaradzić?



Zadziałać powinno to:

Kod: Zaznacz cały
hr {
height: 0;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #000  ;
}


Oczywiście możesz zmieniać wartości, dowolnie dostosowując do własnych potrzeb
Szaleniec nie jest człowiekiem, który utracił rozsądek. Szaleniec utracił wszystko, poza rozsądkiem.
JBG
 
Posty: 142
Z nami od: 17 marca 2005, 12:57
Lokalizacja: Dobre Miasto

Postautor: Źrubek » 17 kwietnia 2006, 21:40

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

Ja mam tak:

Kod: Zaznacz cały
HR {
  background-color: red;
  color: red;
  height: 1px;
  border-style: none
}


Nie wiem, jak to działa w Operze, bo jej nie mam zainstalowanej. Efekt w IE i Firefox-e jest dobry. Jeżeli jest inaczej w Operze, to się można pochlastać - każda przeglądarka inaczej interpretuje CSS.

To, co proponuje JBG może i daje taki sam efekt, ale działa zupełnie inaczej. Ja ustawiam wysokość paska na 1 piksel i kasuję obwódkę. JBG ustawia wysokość paska na 0 pikseli i wyświetla tylko górną kawędź obwódki.
Źrubek
 
Posty: 233
Z nami od: 24 listopada 2004, 22:36

Postautor: riddle » 18 kwietnia 2006, 01:24

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

IE (i chyba Opera) ma problem jak ustawiasz tło w postaci obrazka, o ile wiem
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź

Postautor: JBG » 18 kwietnia 2006, 07:05

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

Źrubek pisze:
To, co proponuje JBG może i daje taki sam efekt, ale działa zupełnie inaczej.


Działa w Operze bezproblemowo - sprawdziłem.
Szaleniec nie jest człowiekiem, który utracił rozsądek. Szaleniec utracił wszystko, poza rozsądkiem.
JBG
 
Posty: 142
Z nami od: 17 marca 2005, 12:57
Lokalizacja: Dobre Miasto

Postautor: Staszek27 » 09 maja 2006, 18:41

Przeglądarka: Mozilla/5.0 (Windows; U; Win 9x 4.90; pl; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Dzięki JBG za pomoc!
Staszek27
 
Posty: 26
Z nami od: 05 kwietnia 2006, 15:57
Lokalizacja: Kraków Nowa Huta


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], Bing [Bot], dexter, Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: