webForumDet fria alternativet

skapa 3 bilder på 4 rader eller diversa

HTML & CSS

27 svar · 1 296 visningar · startad av Nasim123

Medlem sedan maj 200728 inlägg
Frågan#1

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?

Medlem sedan juni 200032 967 inlägg
#2

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

Medlem sedan maj 200728 inlägg
#3

html ..

Medlem sedan juni 200032 967 inlägg
#4

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?

Medlem sedan maj 200728 inlägg
#5

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?

Medlem sedan sep. 2006867 inlägg
#6

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?

Medlem sedan okt. 20041 556 inlägg
#7

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

Medlem sedan maj 200728 inlägg
#8

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

Medlem sedan sep. 2006867 inlägg
#9

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!

Medlem sedan maj 200728 inlägg
#10

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?...

Medlem sedan nov. 20051 596 inlägg
#11

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å

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

X4

Medlem sedan maj 200728 inlägg
#12

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;
}
Medlem sedan nov. 20051 596 inlägg
#13

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...

Medlem sedan maj 200728 inlägg
#14

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

Medlem sedan nov. 20051 596 inlägg
#15

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>
Medlem sedan maj 200728 inlägg
#16

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

Medlem sedan nov. 20051 596 inlägg
#17

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

Medlem sedan nov. 20051 596 inlägg
#18

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

table.content {
    margin: 10px;
    width: 165px;
    background: #ffffff;
float:left;
}
Medlem sedan maj 200728 inlägg
#19

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

Medlem sedan nov. 20051 596 inlägg
#20

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?

270 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)