---
title: "skapa 3 bilder på 4 rader eller diversa"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/161374-skapa-3-bilder-på-4-rader-eller-diversa"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Nasim123"
published: "2007-06-11T17:44:40.000Z"
updated: "2007-07-07T17:08:11.000Z"
replies: 27
views: 1304
page: 1
pages: 2
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/161374-skapa-3-bilder-på-4-rader-eller-diversa"
---

# skapa 3 bilder på 4 rader eller diversa

_Sida 1 av 2._

## #1 — Nasim123, 2007-06-11T17:44Z

Hej .. jag har föröskt få resultat på en sök länk på bilder...tex jag har sökt 12 personer med bilder så får jag fram bilderna plus personernas namn...men jag får de i flera rader..alltså a bild på varje rad.... jag skulle vilja ha tex 4 st bilder på varje rad och i 4 rader...4x4...här är koden på resultatet av sökningen:

```
<!-- INCLUDE header.tpl -->
	<div id="contentheader">
		{lang:"search","frm_profiles"}
	</div>
	<!-- IF hide_content != "1" -->
		<table cellspacing="0" cellpadding="0" class="content">
	<tr>
	
					<td class="content">

					<!-- BEGIN search_profiles -->
						<table cellspacing="0" cellpadding="0">

							<tr>

									<tr width="120" valign="top">
									<div class="contentPicture">
					

										<!-- IF member_picture_preview == "1" -->
											<a href="{top.virtual_path}{member_profile_link}"><img src="{top.virtual_tpl_path}{top.loggedin_template}/media/nopicture.gif" alt="" border="0" /></a>
										<!-- ELSE -->
											<a href="{top.virtual_path}{member_profile_link}"><img src="{top.virtual_pic_path}{member_picture_preview}" alt="" border="0" /></a>
										<!-- ENDIF -->

									</div>
									</tr>

								<td valign="top">
									
									<h2><a href="{top.virtual_path}{member_profile_link}">{member_username}</a>

									</h2>
									<h4>{lang:"search","age"} {profile_field_age_value_years}. {profile_field_city_value}.<br> {profile_field_country_value}</h4></br>
									
									</td>

							</tr>

					</table>
<!-- IF rowcnt > "0" AND rowcnt mod "4" == "3" -->
</tr><tr>
<!-- ENDIF -->
					<!-- END search_profiles -->
				
						</td>

			</tr>	

			<tr>
				<td class="footer">
					<!-- IF next_page != "0" -->
						<a href="{virtual_path}{next_page_link}">{lang:"search","next_page"} &raquo;</a>
					<!-- ENDIF -->
					<!-- IF previous_page != "0" -->
						<a href="{virtual_path}{previous_page_link}">&laquo; {lang:"search","previous_page"}</a>
					<!-- ENDIF -->
					<span>{pages_info}</span>
				</td>
			
			</tr>
		</table>
	
	<!-- ENDIF -->
<!-- INCLUDE footer.tpl -->
```

har försökt med den här koden: 

\<!-- IF rowcnt \> "0" AND rowcnt mod "4" == "4" --\>
\</tr\>\<tr\>
\<!-- ENDIF --\>
och den visar 4 bilder på varje rad i 4 rader..4x4.. men det händer inget..
det är fortfarande 1 bild i varje rad.... ska tabbel struckturen ändras?..någon/några som har förslag?

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

## #2 — @nders, 2007-06-11T17:59Z

Uhm, vad är det där för språk?

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

## #3 — Nasim123, 2007-06-11T18:58Z

html ..

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

## #4 — @nders, 2007-06-11T19:09Z

Nej.

Presentationen må vara gjord i HTML, men logiken som du använder mellan \<!-- och --\> och referenserna du anger mellan { och } är något helt annat. 

Vad är det som tolkar denna kod?

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

## #5 — Nasim123, 2007-06-11T21:35Z

jaha detta {} är anropningen... den här filen är (serach_result.tpl).. inget viktig... har du n¨ågon förslag på det som jag skrev där uppe?

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

