Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] problem z ostylowaniem <hr>, ramka dookola linii pod IE
phpion
post 8.03.2007, 13:58:55
Post #1





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Mam taki styl:
  1. hr {
  2. background-image: url('./img/hr.png');
  3. border-width: 0px;
  4. height: 2px;
  5. }

Zalozenie jest takie, ze kazdy znacznik <hr> to pozioma linia z tlem hr.png. Pod Opera i FF wszystko jest ok, natomiast pod IE7 nie do konca, tj. widac tylko szara linie. Gdy zwieksze height np. na 20px to widze, ze tlo jest ale procz niego jest takze szara ramka dookola. I pytanie: jak usunac ta ramke? Jest na to jakis sposob? Chcialbym zaznaczyc, ze zalezy mi na zrobieniu tego jako <hr> a nie jako zwykly <div> z tlem.
Go to the top of the page
+Quote Post
Kisiol_Ent
post 8.03.2007, 15:56:53
Post #2





Grupa: Zarejestrowani
Postów: 146
Pomógł: 0
Dołączył: 15.01.2007

Ostrzeżenie: (60%)
XXX--


Faktycznie teraz patrzalem i kIEpski dodaje ramke...
Wyszukalem w google ze trzeba wpisac w css COLOR: kolor;
i wtedy ten efekt 3D znika. I faktycznie, ale niestety background-image tez gdzies znika o0
Go to the top of the page
+Quote Post
pitbull82
post 8.03.2007, 16:22:36
Post #3





Grupa: Zarejestrowani
Postów: 167
Pomógł: 0
Dołączył: 30.04.2004
Skąd: Częstochowa

Ostrzeżenie: (0%)
-----


Niestety, ale znacznika HR nie da się dowolnie ostylować. Trzeba użyć po prostu obrazka / obrazka w tle np. diva.


--------------------
Go to the top of the page
+Quote Post
gekon
post 8.03.2007, 18:11:02
Post #4





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

Ostrzeżenie: (0%)
-----


  1. div.hr{
  2. background-image: url('./img/hr.png');
  3. border-width: 0px;
  4. height: 2px;
  5. }
  6. div.hr hr { display: none; }


  1. <div class="hr"><hr /></div>


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
phpion
post 8.03.2007, 21:54:45
Post #5





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Probowalem na rozne sposoby, dalem za wygrana. Uzyje po prostu <div class="hr"></div>. Dzieki za zainteresowanie.
Go to the top of the page
+Quote Post
Zajec
post 14.03.2007, 19:47:37
Post #6





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----


Nie mam akurat IE pod ręką, ale może wystarczyłoby dodać display: block?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 2.07.2025 - 02:06