✔ Bilder nebeneinander!!

[Headymaster]

Also schaut im Moment so aus:

<tr>
  <td><a href="#" onclick="galpopup('[pic_big][pic]');"><img src="[pic_thumb][pic]"></a></td>
</tr>
<tr>
  <td>[pic_name]</td>
</tr>

Aber ich denke so wird es ja nicht gehen, wenn man versucht, nach einer bestimmten Bilderzahl einen Zeilenumbruch zu machen.

Ich denke es wäre sinnvoller es so zu machen:

<td>
  <table>
    <tr>
      <td><a href="#" onclick="galpopup('[pic_big][pic]');"><img src="[pic_thumb][pic]"></a></td>
    </tr>
    <tr>
      <td>[pic_name]</td>
    </tr>
  </table>
</td>

Aber jez müsste ich nur noch wissen wie ich das mit den Umbrüchen machen muss

MFG Niels

@ Gumbo:
Habe deine Version der TPL-Methode mal eben ausprobiert aber die funktioniert nicht wirklich^^


//edit

Habe das hier nun mal getestet aber geht auch net so wirklich^^

<?php
$pic = $this->db->query("SELECT * FROM `gal_pics` WHERE aid='".$cid."'");
			$i = 3;
		    while ($pic_data = $this->db->fetch_assoc($pic))
			{
			  if (($i%3) == 0)
			     {
				 $pics .= "<br>";
				 }
		         $pics .= $this->tpl->showtpl("gallery/show_pics", array("pic_name" => $pic_data['name'],
			                                                             "pic_thumb" => $pic_data['link']."thumbs/",
																	     "pic_big" => $pic_data['link'],
																	     "pic" => $pic_data['datei']));
				 $i++;
			}
			return $pics;
?>

MFG Niels

 

[Gumbo]

Wieso gibst du die Bilder nicht in einer ungeordneten Liste aus und formatierst diese mit CSS?

 

[Headymaster]

Also wenn du mir ein Beispiel nennen würdest, dann wäre es cool, denn bis jez habe ich kein Plan wie du das genau meinst

Aber so wie ich es mache ist es net möglich?

Den so steht es in den andren Forumtopics auch drin....

MFG Niels

 

[Gumbo]

Hier ein einfaches Beispiel:

<ul class="gallery">
	<li><img src="http://www.tutorials.de/forum/avatars/headymaster.gif"></li>
	…
	<li><img src="http://www.tutorials.de/forum/avatars/headymaster.gif"></li>
</ul>

ul.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.gallery li {
	float: left;
	width: 33%;
}
ul.gallery li img {
	display: block;
	margin: 0 auto;
}

 

[Headymaster]

Hmm aba wie mache ich es denn dann dass immer nur eine bestimmte Anzahl von Bildern nebeneinander isch....

MFG Niels

 

[Maik]

Durch diese CSS-Regel werden drei Listenpunkte pro Zeile nebeneinander ausgegeben:

ul.gallery li {
	float: left;
	width: 33%;
}

 

[Headymaster]

Ah ok^^
Funktioniert wunderbar

MFG Niels


//edit

Hmmm gibt doch noch paar Probs.....

Also 1. geht das nur im Firefox gut...denn im IE sind alle 4 Bilder genau aneinander.....und 2. habe ich width auf 25% gestellt und naja es werde zwar immer 4 Bilder nebeneinander angezeigt aber das prob ist dass immer das 4. Bild weiter unten ist als die anderen 3

MFG Niels


// edit

Also Fehler gefunden....trotzdem thx für die hilfe

MFG Niels