---

Jeg har et antal små tables (ca 200*200 px). De indeholder forøvrigt thumbnails med bekrivelse, men det kan vel være ligegyldigt.
Jeg vil gerne have så mange som muligt ved siden af hinanden, med lidt luft imellem.

Men antallet pr linie skal være afhængigt af browserens bredde, så det duer ikke at putte dem ind i en table med f.ex. 5 kolonner.

Hvis jeg bare skriver <table>....</table><table>....</table> står de under hinanden, uden luft.

Hvordan får jeg dem ved siden af hinanden?
Og med lidt luft både vandret og lodret?

Leif

---

Du kan enten bruge &nbsp; efter dine billeder, så skriver du bare billederne ud i en køre, så vil browseren selv finde ud af at wrappe dem.

<img src="tomp1.gif">&nbsp;<img src="tomp2.gif">&nbsp;<img src="tomp3.gif">&nbsp;<img src="tomp4.gif">

En anden måde er, at lav et transparent gif på 1x1 pixel, så lægger du dette mellem dine billeder og sætter attributen width og height.

<img src="tomp1.gif"><img src="blank.gif" width="5" height="5"><img src="tomp2.gif"><img src="blank.gif" width="5" height="5"><img src="tomp3.gif">

Gandalf

---

"leifnel" <leifnel.news@kandu.dk> skrev i en meddelelse
news:MKCb8.13384$5L3.578906@news010.worldonline.dk...
> Jeg har et antal små tables (ca 200*200 px). De indeholder forøvrigt
> thumbnails med bekrivelse, men det kan vel være ligegyldigt.
> Jeg vil gerne have så mange som muligt ved siden af hinanden, med
lidt
> luft imellem.
>
> Men antallet pr linie skal være afhængigt af browserens bredde, så
det
> duer ikke at putte dem ind i en table med f.ex. 5 kolonner.
>
> Hvis jeg bare skriver <table>....</table><table>....</table> står de
> under hinanden, uden luft.
>
> Hvordan får jeg dem ved siden af hinanden?
> Og med lidt luft både vandret og lodret?
>
> Leif
>


fx:
<table width="200" style="margin:10px;float:left">
....

mvh
mola

---

Tak for svaret mola.

Det funger, bortset fra at jeg ikke kan få sat en <hr> imellem; den starter ikke under tablen før, men til højre for.
Selv ikke <p> eller <br> virker

Det ser således ud:
[ ] [ ] _____
[ ] [ ] [ ] [ ]

I stedet for:
[ ] [ ]
------------
[ ] [ ] [ ] [ ]

<style>
.imgbox
font-family: Verdana;
font-size: 8pt;
border: solid 1px #779abc;
background-color: #ffffff;
float: left;
margin: 10px;
width: 200px;
}
</style>
<table class=imgbox>....</table><p><br><hr><br><p><table>... giver ikke ny linie.

Der skal måske en anden float på <hr>, <br> eller <p> ?

Leif                        

---

"leifnel" <leifnel.news@kandu.dk> skrev i en meddelelse
news:HoDb8.13392$5L3.580796@news010.worldonline.dk...
> Tak for svaret mola.


Det var så lidt...


> Det funger, bortset fra at jeg ikke kan få sat en <hr> imellem; den
> starter ikke under tablen før, men til højre for.
> Selv ikke <p> eller <br> virker
>
> Det ser således ud:
> [ ] [ ] _____
> [ ] [ ] [ ] [ ]
>
> I stedet for:
> [ ] [ ]
> ------------
> [ ] [ ] [ ] [ ]
>
> <style>
> .imgbox
> font-family: Verdana;
> font-size: 8pt;
> border: solid 1px #779abc;
> background-color: #ffffff;
> float: left;
> margin: 10px;
> width: 200px;
> }
> </style>
> <table class=imgbox>....</table><p><br><hr><br><p><table>... giver
ikke
> ny linie.
>
> Der skal måske en anden float på <hr>, <br> eller <p> ?
>
> Leif



fx:
<hr style="clear:both">

mvh
mola

---

>
> fx:
> <hr style="clear:both">

Jeps!


Leif

Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.