## #6 — headbug, 2007-06-11T21:48Z

Men alltså, kan du vara snäll och svara på frågan: Vilket språk använder du mellan \<!-- och --\> 

Eftersom det är det du vill ha hjälp med är det kanske bra om du talar om vilket scriptspråk du använder.

Är det dotclear? Det är inte Javascript, det är inte VBScript och inte PHP, så vad är det?

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

## #7 — Travoni, 2007-06-11T21:54Z

Det verkar vara ngn form av template i ett CMS eller så.

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

## #8 — Nasim123, 2007-06-11T23:58Z

exakt det travoni säger...någon som vet?

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

## #9 — headbug, 2007-06-12T07:03Z

> **Nasim123 skrev:**
>
> exakt det travoni säger...någon som vet?

Hmm, betyder det att du själv inte har en aning om vad du använder för språk eller CMS?

I så fall kan ju ingen hjälpa dig!

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

## #10 — Nasim123, 2007-06-12T15:05Z

men man behöver inte veta nåt..det e bara ändra table.... men jag vet inte hur..tabell strukturen måste man väll ändra lite?...

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

## #11 — tanten, 2007-06-13T07:10Z

Jag googlade lite och hittade sidan du försöker göra. <http://www.vldpersonals.com/demo/search/ccfdd704f859e85ad43dacae10a0ec1a/sp1/index.html>
Av vad jag kan förstå så är det fyra tabeller du ska lägga upp bredvid varandra . Varje profil är en tabell. Att få dem att lägga sig bredvid varandra får du fixa med i css.
Om sedan php- koden kommer att fortsätta visa den neråt i tre rader till antar jag att supporten hjälper dig med, låter som det ingår i priset.
Men din fråga där stämmer så långt men du måste avsluta tabellen också

```php
<table cellspacing="0" cellpadding="0" class="content">
    <tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr></table>
```

 X4

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

## #12 — Nasim123, 2007-06-13T16:58Z

jappp att den ska visa tre eller fyra rader neråt så ska man lägga till denna:
\<!-- IF rowcnt \> "0" AND rowcnt mod "4" == "3" --\>
\</tr\>\<tr\>
\<!-- ENDIF --\>

men så jag måste lägga till denna längst upp i tabellen.ska det se ut så:

```

<!-- INCLUDE header.tpl -->
	<div id="contentheader">
		{lang:"search","frm_profiles"}
	</div>
	<!-- IF hide_content != "1" -->
		<table cellspacing="0" cellpadding="0" class="content">
	<tr>

<td></td> 
<td></td> 
<td></td> 
<td></td>

			<td class="content">

				

					<!-- BEGIN search_profiles -->
						<table cellspacing="0" cellpadding="0" width="100%">

							<tr>

									<tr width="120" valign="top">
									<div class="contentPicture">
					

										<!-- IF member_picture_preview == "1" -->
											<a href="{top.virtual_path}{member_profile_link}"><img src="{top.virtual_tpl_path}{top.loggedin_template}/media/nopicture.gif" alt="" border="0" /></a>
										<!-- ELSE -->
											<a href="{top.virtual_path}{member_profile_link}"><img src="{top.virtual_pic_path}{member_picture_preview}" alt="" border="0" /></a>
										<!-- ENDIF -->

									</div>
									</tr>

								<td valign="top">
									
									<h2><a href="{top.virtual_path}{member_profile_link}">{member_username}</a>

									</h2>
									<h4>{lang:"search","age"} {profile_field_age_value_years}. {profile_field_city_value}.<br> {profile_field_country_value}</h4></br>
									
									</td>

							</tr>

					</table>
<!-- IF rowcnt > "0" AND rowcnt mod "4" == "3" -->
</tr><tr>
<!-- ENDIF -->
					<!-- END search_profiles -->
				
						</td>

			</tr>	

			<tr>
				<td class="footer">
					<!-- IF next_page != "0" -->
						<a href="{virtual_path}{next_page_link}">{lang:"search","next_page"} &raquo;</a>
					<!-- ENDIF -->
					<!-- IF previous_page != "0" -->
						<a href="{virtual_path}{previous_page_link}">&laquo; {lang:"search","previous_page"}</a>
					<!-- ENDIF -->
					<span>{pages_info}</span>
				</td>
			
			</tr>
		</table>
	
	<!-- ENDIF -->
<!-- INCLUDE footer.tpl -->
```

