Hejsa
Jeg er ved at lave et galleri til min hjemmeside. Og vil gerne
lave den på følgende måde (se kode). Problemet er at lige så
snart det bliver lodret aflange billeder passer de ikke ind der
hvor billederne skal vises.
Hvordan laver jeg bedst sådan et galleri ala det der så det
fungerer med visningen.
Jeg kan ikke lægge siden ud på nettet endnu, beklager..
Men det kan ses på
http://home20.inet.tele.dk/ruhaar/ Det er den
måde jeg ønsker det skal fungere på - jeg vil bare gerne have
vist de små thumps hele tiden under det store billede..
Men kan ikke helt få det til at virke når jeg prøver :(
Ind til vidre ser det sådan ud:
<html>
<link rel="stylesheet" type="text/css" href="../css/layout.css">
<link rel="stylesheet" type="text/css"
href="../css/bg_til_indhold.css">
<h2 align="center">Galleri</h2>
<p align="center"> </p>
<div align="center">
<table width="435" border="1" align="center"
bordercolor="#000000">
<tr align="center" valign="middle">
<td colspan="3"><iframe name="picmain"
src="pics/langh_standforfasan.jpg" scrolling="no" frameborder="1"
width="435" height="300"></iframe>
</iframe></td>
</tr>
<tr>
<td bgcolor="#000000"><div align="left"><img
src="../img/arrow_prev.gif" width="13" height="17"></div></td>
<td bgcolor="#000000"><div align="center"><img
src="../img/home.gif" width="23" height="22"></div></td>
<td bgcolor="#000000"><div align="right"><img
src="../img/arrow_next.gif" width="13" height="17"></div></td>
</tr>
</table>
</div>
<p align="center"> </p>
<div align="center">
<table width="435" border="1" align="center"
bordercolor="#000000">
<tr>
<td><div align="center"><a
href="pics/Langh_standforfasan.jpg" target="picmain"><img
src="pics/Langh_standforfasan.jpg" width="80" height="60"
border="0"></a></div></td>
<td><div align="center"><a
href="pics/Langh_standforhare.jpg" target="picmain"><img
src="pics/Langh_standforhare.jpg" width="80" height="60"
border="0"></a></div></td>
<td><div align="center"><a
href="pics/Langh_standogsekundering.jpg" target="picmain"><img
src="pics/Langh_standogsekundering.jpg" width="80" height="60"
border="0"></a></div></td>
<td><div align="center"><a href="pics/Langh_brun.jpg"
target="picmain"><img src="pics/Langh_brun.jpg" width="80"
height="60" border="0"></a></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</html>
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials