Skrevet tor. d. 18. december 2008 kl. 18:43:39| #1

mireigi (17.242 point)

Du har en del fejl af typen:
<img style="margin:0px;border=0"...

Flyt "border=0" ud som en property, eller omskriv den til "border:none;" i style-property'en

Du kan også prøve følgende:
<table style="margin:0px;" cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td style="padding:0px;">
      <img style="margin:0px; border:none; padding:0px;" src=".." alt="" />
    </td>
    <td style="padding:0px;">
      <img style="margin:0px; border:none; padding:0px;" src=".." alt="" />
    </td>
    ...
    ...
  </tr>
</table>

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet tor. d. 18. december 2008 kl. 19:00:54| #2

du3n (12.675 point)

Hmm har rettet mine fejl med border i img og prøvet dit andet forslag, men der er stadig mellemrum under billederne...

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet tor. d. 18. december 2008 kl. 20:02:29| #3

micc (7.860 point)

Jeg tror dit problem kommer af at billeder vises (eller i hvert fald bør vises) som inline-level elementer under xhtml-strict. Hvis det er tilfældet så kan du komme af med mellemrummet ved at bruge:

img

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet tor. d. 18. december 2008 kl. 20:04:02| #4

micc (7.860 point)

Det blev sendt af sted lidt for tidligt ved et uheld. :) Jeg prøver igen:

Jeg tror dit problem kommer af at billeder vises (eller i hvert fald bør vises) som inline-level elementer under xhtml-strict. Hvis det er tilfældet så kan du komme af med mellemrummet ved at bruge:

img {
display: block;
}

i din css.

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 21. december 2008 kl. 00:23:30| #5

du3n (12.675 point)

Cool, nu forsvandt mellemrummet under img, men nu laver den automatisk linjeskift efter hver billed, er det noget der kan undgåes? Eller må jeg billederne ind i en tabel på at få dem på linje?

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 21. december 2008 kl. 00:27:13| #6

du3n (12.675 point)

Lige meget hvad kan du da lige smide et svar, du har jo om ikke andet svaret på det jeg spurgte efter.

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 21. december 2008 kl. 01:01:23| #7

mireigi (17.242 point)

Prøv med "display: inline-block;"

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 21. december 2008 kl. 10:36:29| #8

du3n (12.675 point)

inline-block fjerner linje skiftet mellem billederne, men fjerne ikke mellemrummet under billedet.

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 21. december 2008 kl. 12:11:06| #9

mireigi (17.242 point)

så må det her vel virke:
display: block;
float:right;

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 21. december 2008 kl. 22:00:22| #10

micc (7.860 point)

Float lyder helt klart som en bedre løsning end tabeldesign. Så behøver du imidlertid ikke bruge
  display: block;
da en float-værdi forskellige fra 'none' tvinger elementet til at være block-level uanset display-værdi.

Og hvis den boks hvori de floatede img elementer er ikke har yderligere indhold så kan du tilføje noget i retning af
  <div style="clear:both;"></div>
i slutningen af boksens indhold hvis du vil have den til at udvide sig til at indeholde de floatede elementer. :)

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet man. d. 22. december 2008 kl. 21:10:33| #11

du3n (12.675 point)

Mange tak, det fungeret perfekt.

God jul :D

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 04. januar 2009 kl. 21:11:25| #12

olebole (214.613 point)

<ole>

Dette vil altid give et mellemrum under billedet i IE (HTML eller XHTML er ligemeget):

    <td style="padding:0px;">
      <img style="margin:0px; border:none; padding:0px;" src=".." alt="" />
    </td>

Det gør denne syntaks derimod ikke:

    <td style="padding:0px;">
      <img style="margin:0px; border:none; padding:0px;" src=".." alt="" /></td>

Derudover skal det lige nævnes, at XHTML er elendigt understøttet på WWW - og slet ikke i IE7 (og formodentlig heller ikke i den kommende IE8)

/mvh
</bole>

Anmeld misbrug

Skriv et svar | Skriv en kommentar