Bild in einer Tabelle einfügen bearbeitet von Windassel 09.05.2013 20:02 Hi,<br /><br />unser Lehrer in der Schule hat gesagt, dass wir eine Webseite erstellen müssen. Das Thema ist unsere Klassenfahrt. Leider mache ich das alleine, weil mein Partner noch weniger kann als ich. Und zwar möchte ich gerne, oben im header ein Bild einfügen. Was eigentlich so lauten sollte:<br /><br />[code lang=html]<div align=center><br /> <table width=613><br /> <tr><br /> <td><img src="marius html/Header" alt="" border="0" width="620" height="200" width="50%"></td><br /> </tr><br /> </table>[/code]<br /><br />div ist hier noch nicht zu ende.<br /><br />Der ganze Code meiner Seite sieht so aus:<br /><br />[code lang=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /><html><br /> <head><br /> <title></title><br /> <meta name="author" content="fos"><br /> <meta name="editor" content="html-editor phase 5"><br /><br /><br /><br /><!-- Start WOWSlider.com HEAD section --><br /> <link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" /><br /> <style type="text/css">a#vlb{display:none}</style><br /> <script type="text/javascript" src="engine1/jquery.js"></script><br /><!-- End WOWSlider.com HEAD section --><br /></head><br /><body bgcolor="#E2E2E2" text="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000"></body><br /><br /><!--Kommentar: Das ist der Header --><br /><!-- Start WOWSlider.com BODY section id=wowslider-container1 --><br /> <div id="wowslider-container1"><br /> <div class="ws_images"><br /> <a href="#"><img src="data1/images/3.jpg.jpg" alt="3.jpg" title="3.jpg" id="wows0"/></a><br /> <a href="#"><img src="data1/images/4.jpg.jpg" alt="4.jpg" title="4.jpg" id="wows1"/></a><br /> <a href="#"><img src="data1/images/5.jpg.jpg" alt="5.jpg" title="5.jpg" id="wows2"/></a><br /> <a href="#"><img src="data1/images/bild1.jpg.jpg" alt="bild1.jpg" title="bild1.jpg" id="wows3"/></a><br /> <a href="#"><img src="data1/images/bild2.jpg.jpg" alt="bild2.jpg" title="bild2.jpg" id="wows4"/></a><br /> <a href="#"><img src="data1/images/p1030876.jpg" alt="P1030876" title="P1030876" id="wows5"/></a><br /> <a href="#"><img src="data1/images/p1030872.jpg" alt="P1030872" title="P1030872" id="wows6"/></a><br /> </div><br /> <a style="display:none" href="http://wowslider.com">Joomla Image Carousel by WOWSlider.com v1.7</a><br /> </div><br /> <script type="text/javascript" src="engine1/script.js"></script><br /><!-- End WOWSlider.com BODY section --><br /><br /><br /><!--Kommentar: Das ist die Zeile mit den verschiedenen Tagen --><br /> <div align=center><br /> <a href="index.html"><img src="home.png" onmouseover="this.src='home2.png'" onmouseout="this.src='home.png'" /></a><br /> <a href="Tag1.html"><img src="Tag1.png" onmouseover="this.src='Tag11.png'" onmouseout="this.src='Tag1.png'" /></a><br /> <a href="Tag2.html"><img src="Tag2.png" onmouseover="this.src='Tag22.png'" onmouseout="this.src='Tag2.png'" /></a><br /> <a href="Tag3.html"><img src="Tag3.png" onmouseover="this.src='Tag33.png'" onmouseout="this.src='Tag3.png'" /></a><br /> <a href="Tag4.html"><img src="Tag4.png" onmouseover="this.src='Tag44.png'" onmouseout="this.src='Tag4.png'" /></a><br /> <a href="Tag5.html"><img src="Tag5.png" onmouseover="this.src='Tag55.png'" onmouseout="this.src='Tag5.png'" /></a><br /> <a href="Bilder.html"><img src="Bilder.png" onmouseover="this.src='Bilder2.png'" onmouseout="this.src='Bilder.png'" /></a><br /><br /><!--Kommentar: Das ist der Body --><br /><table width="50%" border="0" cellpadding="0" cellspacing="2" border bgcolor="#EEEEEE"><br /> <tr><br /> <td><br><br /><br /> <!--Kommentar: Das ist das Quadrat in dem Body, wo der Text eingef�gt wird. --><br /> <table width="50%" border="0" cellpadding="0" cellspacing="0" style="margin-left:0.5cm" border bgcolor="#E2E2E2"><br /> <tr><br /> <td><h2>Hallo und Herzlich Willkommen auf unserer kleinen Webseite</h2><br /> <h3>Die Webseite dreht sich ausschließlich um unsere Klassenfahrt vom 19.01.2013 - 25.01.2013. Ihr könnt Euch durch die verschiedenen Tage klicken, die wir dort verbracht haben und die Bilder anschauen, die wir dort geschossen haben.</h3><br><br /> <h4><u>Die Anfahrt:</u></h4><br /> Schon morgens um 06:00 Uhr haben wir uns an der Paul-Julius-von-Reuter-Schule getroffen um von dort aus loszufahren.<br /> </td><br /> </tr><br /> </table><br /> </td><br /> </tr><br /></table><br /><br /><!--Kommentar: Das ist der footer --><br /><table width="50%" border="0" cellpadding="0" cellspacing="2" border bgcolor="#090055"><br /> <tr><br /> <td><br /> <div id='footer-wrapper'><br /> <b:section class='footer' id='footer'/><br /> <p> <center> <font color="#FFFFFF">Content Copyright&#169; 2013 by Marius Mann and Maik Mikus. <a style="text-decoration: none;" href="impressum.html"><font color="#FFFFFF">Impressum</font></a></font>.</center> </p><br /> </div><br /> </td><br /> </tr><br /></table><br /><br /><br /><br /></body><br /></html>[/code]<br /><br /><br />Der erste Code ist für die Bild-Seite wo sich die Leute die Bilder anschauen können, die auf Klassenfahrt gemacht wurden. Dafür hab ich ne diashow genommen. Keine selber erstellt, weil ich es irgendwie nicht hinbekommen habe. Nur im header möchte ich nun ein festes Bild einfügen und keine diashow, weil ich es total verwirrend finde, wenn sich mehrere Bilder gleichzeitig auf einer Seite ändern. Was ist denn im 1. Code verkehrt?
Bild in einer Tabelle einfügen bearbeitet von Matthias Scharwies 24.04.2022 12:05 Hi,<br /><br />unser Lehrer in der Schule hat gesagt, dass wir eine Webseite erstellen müssen. Das Thema ist unsere Klassenfahrt. Leider mache ich das alleine, weil mein Partner noch weniger kann als ich. Und zwar möchte ich gerne, oben im header ein Bild einfügen. Was eigentlich so lauten sollte:<br /><br />[code lang=html]<div align=center><br /> <table width=613><br /> <tr><br /> <td><img src="marius html/Header" alt="" border="0" width="620" height="200" width="50%"></td><br /> </tr><br /> </table>[/code]<br /><br />div ist hier noch nicht zu ende.<br /><br />Der ganze Code meiner Seite sieht so aus:<br /><br />[code lang=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /><html><br /> <head><br /> <title></title><br /> <meta name="author" content="fos"><br /> <meta name="editor" content="html-editor phase 5"><br /><br /><br /><br /><!-- Start WOWSlider.com HEAD section --><br /> <link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" /><br /> <style type="text/css">a#vlb{display:none}</style><br /> <script type="text/javascript" src="engine1/jquery.js"></script><br /><!-- End WOWSlider.com HEAD section --><br /></head><br /><body bgcolor="#E2E2E2" text="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000"></body><br /><br /><!--Kommentar: Das ist der Header --><br /><!-- Start WOWSlider.com BODY section id=wowslider-container1 --><br /> <div id="wowslider-container1"><br /> <div class="ws_images"><br /> <a href="#"><img src="data1/images/3.jpg.jpg" alt="3.jpg" title="3.jpg" id="wows0"/></a><br /> <a href="#"><img src="data1/images/4.jpg.jpg" alt="4.jpg" title="4.jpg" id="wows1"/></a><br /> <a href="#"><img src="data1/images/5.jpg.jpg" alt="5.jpg" title="5.jpg" id="wows2"/></a><br /> <a href="#"><img src="data1/images/bild1.jpg.jpg" alt="bild1.jpg" title="bild1.jpg" id="wows3"/></a><br /> <a href="#"><img src="data1/images/bild2.jpg.jpg" alt="bild2.jpg" title="bild2.jpg" id="wows4"/></a><br /> <a href="#"><img src="data1/images/p1030876.jpg" alt="P1030876" title="P1030876" id="wows5"/></a><br /> <a href="#"><img src="data1/images/p1030872.jpg" alt="P1030872" title="P1030872" id="wows6"/></a><br /> </div><br /> <a style="display:none" href="http://wowslider.com">Joomla Image Carousel by WOWSlider.com v1.7</a><br /> </div><br /> <script type="text/javascript" src="engine1/script.js"></script><br /><!-- End WOWSlider.com BODY section --><br /><br /><br /><!--Kommentar: Das ist die Zeile mit den verschiedenen Tagen --><br /> <div align=center><br /> <a href="index.html"><img src="home.png" onmouseover="this.src='home2.png'" onmouseout="this.src='home.png'" /></a><br /> <a href="Tag1.html"><img src="Tag1.png" onmouseover="this.src='Tag11.png'" onmouseout="this.src='Tag1.png'" /></a><br /> <a href="Tag2.html"><img src="Tag2.png" onmouseover="this.src='Tag22.png'" onmouseout="this.src='Tag2.png'" /></a><br /> <a href="Tag3.html"><img src="Tag3.png" onmouseover="this.src='Tag33.png'" onmouseout="this.src='Tag3.png'" /></a><br /> <a href="Tag4.html"><img src="Tag4.png" onmouseover="this.src='Tag44.png'" onmouseout="this.src='Tag4.png'" /></a><br /> <a href="Tag5.html"><img src="Tag5.png" onmouseover="this.src='Tag55.png'" onmouseout="this.src='Tag5.png'" /></a><br /> <a href="Bilder.html"><img src="Bilder.png" onmouseover="this.src='Bilder2.png'" onmouseout="this.src='Bilder.png'" /></a><br /><br /><!--Kommentar: Das ist der Body --><br /><table width="50%" border="0" cellpadding="0" cellspacing="2" border bgcolor="#EEEEEE"><br /> <tr><br /> <td><br><br /><br /> <!--Kommentar: Das ist das Quadrat in dem Body, wo der Text eingef�gt wird. --><br /> <table width="50%" border="0" cellpadding="0" cellspacing="0" style="margin-left:0.5cm" border bgcolor="#E2E2E2"><br /> <tr><br /> <td><h2>Hallo und Herzlich Willkommen auf unserer kleinen Webseite</h2><br /> <h3>Die Webseite dreht sich ausschließlich um unsere Klassenfahrt vom 19.01.2013 - 25.01.2013. Ihr könnt Euch durch die verschiedenen Tage klicken, die wir dort verbracht haben und die Bilder anschauen, die wir dort geschossen haben.</h3><br><br /> <h4><u>Die Anfahrt:</u></h4><br /> Schon morgens um 06:00 Uhr haben wir uns an der Paul-Julius-von-Reuter-Schule getroffen um von dort aus loszufahren.<br /> </td><br /> </tr><br /> </table><br /> </td><br /> </tr><br /></table><br /><br /><!--Kommentar: Das ist der footer --><br /><table width="50%" border="0" cellpadding="0" cellspacing="2" border bgcolor="#090055"><br /> <tr><br /> <td><br /> <div id='footer-wrapper'><br /> <b:section class='footer' id='footer'/><br /> <p> <center> <font color="#FFFFFF">Content Copyright&#169; 2013 by Marius Mehrmann and Maik Mikus. <a style="text-decoration: none;" href="impressum.html"><font color="#FFFFFF">Impressum</font></a></font>.</center> </p><br /> </div><br /> </td><br /> </tr><br /></table><br /><br /><br /><br /></body><br /></html>[/code]<br /><br /><br />Der erste Code ist für die Bild-Seite wo sich die Leute die Bilder anschauen können, die auf Klassenfahrt gemacht wurden. Dafür hab ich ne diashow genommen. Keine selber erstellt, weil ich es irgendwie nicht hinbekommen habe. Nur im header möchte ich nun ein festes Bild einfügen und keine diashow, weil ich es total verwirrend finde, wenn sich mehrere Bilder gleichzeitig auf einer Seite ändern. Was ist denn im 1. Code verkehrt?
nicht angemeldet nicht angemeldet
