Avatar billede -sofus- Nybegynder
11. februar 2009 - 11:07 Der er 12 kommentarer

Padding i et Div layer

Jeg har en kode, der generer et div layer, med nogle billeder i.

Den generede kode er opbygget på den her måde:

<div style="width:500px">
<img src="billede1.jpg>
<img src="billede2.jpg>
<img src="billede3.jpg>
<img src="billede4.jpg>
<img src="billede5.jpg>
</div>

Det resultere i, at alle billederne er samlet i en klump, og ville gerne have lidt luft i mellem dem. Har prøvet at sætte borders på, det giver afstanden mellem billederne, men tilgengæld er den blå, så den løsning kan ikke bruges.
Avatar billede keysersoze Guru
11. februar 2009 - 11:13 #1
<div style="width:500px">
<img src="billede1.jpg" style="margin: 10px;">
<img src="billede2.jpg">
<img src="billede3.jpg">
<img src="billede4.jpg">
<img src="billede5.jpg">
</div>

?
Avatar billede olebole Juniormester
11. februar 2009 - 11:19 #2
<ole>

- og for at undgå ekstra luft i bunden, når browseren hedder Explorer:

<div style="width:500px">
<img src="billede1.jpg" style="margin: 10px;">
<img src="billede2.jpg">
<img src="billede3.jpg">
<img src="billede4.jpg">
<img src="billede5.jpg"></div>

/mvh
</bole>
Avatar billede -sofus- Nybegynder
11. februar 2009 - 11:24 #3
Perfekt.. Så er er der lige et andet problem, de har lavet siden om, så hvordan fan giver man points ?
Avatar billede olebole Juniormester
11. februar 2009 - 12:07 #4
Du beder keysersoze om at lægge et svar  ;o)
Avatar billede OskarRough Nybegynder
11. februar 2009 - 15:36 #5
Undskyld, men må lige spørge, har du et link omhandlende den bug, OleBole?
Avatar billede olebole Juniormester
11. februar 2009 - 16:24 #6
Jeg har ikke lige et link ved hånden, men det er en overordentlig velkendt IE-bug, så det må være meget let til at finde via Google  =)

Når du i IE har et block-element (eller block-lignende element, som f.eks. en TD) - og det sidste indhold i elementet er af inline-type - vil et linjeskift i koden før slut-tagget resultere i ekstra luft i bunden af block-elementet:

<div style="background:red">
    <img src="http://www.eksperten.dk/images/eksperten_logo.gif">
</div>

<p>- og så den anden:</p>

<div style="background:red">
    <img src="http://www.eksperten.dk/images/eksperten_logo.gif"></div>
Avatar billede olebole Juniormester
11. februar 2009 - 16:26 #7
- men:

<div style="background:red">
    <img src="http://www.eksperten.dk/images/eksperten_logo.gif">
</div>

<p>- og nu er billedet nedenfor af typen 'block':</p>

<div style="background:red">
    <img style="display:block" src="http://www.eksperten.dk/images/eksperten_logo.gif"></div>
Avatar billede olebole Juniormester
11. februar 2009 - 16:26 #8
Ups ... det skulle have været:

<div style="background:red">
    <img style="display:block" src="http://www.eksperten.dk/images/eksperten_logo.gif">
</div>

<p>- og nu er billedet ovenfor af typen 'block':</p>

<div style="background:red">
    <img src="http://www.eksperten.dk/images/eksperten_logo.gif"></div>
Avatar billede keysersoze Guru
11. februar 2009 - 16:37 #9
svar :)

og så er det en utrolig belastende link-oversætter eksperten er begyndt at køre med - den gamle fungerede noget nær perfekt, den nuværende ødelægger mere end den gavner :(
Avatar billede olebole Juniormester
11. februar 2009 - 22:51 #10
Ja, den er godt nok slem! De burde tjekke Eksperten, som i sin PHP-kategori gemmer på nogle fortrinlige tagster-scripts  :o|
Avatar billede keysersoze Guru
09. april 2009 - 00:53 #11
lukketid?
Avatar billede olebole Juniormester
09. april 2009 - 01:25 #12
- velkommen i min inbox!  ;D
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

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