Images automatisch overflowen naar volgende regel*

[Verwijderd]

hallo!

ik wil dat er 3 foto's naast elkaar worden weergegeven, daaronder weer 3..daaronder weer 3

etc..

nu komen alle foto's naast elkaar en een verticale scrollbalk

er passen precies 3 foto's naast elkaar in de breedte van de pagina.

code:

echo '
 <form name="forbidcheck" action=images2.php method="post">
 <table>
 <tr>
';

while ($rsPic = mysql_fetch_assoc($resPic)) {
 
echo '
<td>
'. $rsPic['pic_rubriek'] . '
<img src="'.$locatie.'/'.$rsPic['pic_src'].'" width='.$width.' height='.$height.' border=1>
        <input checked type="radio" name="forbidden_' . $rsPic['pic_id'] . '" value="0">Geen<br>
        <input type="radio" name="forbidden_' . $rsPic['pic_id'] . '" value="1">Kinderporno<br>
        <input type="radio" name="forbidden_' . $rsPic['pic_id'] . '" value="2">Sex<br>
        <input type="radio" name="forbidden_' . $rsPic['pic_id'] . '" value="3">Smerig<br>
        <input type="radio" name="forbidden_' . $rsPic['pic_id'] . '" value="4">Overige<br>
           <input type="hidden" name="pic_id" value="'.$rsPic['pic_id'].'"><br>
</td>


    ';              
}
        
echo'
</table>
<input type="submit" name="verzenden" value="update">
</form>
';

bvd,

nick!

[apokalypse]

Verwijderd schreef op woensdag 08 november 2006 @ 15:26:
hallo!

fix dit voor mij...

bvd,

nick!

[orf]

Waarom niet

Cascading Stylesheet:

#album{
  overflow: hidden;
}
#album div{
  display: block; 
  float: left;
}

HTML:

<div id="album">

...

<div>
<img />
<inputs />
</div> 
...


</div>

[Verwijderd]

dank je voor de reactie,
apokalypse ik ben gedurende al 3 uur bezig met proberen, mij lukt het niet. ik vraag alleen om hulp.

ik vraag niet of je even alle code voor mij neertelt wat ik hiervoor nodig heb.
alleen een duwtje in de rug zou fijn zijn ja.

nick

[Janoz]

Je maakt zelf een tabel met slechts 1 row, nogal wiedes dat alles dus achter elkaar staat. Je zult er dus zelf ook op de juiste plek een row overgang in moeten zetten. Lijkt me niet zo lastig toch?

[t-x-m]

HTML:

<table>
  <tr>
    <td>
      <img src="">
    </td>
    <td>
      <img src="">
    </td>
    <td>
      <img src="">
    </td>
  </tr>
  <tr>
    <td>
      <img src="">
    </td>
    <td>
      <img src="">
    </td>
    <td>
      <img src="">
    </td>
  </tr>
</table>

-of-

HTML:

<style type="text/css">
.first, .second, .third
{
  width:150px;
  height:150px;
  float:left;
}
.first
{
  clear:left;
}
</style>

<div class="first">  <img src=""></div>
<div class="second"> <img src=""></div>
<div class="third">  <img src=""></div>
<br />
<div class="first">  <img src=""></div>
<div class="second"> <img src=""></div>
<div class="third">  <img src=""></div>

[ Voor 40% gewijzigd door t-x-m op 08-11-2006 15:45 ]

[Verwijderd]

het is de bedoeling dat alles achter elkaar staat. maar zodra een image het einde van de pagina bereikt hij op de volgende regel verder gaat.

wanneer ik alle radio buttons weghaal werkt dit wel. maar met de radiobuttons niet.

[Verwijderd]

dank je voor jullie reactie,

maar tevergeefs
ik haal alle images uit een database en laat deze in een while loop plaatsen.

dus ik kan niet per image aangeven welke style de foto moet krijgen.

ik weet dat dit mogelijk moet zijn dmv <span></span>, maar heeft iemnad hier ervaring mee?

bvd,

nick

[ Voor 17% gewijzigd door Verwijderd op 08-11-2006 15:49 ]

[Alex)]

Kan je wel. Gewoon bijhouden welke je hebt gehad.

PHP:

$huidigstatus = "first";

while()
{
  echo "<img ... class=\"$huidigstatus\">";
  switch($huidigstatus)
  {
   case 'first':
     $huidigstatus = 'second';
     break;
   case 'second':
     $huidigstatus = 'third';
     break;
   case 'third':
     $huidigstatus = 'first';
     break;
  }
}

[BtM909]

Hallo Nikokliko,

Je hoeft niet elke keer te groeten onder je post, zie ook Algemene gedragsregels (Netiquette) #reageren

Daarnaast wil ik je vragen om ook eens even goed het volgende door te lezen: Webdesign, Markup & Clientside Scripting Policy

Hopelijk zie je dan ook dat je topic aan alle kanten schort en eigenlijk op slot hoort. Ik wil je bij deze nog één kans geven om je verhaal wat te verduidelijken. Je zit in Webdesign, Markup & Clientside Scripting, dus PHP code hebben we niet zoveel aan. Geef client-side output code en het liefst relevante code (tussen [code=html][/] blokken) en / of een online testcase. Daarbij moet iig duidelijker worden wat je zelf hebt geprobeerd en waar het niet precies goed gaat.

Het lijkt me dat je beter kan kijken naar CSS oplossingen ala http://www.kulsdom.com/newstoday/images/, waarbij je alleen het float principe hoeft over te nemen