Trenger litt css hjelp.

[HV]

hei

 

Jeg har en <div> som inneholder 2 data, en <img> og en <iframe>. Problemet er at det ligger en "strek/skillevegg" som er ca 1px bred i mellom de 2 dataene der bakgrunnen på siden vises. Trenger hjelp til å få den bort. Kanskje en slags standard som er satt til 1 som burde vært 0.

 

Vennlig hilsen

HV

[Gjest medlem-77217]

Ville vært mye enklere om du hadde gitt oss CSS koden, eller linken til siden som problemet oppstår på.

[haugsand]

Prøv å legg til display: block; på img.

[HV]

Dette er en plass hvor streken oppstår:

  	<div id="links">
   <img height="18" width="200" src="images/HeaderLinkes.png">
   <iframe height="120" width="200" frameBorder="0" scrolling="default" src="links.htm"></iframe>
 	</div>

 

css:

#links {
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
padding-top: 0px;
float: right;
width: 200px;
height:40px;
border-color: #ffffff;
border-style: solid;
border-right-width: 10px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 10px;
margin-bottom :0px;
margin-left:0px;
margin-right :0px;
margin-top  :0px;
}

Bakgrunnsfargen på siden er satt til svart, for å vise eksemplet bedre, helt til venstre ser man bakgrunnen. Mellom <img>(siste nytt) og den grå rammen under komen dette mellomrommet.

[HV]

Prøv å legg til display: block; på img.

6491613[/snapback]

 

Takk dette gjorde susen! Aner ikke hvordan:) men nå smalt alle mellomrommene bort. Takk.

 

Vennlig hilsen

HV

Endret 14. juli 2006 av HV

[HV]

Line : 25 (Level : 1) You have no background-color with your color : p.red:first-line 
Line : 42 (Level : 2) Redefinition of margin-top : body 
Line : 154 (Level : 1) You have no background-color with your color : a:hover 
Line : 240 (Level : 1) You have no background-color with your color : a 
Line : 240 (Level : 1) You have no background-color with your color : a 

Dette er resultet fra http://jigsaw.w3.org/css-validator/validator, disse meldingene som er igjen er kun warnings men etter litt søking fant jeg ut at jeg skulle prøve å fikse alt.

 

Dette er forøvrig et eksempel fra linje 237 til 243
a {
text-decoration: none;
font-size: 11px; 
color: #ffffff; 
background-color: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

 

1. Det virket naturlig nok enkelt å bare kjøre inn:

background-color: transparent; på sine respektive plasser, men valideringen reagerer ikke på det, og nekter fortsatt for at jeg ikke har satt inn verdien.

Er det noe logisk forklaring på dette?

 

2. Ser i noen css filer så har det blitt valgt å bruke en verdi med kun 3 tall(altså feks #000 istede for #000000) Er dette noe hensikt?

 

EDIT:

Gå til linken http://jigsaw.w3.org/css-validator/ og velg alternativet "Validate by direct input" og legg til koden under for å gjenskape feilmelding:

a {
text-decoration: none;
font-size: 11px; 
background-color: transparent;
color: #ffffff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

Endret 15. juli 2006 av HV