Hvordan få border på bilde til å legge seg oppå bi

[glennsjo]

Når jeg legger på border rundt et bilde, legger rammen seg alltid i tillegg til bildet. Det betyr altså at selv om jeg bestemte meg for en maksimumhøyde på 90px for lenge siden, må jeg nå gå rundt og forandre til 92px pga dette.

 

Finnes det en funksjon som gjør at rammen legger seg oppå bildet (som er 90px i høyde), slik at den totale høyden forblir 90?

[Steinmann]

Kan denne være passende?

edit: ved å sette høyden til 88 istede bør det vel bli bra?

Endret 28. oktober 2005 av orsus

[glennsjo]

Takk for svar.

 

Joda, jeg kan jo sette den til 88 i stedet, men det var helst det jeg ville unngå.

 

Uansett.

 

Nå gjør jeg det, istedefor å bruke masse tid på å finne noe annet som kanskje ikke funker likevel.

 

Men et annet problem;

 

Hvordan blir jeg kvitt den hvite luka på dette bildet. Dette skjer i Firefox, i IE er alt som det skal være (altså luft, og den sorte streken helt rundt bildet).

 

 

Koden:

 

html

  <div class="kolonnesak">
 	<h1>Vestibulum id turpis</h1>
 	<img src='pxl2.gif' width='80' height='90' border='0' alt='img' />
 	<p>Aliquam rutrum interdum nibh. Donec justo velit, sodales eu, vulputate sed, vehicula vitae, lectus.</p>
 	<br /> <!-- gjør denne automatisk senere!! -->
 	<p><a href='#'>Les mer</a></p>
 </div>

 

style.css

.kolonnesak { 
line-height: 15px;
background: #FFFFFF;
width: 310px !important; 
width: 320px; 
margin-top: auto;
height: auto;
float: left;
padding: 5px 5px 5px 5px;
position: relative;
}

.kolonnesak h1 { 
font-weight: bold;
color: #000000;
font: 18px arial; 
line-height: 30px;
}

.kolonnesak img { 
float: left;

padding: 0px 5px 0px 0px;
border: 1px solid #000000;
position: relative;
}

 

Takk for all hjelp!

Endret 28. oktober 2005 av Glenn'ern

[Steinmann]

Du har jo sagt at det skal være 5px padding der da, om du fjerner det få funnker det kansje?

Om du er ute etter mellomrom mellom bildet og tekst bruker du margin.

 

Også skal man ikke sette høyde og bredde på bilder, mye bedre om du resizer bildene i PS eller lignende.

Skal hvertfall ikke sette høyde/bredde i html koden

[glennsjo]

Oh yeah! Mange takk!

 

Gikk sent i går gjennom både html'en og css'en i validatorer, for å være 100% sikker på at det ikke er noe annet som ødelegger for meg.

 

Nå er alle tre i boks!