Søg
Avatar billede cmau Nybegynder
25. juli 2006 - 10:58 Der er 24 kommentarer og
1 løsning

hr dashed - kan stadigvæk spore solid streg over

Hejsa

Jeg har en masse <hr>'er og har sat denne style for dem:
hr {
border-bottom:1px dashed #fff;
}
Men når siden vises, er der både i Firefox og Internet Explorer en vandret streg at spore. Jeg ved godt at jeg bare kan fjerne -bottom fra koden, men så bliver stregen for tyk. Hvordan kan dette laves?
Avatar billede roenving Novice
25. juli 2006 - 11:18 #1
Sæt en forgrundsfarve, der svarer til baggrundsfarven, f.eks. color: #f00; !-)
Avatar billede cmau Nybegynder
25. juli 2006 - 11:29 #2
Virker i IE, men ikke FF :/
Avatar billede roenving Novice
25. juli 2006 - 11:37 #3
-- og heller ikke i Opera ...

Hrm, hrm ...
Avatar billede cmau Nybegynder
25. juli 2006 - 11:41 #4
Men kan man gøre noget med at sætte de andre borders til 0px?
Avatar billede mclemens Nybegynder
25. juli 2006 - 11:57 #5
Hvad med:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type"

content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
hr {
height:1px;
border:0px;
border-bottom:1px dashed #f00;
}
</style>

</head><body>
<hr></hr>
</body></html>
Avatar billede mclemens Nybegynder
25. juli 2006 - 12:07 #6
Hov, kom til at rette border farven samtidig...
height:1px; af hensyn til IE...
border:0px; af hensyn til FF...
Avatar billede mclemens Nybegynder
25. juli 2006 - 12:23 #7
Hmm, roenvings color virkede også i IE...
- kast bare pointene til roenving ... din egen
border sammen med roenvings løser også problemet :o)
Avatar billede cmau Nybegynder
25. juli 2006 - 12:39 #8
mclemens > Det må så være:
hr {
  color:#846331;
  height:1px;
  border:0px;
  border-bottom:1px dashed #fff;
}

Men nu går det lidt i fisk.
Det hele virker fint i Internet Explorer:
www.woox.dk/internetexplorer.jpg

Men i Firefox ryger linjen ud over højre side?:
www.woox.dk/frefox.jpg

I Opera ryger linjen ind under menuen?:
www.woox.dk/opera.jpg
Avatar billede mclemens Nybegynder
25. juli 2006 - 14:06 #9
Den ved roenving sikkert hvordan løses ... med risiko for høvl for fusk ... så er her da lige lidt fusk:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.hr{
height:0px;overflow:hidden;
border-bottom:1px dashed #f00;
}
</style>

</head><body>
<div style="float:left;height:200px;width:200px;">Midlertidig test div</div>

<div class="hr"></div>
</body></html>
Avatar billede mclemens Nybegynder
25. juli 2006 - 14:06 #10
( hvis nu der ikke er en bedre løsning :/ )
Avatar billede mclemens Nybegynder
25. juli 2006 - 14:29 #11
eller måske ....




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
hr{
height:1px;border-color:transparent;
  border-bottom:1px dashed #f00;
}
</style>

</head><body>
<div style="float:left;height:200px;width:200px;">Midlertidig test div</div>

<hr></hr>
</body></html>
Avatar billede cmau Nybegynder
25. juli 2006 - 14:35 #12
25/07-2006 14:29:32 Med den style vises det hele rigtigt i firefox og ie, men ser stadig ud som www.woox.dk/opera.jpg i opera.
Avatar billede mclemens Nybegynder
25. juli 2006 - 19:57 #13
Har lige prøvet OP nu ... og hvorfor den viser det sådan forstår jeg ikke?
- Legede lidt med noget mere fusk men det resulterede blot i at jeg
endte med et div med noget left-margin sat på elementet - og det
er jo ikke optimalt da man så skal tilrette det manuelt...

(... d.v.s. vælge enten div class="hr" element med noget css eller et hr
element afhængig af hvor langt nede teksten når i forhold til menuen :/ )
Avatar billede cmau Nybegynder
25. juli 2006 - 20:54 #14
Hmm..
Inden vi ryger ud i det helt vide vil jeg lige hører om roenving har noget? Eller andre?
Avatar billede roenving Novice
25. juli 2006 - 23:25 #15
Div-løsningen er såvidt jeg ved skudsikker, og jeg har selv brugt noget tid på hr på et tidspunkt, hvor jeg også endte med at anbefale en sådan, da den zq virker !-)
Avatar billede cmau Nybegynder
26. juli 2006 - 00:19 #16
roenving > Hvis du så kigger hvordan den ser ud i Opera www.woox.dk/opera.jpg. Der kan du jo godt se at diven smutter ind bag min menu. Hvordan kan man så få den til ryge på plads som i IE og firefox?
Avatar billede cmau Nybegynder
28. juli 2006 - 12:22 #17
Fandt en løsning med table. Men tak ford i prøvede smider i begge et svar?
Avatar billede mclemens Nybegynder
28. juli 2006 - 12:32 #18
Oki :o)
Avatar billede cmau Nybegynder
28. juli 2006 - 21:32 #19
roenving smider du svar? Argh det her site mangler et post system.
Avatar billede cmau Nybegynder
31. juli 2006 - 22:20 #20
Så må jeg nøjes med at give mclemens points.
Avatar billede mclemens Nybegynder
31. juli 2006 - 23:15 #21
Tak for point :o)

Tror Roenving er lidt offline for tiden...
( - Roenving du prikker mig lige på skulderen hvis det er ...
så laver vi lige en overførsel af de 7,5 point :o) )
Avatar billede roenving Novice
03. august 2006 - 11:56 #22
*lol*

-- hvordan vil du gøre det ?-)

-- og jeg tror lige at jeg klarer mig !-)
Avatar billede mclemens Nybegynder
03. august 2006 - 12:45 #23
[ -- hvordan vil du gøre det ?-) ]
Et spørgsmål på 15 point og så et svar fra
både dig og mig -> 7,5 point til hver...

[ -- og jeg tror lige at jeg klarer mig !-) ] Ok :o)
Avatar billede roenving Novice
03. august 2006 - 12:59 #24
Nå, den havde du regnet ud !o)
Avatar billede mclemens Nybegynder
03. august 2006 - 13:01 #25
Ja, eller rettere det havde du ...
( http://www.eksperten.dk/spm/702590#rid6206331 )
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
White papers
Flere white papers »