och här är del av css filen...tror det är de här koderna som bestämmer tabellen:

har du några förslag på hur man ändrar table.content

```

table.content {
    margin: 10px;
    width: 560px;
    background: #ffffff;
}

table.content td.header {
    height: 30px;
    background-color: #f4f8fc;
    border-top: 1px #8799AB solid;
    border-bottom: 1px #8799AB solid;
    text-align: right;
}

table.content td.header span {
    padding: 0px 10px 0px 10px;
    height: 30px;
    display: block;
    float: right;
    font: 11px/30px verdana, sans-serif;
	color: #006699;
    border-right: 1px #ffffff solid;
    border-left: 1px #bdd0d7 solid;
}

table.content td.header a {
    padding: 0px 10px 0px 10px;
    height: 30px;
    display: block;
    float: right;
    font: 11px/30px verdana, sans-serif;
	color: #006699;
    text-decoration: none;
    border-right: 1px #ffffff solid;
    border-left: 1px #bdd0d7 solid;
}

table.content td.header a:hover {
	color: #0099CC;
    text-decoration: none;
}
```

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

## #13 — tanten, 2007-06-14T11:09Z

Tittade lite närmare på de svar du tidigare fått i det andra forumet och du uppmanas att titta efter och lära dig strukturen av en tabell. Sedan skulle du göra en kolumn i stället för en rad,  vilket betyder att du ska lägga in \<tr\> på lämpliga ställen. 
Så i stället för det du skrivit tidigare så skulle det kunna se ut så här:

```
<table cellpadding="0" cellspacing="0" >
<tbody><tr><td valign="top" width="120" >
<div class="contentPicture"></div>
</td></tr>
<tr>
<td valign="top">
<h1></h1>
<h2></h2>
</td>
</tr>
</tbody></table>
```

 
Men mellan taggarna ska du ju lägga in den kod som ska mata in alla värdena. Det som finns i den befintliga tabellen. Inte bara lägga dit en tom tabell som du gjort nu...
Så måste du lägga till en width för tabellen så du får plats med flera bredvid varandra.
Plugga på hur en tabell byggs upp och hur den fungerar... Jag har inte testat den här jag gjorde åt dig. Tjyvkikade bara lite i källkoden på en av sidorna...

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

## #14 — Nasim123, 2007-06-14T13:52Z

hej tanten...jag föröskte med den så här...men inget hände..det är samma sak..

```
<!-- INCLUDE header.tpl -->
	<div id="contentheader">
		{lang:"search","frm_profiles"}
	</div>
	<!-- IF hide_content != "1" -->
		<table cellspacing="0" cellpadding="0" class="content">
	<tr>
	
			<td class="content">

				

					<!-- BEGIN search_profiles -->
<table cellpadding="0" cellspacing="0" > 
<tbody><tr><td valign="top" width="120" > <div class="contentPicture">

					

										<!-- IF member_picture_preview == "1" -->
											<a href="{top.virtual_path}{member_profile_link}"><img src="{top.virtual_tpl_path}{top.loggedin_template}/media/nopicture.gif" alt="" border="0" /></a>
										<!-- ELSE -->
											<a href="{top.virtual_path}{member_profile_link}"><img src="{top.virtual_pic_path}{member_picture_preview}" alt="" border="0" /></a>
										<!-- ENDIF -->

									</div>
									</td>
									</tr>

<tr> <td valign="top"> 

									
									<h2><a href="{top.virtual_path}{member_profile_link}">{member_username}</a>

									</h2>
									<h4>{lang:"search","age"} {profile_field_age_value_years}. {profile_field_city_value}.<br> {profile_field_country_value}</h4></br>
									
</td> </tr> </tbody></table>

<!-- IF rowcnt > "0" AND rowcnt mod "4" == "3" -->
</tr><tr>
<!-- ENDIF -->
					<!-- END search_profiles -->
				
						</td>

			</tr>	

			<tr>
				<td class="footer">
					<!-- IF next_page != "0" -->
						<a href="{virtual_path}{next_page_link}">{lang:"search","next_page"} &raquo;</a>
					<!-- ENDIF -->
					<!-- IF previous_page != "0" -->
						<a href="{virtual_path}{previous_page_link}">&laquo; {lang:"search","previous_page"}</a>
					<!-- ENDIF -->
					<span>{pages_info}</span>
				</td>
			
			</tr>
		</table>
	
	<!-- ENDIF -->
<!-- INCLUDE footer.tpl -->
```

