Avatar billede mtrolle Nybegynder
08. december 2005 - 15:12 Der er 11 kommentarer og
1 løsning

style hr

Hej.

Kan det virkelig passe man ikke kan style <hr> på nogen måde i Internet Explorer?
Jeg har lavet følgende CSS:

hr {
    background-image:url('/imgs/spring/dotted.gif');
    height:1px;
    margin:0px;
    padding:0px;
    border:0px;
}

Testet og virker fint i Safari (Mac OS X) og Firefox, men i Internet Explore virker det bare slet ikke. Kan det virkelig passe, man ikke kan style ordenligt i IE?
Avatar billede roenving Novice
08. december 2005 - 15:17 #1
F.eks.

<hr style="border-bottom-style:dotted;color:green;height:1px;">
Avatar billede mtrolle Nybegynder
08. december 2005 - 15:30 #2
Det gør det endnu værre jo :)
Problemet er man åbenbart ikke kan undgå hr's normale design i IE.
Jeg ville gerne bruge HR til blot at lave en dotted linje og intet andet. En tynd 1px høj streg som er dotted.
Avatar billede roenving Novice
08. december 2005 - 15:33 #3
Det laver den ovenstående da også ?-)
Avatar billede mtrolle Nybegynder
08. december 2005 - 15:35 #4
Nej, ikke her i alt fald. Der laver en en 1px linje og en 1px linje nedenunder som er dotted.
Avatar billede roenving Novice
08. december 2005 - 15:40 #5
Tjah, i FF får jeg ovenstående resultat, i IE giver den en tynd prikket linje ...

-- hvilken IE prøver du det i ?-)
Avatar billede mtrolle Nybegynder
08. december 2005 - 16:07 #6
IE6
Og prøvede kun i Safari :) Og der ser det jo bestemt ikke ordenligt ud.

Plus i IE bliver det ikke en 1px sort, 1px hvid, men en 3px sort og 2px hvid eller sådan noget deromkring og det er ikke pænt.
Samtidig kan man ikke fjerne den margin hr har i sig i IE, så vidt jeg kan se.
Avatar billede milandt Nybegynder
08. december 2005 - 16:08 #7
<hr style="border:0px dotted red;border-width:0 0 1px 0;height:1px">

giver mig det ønskede resutat
Avatar billede mtrolle Nybegynder
09. december 2005 - 09:41 #8
Ingen af overstående har fået lavet margin:0px; hos mig endnu.
Avatar billede roenving Novice
09. december 2005 - 11:57 #9
Hvad har over og under ?-)
Avatar billede mtrolle Nybegynder
04. januar 2006 - 11:17 #10
>roenving
mon ikke blot du skulle smide et svar, så kan vi få denne lukket :)
Dit 1. forslag er vist virksomt, men giver ikke det ønskede resultat, da det åbenbart ikke på nogen måde kan lade sig gøre.
Det endte derfor med en omskrivning hvor jeg brugte div tags i stedet.
Avatar billede roenving Novice
05. januar 2006 - 15:24 #11
Oki '-)
Avatar billede roenving Novice
05. januar 2006 - 18:34 #12
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester