Nachdem mir schon bei meinem letzten Problem geholfen wurde, bin ich wieder auf euch angewiesen.
Ich müste mehrere div nebeneinaderanordnen, allerdings keine feste Anzahl, sondern wenn auf dem Bildschirm des Benutzers weniger Platz ist sollen sie eben eine neue Reihe beginnen.
eigentlich hatte ich das ganze erst ohne divs gelöst, aber dannn konnte ich keinen Text eingeben.
das war der Ausgangszustand
erweitert habe ich das ganze jetzt so
Geht das überhaupt was ich will?
Lieber Gruss Stefanie
Ich müste mehrere div nebeneinaderanordnen, allerdings keine feste Anzahl, sondern wenn auf dem Bildschirm des Benutzers weniger Platz ist sollen sie eben eine neue Reihe beginnen.
eigentlich hatte ich das ganze erst ohne divs gelöst, aber dannn konnte ich keinen Text eingeben.
das war der Ausgangszustand
Code:
<table width="100%" border="0" height="560">
<tr>
<td width="346" height="510" rowspan="2" bgcolor="#000000">
<iframe name="room" src="../images/oga_tos_2011/ogatotasho_001b.jpg"> </iframe></td>
<td>
<a href="standort_grosses_bild" target="room" >
<img src="standort_kleines_bild"
alt=""
onclick="document.getElementById('desc').innerHTML = 'beschreibung';"/> </a>
<a href="standort_grosses_bild" target="room" >
<img src="standort_kleines_bild"
alt=""
onclick="document.getElementById('desc').innerHTML = 'beschreibung';"/> </a>
<a href="standort_grosses_bild" target="room" >
<img src="standort_kleines_bild"
alt=""
onclick="document.getElementById('desc').innerHTML = 'beschreibung';"/> </a>
<a href="standort_grosses_bild" target="room" >
<img src="standort_kleines_bild"
alt=""
onclick="document.getElementById('desc').innerHTML = 'beschreibung';"/> </a> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td width="340"><div id="desc">Klicken Sie auf das kleine Bild um zu einer grösseren Ansicht zu gelangen und weitere Informationen zu erhalten</div></td>
<td> </td>
</tr>
</table>
Code:
<style type="text/css">
<!--
img {
border:4px; border-color:#666666; margin:8px, top; height:120px; width:81px;
}
iframe {
height:510px; width:340px; background:#000000; align:middle;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
body {
background-color: #F2F2F2;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" height="560">
<tr>
<td width="346" height="510" rowspan="2" bgcolor="#000000">
<iframe name="room" src="../images/oga_tos_2011/ogatotasho_001b.jpg"> </iframe></td>
<td>
<div class="mini und text" style="height:150px; width:85px;">
<div class="minibild"> <a href="standort_grosses_bild" target="room" >
<img src="standort_kleines_bild"
alt="p"
onclick="document.getElementById('desc').innerHTML = 'beschreibung';"/> </a></div>
<div class="minitext">auszug aus text</div>
</div>
<div class="mini und text" style="height:150px; width:85px;">
<div class="minibild"> <a href="standort_grosses_bild" target="room" >
<img src="standort_kleines_bild"
alt="p"
onclick="document.getElementById('desc').innerHTML = 'beschreibung';"/> </a></div>
<div class="minitext">auszug aus text</div>
</div>
<div class="mini und text" style="height:150px; width:85px;">
<div class="minibild"> <a href="standort_grosses_bild" target="room" >
<img src="standort_kleines_bild"
alt="p"
onclick="document.getElementById('desc').innerHTML = 'beschreibung';"/> </a></div>
<div class="minitext">auszug aus text</div>
</div></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td width="340"><div id="desc">Klicken Sie auf das kleine Bild um zu einer grösseren Ansicht zu gelangen und weitere Informationen zu erhalten</div></td>
<td> </td>
</tr>
</table>
</body>Lieber Gruss Stefanie