Har jag gjort nåt fel.... vore tacksam för svar

mvh Nasim

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

## #15 — tanten, 2007-06-14T14:37Z

Av vad jag kan se så ser det rätt ut med tanke på vad supporten sa till dig att göra, men sedan är det helt omöjligt att se varför det inte fungerar eftersom den inte visar vad php ska göra.
Visar den någonting överhuvud taget?
Om det ser ut nästan som förut kan det vara för att \<table\> lägger sig över hela bredden om man inte anger storlek. 

Jag tog bort en massa mellanslag så din kod ska bli lite lättare att läsa utan att behöva scrolla sidledes så mycket.
Jag satte en width på din tabell som är lika bred som \<tr\> Förmodligen aldeles för smalt med tanke på texten som ska skrivas ut. Så du får ändra den när du kommit dit att du får flera att lägga sig bredvid varandra. Tror c.a. 175 är max om du vill ha tre bredvid varandra.
Jag föreslår att du tar dig till supporten igen och frågar om det inte fungerar. 

```
<table cellpadding="0" cellspacing="0" width="120"> 
<tbody><tr><td valign="top" width="120" ><div class="contentPicture">
<!-- IF member_picture_preview == "1" -->
<a href="{top.virtual_path}{member_profile_link}">
<img src="{top.virtual_tpl_path}{top.loggedin_template}/media/nopicture.gif" alt="" border="0" /></a>
<!-- ELSE -->
<a href="{top.virtual_path}{member_profile_link}">
<img src="{top.virtual_pic_path}{member_picture_preview}" alt="" border="0" /></a>
<!-- ENDIF -->
</div></td></tr>
<tr> 
<td valign="top"> 
<h2><a href="{top.virtual_path}{member_profile_link}">{member_username}</a></h2>
<h4>{lang:"search","age"} {profile_field_age_value_years}. {profile_field_city_value}.</br> {profile_field_country_value}</h4></br>
</td> </tr> </tbody></table>
```

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

## #16 — Nasim123, 2007-06-14T15:04Z

tack tanten.....jag prövade det men det funkade inte...det e samma sak..1 bild per rad visas det...jag får nog gå o fråga de i supporten...men tack för all hjälp....

/Nasim

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

## #17 — tanten, 2007-06-14T15:18Z

Ooops vi glömde ändra i css...

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

## #18 — tanten, 2007-06-14T15:21Z

Testa att ändra denna och se vart vi hamnar då

```
table.content {
    margin: 10px;
    width: 165px;
    background: #ffffff;
float:left;
}
```

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

## #19 — Nasim123, 2007-06-14T15:47Z

hmm det händer inget.. fortfarande det samma en bild i varje rad.... :(

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

## #20 — tanten, 2007-06-14T15:58Z

Ok... Vi får se vad supporten säger... kanske är vi ute och cyklar...
men förmodligen har det något med den där \<!-- IF rowcnt \>  att göra nu om jag förstått det hela rätt. Har du testat att ändra något i den?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/161374-skapa-3-bilder-på-4-rader-eller-diversa  
Nästa sida: https://www.webforum.nu/amne/html-css/161374-skapa-3-bilder-på-4-rader-eller-diversa/page2.md