Benboom
Threadersteller
Dabei seit: 25.08.2012
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Sa 25.08.2012 14:17
Titel Dreamweaver Fotogallerie auf Contentbereich einfügen |
  |
|
Moin Leute,
ich bin ein absoluter Anfänger im Bereich Html,Css usw.
Hab mich mit Hilfe von einem Tutorialvideo an ein eigenes Portfolio gewagt.
Das Design steht, ist aber wie ich gelesen habe nur tabellarisch, was nicht so gut sein soll.
Mein Problem ist jetzt, das ich mit dem positionieren von Bildern und Texten gar nicht zu recht komme. Hab deswegen Texte und Bilder einfach mit PSD auf den Contenthintergrund getan. Nun habe ich aber eine Fotogallerie, die ich zwar einfügen kann, aber nicht da hin packen kann wo ich sie gerne hätte. Bei meinem ersten Versuch, wo der Contenbereich noch nicht mit Bildern und Texten eingefügt wurde hat es funktioniert.
Kann mir vielleicht jemand weiterhelfen?
Das ist die Version wo ich den Text und das Bild nicht positionieren kann. Die Fotogallerie ist aber an der richtigen
Stelle.
Der Code: | Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fotografie</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS6 Dreamweaver CS6 target. Created Tue Aug 21 23:08:17 GMT+0200 2012-->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
</head>
<body bgcolor="#ffffff">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1400">
<!-- fwtable fwsrc="Unbenannt" fwpage="Seite 1" fwbase="Seite 1.jpg" fwstyle="Dreamweaver" fwdocid = "1063936660" fwnested="0" -->
<tr>
<td><img src="bilder/spacer.gif" width="140" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="351" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="139" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="178" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="228" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="224" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="140" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="Seite1_r1_c1" src="bilder/Seite%201_r1_c1.jpg" width="1400" height="30" id="Seite1_r1_c1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="30" alt="" /></td>
</tr>
<tr>
<td rowspan="5"><img name="Seite1_r2_c1" src="bilder/Seite%201_r2_c1.jpg" width="140" height="1046" id="Seite1_r2_c1" alt="" /></td>
<td colspan="5"><img name="Seite1_r2_c2" src="bilder/Seite%201_r2_c2.jpg" width="1120" height="149" id="Seite1_r2_c2" alt="" /></td>
<td rowspan="5"><img name="Seite1_r2_c7" src="bilder/Seite%201_r2_c7.jpg" width="140" height="1046" id="Seite1_r2_c7" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="149" alt="" /></td>
</tr>
<tr>
<td><img name="Seite1_r3_c2" src="bilder/Seite%201_r3_c2.jpg" width="351" height="31" id="Seite1_r3_c2" alt="" /></td>
<td><a href="index.htm"><img name="Seite1_r3_c3" src="bilder/Seite%201_r3_c3.jpg" width="139" height="31" id="Seite1_r3_c3" alt="" /></a></td>
<td><a href="fotografie.html.htm"><img name="Seite1_r3_c4" src="bilder/Seite%201_r3_c4.jpg" width="178" height="31" id="Seite1_r3_c4" alt="" /></a></td>
<td><a href="digitale_arbeiten.html.htm"><img name="Seite1_r3_c5" src="bilder/Seite%201_r3_c5.jpg" width="228" height="31" id="Seite1_r3_c5" alt="" /></a></td>
<td><a href="ueber_mich.html.htm"><img name="Seite1_r3_c6" src="bilder/Seite%201_r3_c6.jpg" width="224" height="31" id="Seite1_r3_c6" alt="" /></a></td>
<td><img src="bilder/spacer.gif" width="1" height="31" alt="" /></td>
</tr>
<tr>
<td colspan="5"><img name="Seite1_r4_c2" src="bilder/Seite%201_r4_c2.jpg" width="1120" height="29" id="Seite1_r4_c2" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="29" alt="" /></td>
</tr>
<tr>
<td colspan="5" align="left" valign="top" background="Seite1_r5_c3">
<!--Anfang Fotogallery -->
<table width="100" border="0" align="center">
<tr>
<th scope="col"><a href="images/Bild10.JPG" rel="lightbox[fotos]"><img src="images/Bild10_klein.jpg" width="100" height="100" alt="klein10" /></a></th>
<th scope="col"><a href="images/Bild11.jpg" rel="lightbox[fotos]"><img src="images/Bild11_klein.jpg" width="100" height="100" alt="klein11" /></a></th>
<th scope="col"><a href="images/Bild12.jpg" rel="lightbox[fotos]"><img src="images/Bild12_klein.jpg" width="100" height="100" alt="klein12" /></a></th>
<th scope="col"><a href="images/Bild13.jpg" rel="lightbox[fotos]"><img src="images/Bild13_klein.jpg" width="100" height="100" alt="klein13" /></a></th>
<th scope="col"><a href="images/Bild1.jpg" rel="lightbox[fotos]"><img src="images/Bild1_klein.jpg" width="100" height="100" alt="klein1" /></a></th>
<th scope="col"><a href="images/Bild2.jpg" rel="lightbox[fotos]"><img src="images/Bild2_klein.jpg" width="100" height="100" alt="klein2" /></a></th>
<th scope="col"><a href="images/Bild3.jpg" rel="lightbox[fotos]"><img src="images/Bild3_klein.jpg" width="100" height="100" alt="klein3" /></a></th>
</tr>
<tr>
<th scope="row"><a href="images/Bild4.jpg" rel="lightbox[fotos]"><img src="images/Bild4_klein.jpg" width="100" height="100" alt="klein4" /></a></th>
<td><a href="images/Bild5.jpg" rel="lightbox[fotos]"><img src="images/Bild5_klein.jpg" width="100" height="100" alt="klein5" /></a></td>
<td><a href="images/Bild6.jpg" rel="lightbox[fotos]"><img src="images/Bild6_klein.jpg" width="100" height="100" alt="klein6" /></a></td>
<td><a href="images/Bild8.JPG" rel="lightbox[fotos]"><img src="images/Bild8_klein.jpg" width="100" height="100" alt="klein8" /></a></td>
<td><a href="images/Bild9.JPG" rel="lightbox[fotos]"><img src="images/Bild9_klein.jpg" width="100" height="100" alt="klein9" /></a></td>
<td><a href="images/Bild14.jpg" rel="lightbox[fotos]"><img src="images/Bild14_klein.jpg" width="100" height="100" alt="klein14" /></a></td>
<td><a href="images/Bild7.JPG" rel="lightbox[fotos]"><img src="images/Bild7_klein.jpg" width="100" height="100" alt="klein7" /></a></td>
</tr>
</table>
<!--Ende Fotogallery -->
<p><img src="bilder/lumix_klein.png" align="left" width="250" height="228" alt="lumix" />
<div style="width: 400px; height:200px; overflow: auto ">
<p>Hier sehen Sie einige meiner Fotografien.</p>
<p>Meine Kamera ist eine Lumix Fz-150 von Panasonic.</p>
<p>Alle Fotos hab ich mit manuellen Einstellungen geschossen</p>
<p> </p>
</div>
</td>
<td><img src="bilder/spacer.gif" width="1" height="699" alt="" /></td>
</tr>
<tr>
<td colspan="5"><img name="Seite1_r6_c2" src="bilder/Seite%201_r6_c2.jpg" width="1120" height="138" id="Seite1_r6_c2" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="138" alt="" /></td>
</tr>
</table>
</body>
</html> |
[/code]
Hier die zweite Version, wo ich mir dachte es geht einfacher. Die Fotogallerie soll an die selbe Stelle wie beim Ersten.
Der Code: | Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fotografie.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS6 Dreamweaver CS6 target. Created Wed Aug 22 16:31:44 GMT+0200 2012-->
</head>
<body bgcolor="#ffffff">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1200">
<!-- fwtable fwsrc="neues_design.fw.png" fwpage="Fotografie" fwbase="Fotografie.gif" fwstyle="Dreamweaver" fwdocid = "387418598" fwnested="0" -->
<tr>
<td><img src="bilder/spacer.gif" width="120" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="181" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="264" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="269" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="248" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="118" height="1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="Fotografie_r1_c1" src="bilder/Fotografie_r1_c1.gif" width="1200" height="148" id="Fotografie_r1_c1" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="148" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="Fotografie_r2_c1" src="bilder/Fotografie_r2_c1.gif" width="120" height="912" id="Fotografie_r2_c1" alt="" /></td>
<td><img name="Fotografie_r2_c2" src="bilder/Fotografie_r2_c2.gif" width="181" height="32" id="Fotografie_r2_c2" usemap="#m_Fotografie_r2_c2" alt="" /></td>
<td><img name="Fotografie_r2_c3" src="bilder/Fotografie_r2_c3.gif" width="264" height="32" id="Fotografie_r2_c3" usemap="#m_Fotografie_r2_c3" alt="" /></td>
<td><img name="Fotografie_r2_c4" src="bilder/Fotografie_r2_c4.gif" width="269" height="32" id="Fotografie_r2_c4" usemap="#m_Fotografie_r2_c4" alt="" /></td>
<td><img name="Fotografie_r2_c5" src="bilder/Fotografie_r2_c5.gif" width="248" height="32" id="Fotografie_r2_c5" usemap="#m_Fotografie_r2_c5" alt="" /></td>
<td rowspan="2"><img name="Fotografie_r2_c6" src="bilder/Fotografie_r2_c6.gif" width="118" height="912" id="Fotografie_r2_c6" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="32" alt="" /></td>
</tr>
<tr>
<td colspan="4"><img name="Fotografie_r3_c2" src="bilder/Fotografie_r3_c2.gif" width="962" height="880" id="Fotografie_r3_c2" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="880" alt="" /></td>
</tr>
</table>
<map name="m_Fotografie_r2_c2" id="m_Fotografie_r2_c2">
<area shape="rect" coords="65,8,137,27" href="javascript:;" alt="" />
</map>
<map name="m_Fotografie_r2_c3" id="m_Fotografie_r2_c3">
<area shape="rect" coords="112,8,192,27" href="javascript:;" alt="" />
</map>
<map name="m_Fotografie_r2_c4" id="m_Fotografie_r2_c4">
<area shape="rect" coords="85,6,213,25" href="javascript:;" alt="" />
</map>
<map name="m_Fotografie_r2_c5" id="m_Fotografie_r2_c5">
<area shape="rect" coords="101,8,178,27" href="javascript:;" alt="" />
</map>
</body>
</html>
|
|
|
Willkommen auf dem Portal für Mediengestalter
