---
title: "Tabell fel. Blir flera stycken."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/182635-tabell-fel-blir-flera-stycken"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "SGuncel"
published: "2010-03-02T04:35:05.000Z"
updated: "2010-03-02T14:42:54.000Z"
replies: 4
views: 574
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/182635-tabell-fel-blir-flera-stycken"
---

# Tabell fel. Blir flera stycken.

## #1 — SGuncel, 2010-03-02T04:35Z

Hej!

Det är så att jag försöker få mina tabeller exakt som på bilden nedan:
<http://img188.imageshack.us/i/namnls2.png/>

men istället blir det som på bilden nedan:
<http://img38.imageshack.us/i/namnlsc.png/>
Kapa bilden i mitten annars skulle den bli ganska lång.

Så här ser min lilla små kod:

```
<div id="content">
 <div class="post">
  <h2 class="title2">Galleri » Senaste uppladade bilder</h2>
                
   <div class="entry">
    <p>
     <table width="100%" cellpadding="0" cellspacing="0">
      <tr>
       <%
        Set ObjRS = ObjConn.Execute("Select * from tblTable where ID order by photoUploaded DESC")
							
         If ObjRS.EOF Then
          Response.Write "<li"">Finns inga bilder!</li>"
         Else
         Do until ObjRS.Eof
          Response.Write "<td align=""left""><img src=""../"& ObjRS("fldName") &""" style=""width:130px;height:97px;"" alt="""" class=""image_border"" /></td>"& vbcrlf
								
         ObjRS.Movenext
         Loop
	
         ObjRS.Close : Set ObjRS = Nothing
         End If
        %>                                              
      </tr>
     </table>
    </p>
   </div>

  </div>
</div>
```

Vad är felet jag gör?

Permalänk: https://www.webforum.nu/p/182635

## #2 — voigtann1, 2010-03-02T06:56Z

läs hur en tabell byggs upp, du måste ha en \<td\> inne i en \<tr\> inte en \<li\> som du har om det inte finns några bilder, sen om du vill göra en radbrytning så få du infoga en stängd \</tr\> och öppnar den igen, men mitt tips är att gå ifrån tabeller och bara köra li listor och CSS för att göra radbrytningarna.

Permalänk: https://www.webforum.nu/p/2227132

## #3 — SGuncel, 2010-03-02T07:51Z

Har ändrat och hör med div:ar nu.
Nu står dom i rad igen men nu är det neråt.

Men med listor man få 3 bilder i rad sen nytt radbrytning och 3 bilder i rad och etc?

css koden:

```
.Thumb { float:left;  width: 136px; height: 102px; }
```

Permalänk: https://www.webforum.nu/p/2227136

## #4 — noshornin, 2010-03-02T08:22Z

Om du vill använda \</tr\>\<tr\> för radbyte kan du skriva:

```
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<%
Set ObjRS = ObjConn.Execute("Select * from tblTable where ID order by photoUploaded DESC")
							
If ObjRS.EOF Then
Response.Write "<td>Finns inga bilder!</td>"
Else

varI = 0
Do until ObjRS.Eof
Response.Write "<td align='left'><img src='../"& ObjRS("fldName") &"' style='width:130px;height:97px;' alt='' class='image_border' /></td>"

if varI mod 3 = 0 then 
Response.write("</tr><tr>")
End if 

varI = varI + 1
								
ObjRS.Movenext
Loop
	
ObjRS.Close : Set ObjRS = Nothing
End If
%>       
</tr>
</table>
```

Hur du gör med listor vet jag inte riktigt!

Permalänk: https://www.webforum.nu/p/2227138

## #5 — rhdf, 2010-03-02T14:42Z

Använd div:ar som du sätter float:left på, precis som du gjort
dessa omsluter du med en "lagom" bred div
typ såhär

```
<div id="Images">
   <div class="Thumb"><img src= .... /></div>
   <div class="Thumb"><img src= .... /></div>
   <div class="Thumb"><img src= .... /></div>
   <div class="Thumb"><img src= .... /></div>
   <div class="Thumb"><img src= .... /></div>
</div>
```

och sen Css

```
#images{width:500px;}
.Thumb {
float:left; 
width: 136px;
height: 102px;
margin: 5px;
 }
```

tricket är alltså att man låter bilderna flyta till vänster om varandra, efter 3 bilder så kommer den 4:e inte att få plats och således hamna på "raden" under. För att få mer luft mellan bilderna så är det bara att öka på margin

Permalänk: https://www.webforum.nu/p/2227179

---

Tråden på webben: https://www.webforum.nu/amne/html-css/182635-tabell-fel-blir-flera-stycken