Avatar billede bas Forsker
26. august 2003 - 01:44 Der er 8 kommentarer og
1 løsning

Div tykkelse ?

Hej

Jeg er ved at eksperimentere lidt med CSS
positionering.
Jeg har lavet nedenstående eksempel, hvor jeg bar har lavet
en vandrtet streg.
Jeg vil gerne have stregen tyndere, kan det lade sig gøre ?
Jeg kan godt lave den tykkere, men ikke tyndre.

Skal det laves som en < hr > i stedet ?





<html >
<head >
    <title >CSS Layout</title >
    <style type="text/css" >
   
    body {
    margin:0px;
}

   
   
    #vandret_bar {
    position:absolute;
    left:0px;
    top:410px;
    width:100%;
    height:1px;
    background-color:blue;
   
</style >   
</head >

<body >
<div id="vandret_bar" ></div >


</body >
</html >
Avatar billede roenving Novice
26. august 2003 - 01:50 #1
En div er så tyk som indholdet, så hvis du ikke har andet indhold er der et linjeskift indeni ...

Prøv at sætte en gif indeni med højden 1, så er den kun een pixel høj:

<html >
<head >
    <title >CSS Layout</title >
    <style type="text/css" >
    body {
    margin:0px;
}
  #vandret_bar {
    position:absolute;
    left:0px;
    top:410px;
    width:100%;
    height:1px;
    background-color:blue;
</style >   
</head >
<body >
<div id="vandret_bar"><img src="http://www.eksperten.dk/img/t.gif" heigth="1"></div >
</body >
</html >
Avatar billede bas Forsker
26. august 2003 - 02:00 #2
roenving

Det ser ud til at virke, jeg siger mange tak.

Post et svar, så giver jeg points.

Hilsen Martin
Avatar billede roenving Novice
26. august 2003 - 02:02 #3
Velbekomme '-)

En anden mulighed er at bruge overflow:hidden;
Avatar billede bas Forsker
26. august 2003 - 02:21 #4
I div tag'et i stedet for billedet ?


/Martin
Avatar billede roenving Novice
26. august 2003 - 02:26 #5
Ja, jeg blev lidt overrasket den anden dag, da nute foreslog den løsning, men den virker åbenbart hvis man sætter en overflow:hidden; på en div-style ...
Avatar billede bas Forsker
26. august 2003 - 02:31 #6
har lige prøvet med div-style - det virker, men
ved metoden med billedet har man mulighed for at styre
tykkelsen på stregen.
Det tror jeg ikke man har med overflow: hidden.
Avatar billede roenving Novice
26. august 2003 - 02:35 #7
Det virker både frem og tilbage, når jeg forsøger med overflow:hidden;

-- den vil kun acceptere hele mål, men 73 pixels og 3 pixels virkede med height i style'n
Avatar billede bas Forsker
26. august 2003 - 12:19 #8
Du har ret, det virker faktisk.
Det er meget smart.

Tak endnu engang.

Hilsen Martin
Avatar billede roenving Novice
26. august 2003 - 12:21 #9
-- og jeg siger tak for points ;~}
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