Entwickler-Ecke :: Thema anzeigen - [HTML] Positionierung von Label unterm Bild

Delete - Di 10.11.09 14:16
Titel: [HTML] Positionierung von Label unterm Bild

Hallo an alle erst mal.
So ich habe eine HTML Seite wo eine Slide-Show Abläuft über Java. Nun kommt mein Problem es soll noch Texte dazu erscheinen. Habe jezt schon 3 Tage bei Google gesucht nix gefunden dazu, was mir weiter hilft. Der Text würd ja angezeigt nur leider nich unter den Bildern sondern Links am Rand.Vieleicht kennt sich jemand von euch damit aus.

Danke euch schon mal im vorraus.

mfg Amsel0_0

XML-Daten

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
</html>
<body style="background-color:#CCFFFF">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<link href="slideshow.css" rel="stylesheet" type="text/css" />
<link href="alert.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="backgroundslider.js"></script>
<script type="text/javascript" src="slideshow.js"></script>
<script type="text/javascript" src="alert.js"></script>
</head>
<div id="wb_TextMenu1"
style="position:absolute;left:582px;top:9px;width:51px;height:16px;z-index:1;" align="center">
<font style="font-size:11px;" color="#797979" face="Arial">
[<a href="./seite2.html">Impressum</a>]</font></div>
<body>
        <div id="container">
                <h3 class="Fertigungsprofil">Fertigungsprofil</h3>
                <div id="Fertigungsprofil">
                <div id="slideshowContainer" class="slideshowContainer"></div><div id="thumbnails">
                <script type="text/javascript">
                         Text = new Array("is geändert","Test 2","Test 3","Test 4","Test 5","Test 6","Test 7","Test 8","Test 9");
      alert( 'meine Nachricht' );
                </script>

                  <div style="position:absolute; top:10px; left:50px;">
                  <a href="images/DSCF0062.jpg" class="slideshowThumbnail"><img src="images/v" width="50" height="80" border="0" title= Text[1] /></a>
                  </div>
                  <div style="position:absolute; top:110px; left:50px;">
                  <a href="images/DSCF0063.jpg" class="slideshowThumbnail"><img src="images/DSCF0063.jpg" width="50" height="80" border="0" title=  "Dies ist der Text des" + \n + \r "Tooltips"/></a>
                  </div>
                 <div style="position:absolute; top:210px; left:50px;">
                 <a href="images/img_3.jpg" class="slideshowThumbnail"><img src="images/img_3.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/></a>
                 </div>
                  <div style="position:absolute; top:310px; left:50px;">
                  <a href="images/img_4.jpg" class="slideshowThumbnail"><img src="images/img_4.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/></a>
                  </div>
                  <div style="position:absolute; top:410px; left:50px;">
                  <a href="images/img_5.jpg" class="slideshowThumbnail"><img src="images/img_5.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/></a>
                  </div>
                  <div style="position:absolute; top:510px; left:50px;">
                  <a href="images/img_6.jpg" class="slideshowThumbnail"><img src="images/img_6.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/></a>
                  </div>
                  <div style="position:absolute; top:610px; left:50px;">
                  <a href="images/P1010270.JPG" class="slideshowThumbnail"><img src="images/P1010270.JPG"  width="50" height="80" border="0" title= "kjhjkhjkhjk"/></a>
                  </div>
<p><a href="#" onclick="show.play(); return false;">Play</a> | <a href="#" onclick="show.stop(); return false;">Stop</a> | <a href="#" onclick="show.next(); return false;">Next</a> | <a href="#" onclick="show.previous(); return false;">Previous</a></p>
                  </div>
                        <script type="text/javascript">
                          window.addEvent('domready',function(){
                                var obj = {
                                        wait: 3000,
                                        effect: 'fade',
                                        duration: 1000,
                                        loop: true,
                                        thumbnails: true,
                                        backgroundSlider: true,
                                        onClick: function(i) {}
                                }
                                show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);
                                show.play();
                        });
                  </script>
                </div>
                <h3 class="downloads">downloads</h3>
                <div id="downloads">
                        <ul>
                                <div style="position:absolute; top:96px; left:25px;">
                                <li><a href="Fleyer/185MMCompartmenttechnik.pdf">185MMCompartmenttechnik</a></li>
                                <div>
                                <div>
                        </ul>
                </div>
       </div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3333085-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>

Moderiert von Christian S.: XML-Tags hinzugefügt

BenBE - Di 10.11.09 14:40

Ich schau dann nachher mal konkret drüber, jetzt erstmal nur soviel:

Java != Javascript (!!!)

Und gab's deinen Source auch in Übersichtlich? (Ja, ich weiß, dass das keinen Browser stört, wenn er sowas bekommt, aber es hilft doch ungemein, wenn man's übersichtlich präsentiert.

Ich vermute aber mal, dass du ein Block-Level-Element wie Div verwendest. Schau dir ggf. mal <label> und <span> an.

Delete - Di 10.11.09 14:47

Danke erst mal für deine Info.
Wie meinst du das mit übersichtlicher? Dawaren ja jedemenge Lücken drin hab es nur etwas zusammen gerückt, war das etwa Falsch? Die Datei habe ich vom Chef bekommen. Was meinst du wielange ich versucht habe die Hindergrundfarbe hinzu bekommen oder den Link für die Zweite Seite. Mein Problem die diese Zeile:
Text = new Array("is geändert","Test 2","Test 3","Test 4","Test 5","Test 6","Test 7","Test 8","Test 9");
Die einzelnen Texte (Test .)Sollen in der Mitte Angezeigt werden unter den Bildern in der Slide-Show weist du jezt was ich will?

mfg Amsel0_0

Niko S. - Di 10.11.09 15:19

Mit "übersichtlicher" meint er dass Unterelemente eingerückt werden sollen.
Z.B.:

XML-Daten

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

<html>
  <head>
    <title>...</title>
    <meta.../>
    <link.../>
  </head>
  <body>
    <div>
      <a href..></a>
      text...
      <div>
        text
      </div>
    </div>
  </body>
</html>

So in etwa.
Amsonsten mal wie BenBE schon meinte, <label> / <span>.
Du solltest eigentlich mit Javascript ganz leicht ausgaben produzieren können, die müssen halt nur noch irgendwo hin ;x.

BTW:
Alles gute zum 22. Ben

Delete - Di 10.11.09 15:25

Simak danke schön.
Leider versteh ich nich viel von Java und mein Problem bleibt weiterhin. Im Netz habe ich schon alles was ich gefunden habe versucht, nur leider funzt dann das Script nich mehr! Deshalb war ja meine Frage hier wie mann sowas machen kann. Hänge jezt schon fast 3 Tage an der Seite und das ist leider das einzige was ich noch nich hinbekommen habe.

mfg Amsel0_0

chubbson - Di 10.11.09 16:11

eigentlich meinen sie das der code schöner struktureiert werden soll.
Sprich alle tags schön einrücken etc...
dann fallen dir sicher einige fehler auf.
Ich hab dir das mal abgenommen einige kommentare mit fragen in den code geschrieben.

XML-Daten

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
</html> <!-- ?? Wieso html gleich wieder zu?-->
<body style="background-color:#CCFFFF">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="main.css" type="text/css" media="all"> <!-- ?? Wieso wird der link nie geschlossen? -->
      <link href="slideshow.css" rel="stylesheet" type="text/css" />
      <link href="alert.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript" src="mootools.js"></script>
      <script type="text/javascript" src="backgroundslider.js"></script>
      <script type="text/javascript" src="slideshow.js"></script>
      <script type="text/javascript" src="alert.js"></script>
  </head>
  <div id="wb_TextMenu1" style="position:absolute;left:582px;top:9px;width:51px;height:16px;z-index:1;" align="center">
    <font style="font-size:11px;" color="#797979" face="Arial">
      [<a href="./seite2.html">Impressum</a>] 
    </font>
  </div>
  <body> <!-- 2.... ter body??? -->
    <div id="container">
      <h3 class="Fertigungsprofil">Fertigungsprofil</h3>
      <div id="Fertigungsprofil">
        <div id="slideshowContainer" class="slideshowContainer"></div><div id="thumbnails">
        <script type="text/javascript">
          Text = new Array("is geändert","Test 2","Test 3","Test 4","Test 5","Test 6","Test 7","Test 8","Test 9");
          alert( 'meine Nachricht' );
        </script>
        <div style="position:absolute; top:10px; left:50px;">
          <a href="images/DSCF0062.jpg" class="slideshowThumbnail">
            <img src="images/v" width="50" height="80" border="0" title= Text[1]/>
          </a> 
        </div>
        <div style="position:absolute; top:110px; left:50px;">
          <a href="images/DSCF0063.jpg" class="slideshowThumbnail">
            <img src="images/DSCF0063.jpg" width="50" height="80" border="0" title=  "Dies ist der Text des" + \n + \r "Tooltips"/>
          </a>
        </div>
        <div style="position:absolute; top:210px; left:50px;">
          <a href="images/img_3.jpg" class="slideshowThumbnail">
            <img src="images/img_3.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <div style="position:absolute; top:310px; left:50px;">
          <a href="images/img_4.jpg" class="slideshowThumbnail">
            <img src="images/img_4.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <div style="position:absolute; top:410px; left:50px;">
          <a href="images/img_5.jpg" class="slideshowThumbnail">
            <img src="images/img_5.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <div style="position:absolute; top:510px; left:50px;">
          <a href="images/img_6.jpg" class="slideshowThumbnail">
            <img src="images/img_6.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <div style="position:absolute; top:610px; left:50px;">
          <a href="images/P1010270.JPG" class="slideshowThumbnail">
            <img src="images/P1010270.JPG"  width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <p>
          <a href="#" onclick="show.play(); return false;">Play</a>
          | 
          <a href="#" onclick="show.stop(); return false;">Stop</a>
          | 
          <a href="#" onclick="show.next(); return false;">Next</a> 
          | 
          <a href="#" onclick="show.previous(); return false;">Previous</a>
        </p>
      </div> <!-- end div container -->
      <script type="text/javascript">
        window.addEvent('domready',function(){
          var obj = {
            wait: 3000,
            effect: 'fade',
            duration: 1000,
            loop: true,
            thumbnails: true,
            backgroundSlider: true,
            onClick: function(i) {}
          }
          show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);
          show.play();
        });
      </script>
    </div>
    <h3 class="downloads">downloads</h3>
    <div id="downloads">
      <ul>
        <div style="position:absolute; top:96px; left:25px;">
          <li>
            <a href="Fleyer/185MMCompartmenttechnik.pdf">185MMCompartmenttechnik</a>
          </li>
          <div> <!-- sollte das nich weg? -->
            <div> <!-- sollte das nich weg? -->
        <!-- sollte hier nich ein </div> hin? -->
      </ul>
    </div>
  </div> <!-- sollte das nich weg? -->
    <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
      var pageTracker = _gat._getTracker("UA-3333085-1");
      pageTracker._initData();
      pageTracker._trackPageview();
    </script>
  </body>
</html> <!-- is eigentlich oben schon geschlossen, ich würde den oben entfernen und diesen hier lassen ;) -->

Dann noch Java ist wie BenBE gesagt hat kein javascript! Und du schreibst so wie es aussieht einfach Javascript in deiner Datei, das hat nichts mit Java zu tun.

Ich habs ned gross angeschaut.. find gerade nich wo dein text links ausgegeben werden soll ...
Aber für mich sollte das eigentlich so funktionieren. Wen du deine ganzen div's mit den Bildern so aufbaust:

XML-Daten

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

<div style="position:absolute; top:10px; left:50px;">
  <table border=0> 
    <tr> 
      <td>
        <a href="images/DSCF0062.jpg" class="slideshowThumbnail">
          <img src="images/v" width="50" height="80" border="0" title= Text[1]/>
        </a> 
      </td>
    </tr>
    <tr> 
      <td>
        <!-- Hier sollteste dein text hineinschreiben können, der soltle dann unter dem Bild dargestellt werden -->
      <td>
    <tr>
  </table>
</div>

Ich hab eigentlich schon lange kein HTML in der hand gehabt und warscheinlich kann man das viel schöner lösen;) statt mit einem table ^^
Aber ich hoffe das hilft dir mal weiter

BenBE - Di 10.11.09 16:25

Also mir fällt grad noch eine andere Lösung auf:

Quelltext

1:
2:
3:
4:
5:

<style type="text/css">
div.slideshowContainer div a img {
    break: clear;
}
</style>

Ungetestet.

Hast du ggf. nen Link, wo man deinen jetzigen Stand online sich angucken kann?

Delete - Di 10.11.09 16:26

Danke schön chubbson. Werde ich gleich Morgen früh ausprobieren wenn ich auf der Arbeit bin! Mal sehn ob es Funzt.
Was meinst du damit Wieder schließen:
<link rel="stylesheet" href="main.css" type="text/css" media="all">  verstehe das nich ?

mfg Amsel0_0

BenBE - Di 10.11.09 16:33

Du sagst im Dokument, dass du XHTML 1.1 nutzen möchtest, verwendest aber HTML 4.0 Transitional-Syntax.

Bei XHTML muss jedes Element entweder geschlossen werden, ODER als leeres Tag gekennzeichnet werden. Letzteres erreicht man durch einen / vor dem > in einem Tag.

Jag dein Dokument einfach mal durch einen Validator (z.B. den vom W3C), dann bekommst du dazu auch noch paar mehr Informationen. Wenn das Dokument an sich Valide ist, hat man schon mal einige Vorteile bei der Fehlersuche ;-)

Delete - Mi 11.11.09 07:49

Moin an alle und danke schön. Die HomePage ist noch local auf dem PC. Hame alles mal in eine Zip-Datei gepackt. Wer mag kann sich das mal alles Anschaun. Probier erst mal eure Lösungen aus mal sehn ob es damit geht.
Edit: Hat leider auch nich geholfen. Dreh hier noch durch.

mfg Amsel0_0

Regan - Mi 11.11.09 08:07

Moin,

das sieht ja grausam aus :shock: . Alles groß und klein geschrieben, mal htm mal html, keine Ordnerstruktur. So geht das doch nicht :mahn: !

Amsel0_0 hat folgendes geschrieben :

XML-Daten

1:
2:
3:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
</html>

Interessant, dass die Seite da schon aufhört.
Ich weigere mich aber, dir zu helfen, da du keinen der Vorschläge meiner Vorredner in die Tat umgesetzt hast.
An erster Stelle steht immernoch:

BenBE hat folgendes geschrieben :

Jag dein Dokument einfach mal durch einen Validator (z.B. den vom W3C), dann bekommst du dazu auch noch paar mehr Informationen. Wenn das Dokument an sich Valide ist, hat man schon mal einige Vorteile bei der Fehlersuche ;-)

Der Link dazu: http://validator.w3.org/. Wenn dort keine Fehler mehr kommen, können wir mal weiter reden.

MfG
Regan

Delete - Mi 11.11.09 08:28

Regan: Ich habe mir den Eingeornetten HTML Code in ein Lehres HTML Document reinkopiert und versucht den Text wie chubbson geschrieben hat einzufügen. Nur leider würd nix im Brouser angezeigt auser das Was ich stehn habe habe das mit dem Array da hinkopiert das scheint Falsch zu sein. Dann habe ich mal versucht den Text im Klartext reinzuschreiben da Erscheint nur zwei Kästchen oben Links zum Anklicken und ein Kästchen auf dem ersten Bild habe mal ein scream gemacht. Und bei deinem Link versteh ich nich was das machen soll kommt auch immer eine Fehlermeldung habe davon auch ein Scream gemacht.

mfg Amsel0_0

XML-Daten

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body style="background-color:#CCFFFF">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="main.css" type="text/css" media="all"> <!-- ?? Wieso wird der link nie geschlossen? -->
      <link href="slideshow.css" rel="stylesheet" type="text/css" />
      <link href="alert.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript" src="mootools.js"></script>
      <script type="text/javascript" src="backgroundslider.js"></script>
      <script type="text/javascript" src="slideshow.js"></script>
      <script type="text/javascript" src="alert.js"></script>
  </head>
  <div id="wb_TextMenu1" style="position:absolute;left:582px;top:9px;width:51px;height:16px;z-index:1;" align="center">
    <font style="font-size:11px;" color="#797979" face="Arial">
      [<a href="./seite2.html">Impressum</a>] 
    </font>
  </div>
  <body> <!-- 2.... ter body??? -->
    <div id="container">
      <h3 class="Fertigungsprofil">Fertigungsprofil</h3>
      <div id="Fertigungsprofil">
        <div id="slideshowContainer" class="slideshowContainer"></div><div id="thumbnails">
        <script type="text/javascript">
          Text = new Array("is geändert","Test 2","Test 3","Test 4","Test 5","Test 6","Test 7","Test 8","Test 9");
          alert( 'meine Nachricht' );
        </script>
        <div style="position:absolute; top:10px; left:50px;">
          <a href="images/DSCF0062.jpg" class="slideshowThumbnail">
            <img src="images/v" width="50" height="80" border="0" title= Text[1]/>
          </a> 
        <div style="position:absolute; top:10px; left:50px;">
  <table border=0> 
    <tr> 
      <td>
        <a href="images/DSCF0062.jpg" class="slideshowThumbnail">
          <img src="images/v" width="50" height="80" border="0" title= Text[1]/>
        </a> 
      </td>
    </tr>
    <tr> 
      <td>
        <!-- Hier sollteste dein text hineinschreiben können, der soltle dann unter dem Bild dargestellt werden -->
      <td>
    <tr>
  </table>
</div>
  </div>
        <div style="position:absolute; top:110px; left:50px;">
          <a href="images/DSCF0063.jpg" class="slideshowThumbnail">
            <img src="images/DSCF0063.jpg" width="50" height="80" border="0" title=  "Dies ist der Text des" + \n + \r "Tooltips"/>
          </a>
        <div style="position:absolute; top:10px; left:50px;">
  <table border=0> 
    <tr> 
      <td>
        <a href="images/DSCF0062.jpg" class="slideshowThumbnail">
          <img src="images/v" width="50" height="80" border="0" title= Text[1]/>
        </a> 
      </td>
    </tr>
    <tr> 
      <td>
        <!-- Hallo Welt -->
      <td>
    <tr>
  </table>
</div>
  </div>
        <div style="position:absolute; top:210px; left:50px;">
          <a href="images/img_3.jpg" class="slideshowThumbnail">
            <img src="images/img_3.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <div style="position:absolute; top:310px; left:50px;">
          <a href="images/img_4.jpg" class="slideshowThumbnail">
            <img src="images/img_4.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <div style="position:absolute; top:410px; left:50px;">
          <a href="images/img_5.jpg" class="slideshowThumbnail">
            <img src="images/img_5.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <div style="position:absolute; top:510px; left:50px;">
          <a href="images/img_6.jpg" class="slideshowThumbnail">
            <img src="images/img_6.jpg" width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <div style="position:absolute; top:610px; left:50px;">
          <a href="images/P1010270.JPG" class="slideshowThumbnail">
            <img src="images/P1010270.JPG"  width="50" height="80" border="0" title= "kjhjkhjkhjk"/>
          </a>
        </div>
        <p>
          <a href="#" onclick="show.play(); return false;">Play</a>
          | 
          <a href="#" onclick="show.stop(); return false;">Stop</a>
          | 
          <a href="#" onclick="show.next(); return false;">Next</a> 
          | 
          <a href="#" onclick="show.previous(); return false;">Previous</a>
        </p>
      </div> <!-- end div container -->
      <script type="text/javascript">
        window.addEvent('domready',function(){
          var obj = {
            wait: 3000,
            effect: 'fade',
            duration: 1000,
            loop: true,
            thumbnails: true,
            backgroundSlider: true,
            onClick: function(i) {}
          }
          show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);
          show.play();
        });
      </script>
    </div>
    <h3 class="downloads">downloads</h3>
    <div id="downloads">
      <ul>
        <div style="position:absolute; top:96px; left:25px;">
          <li>
            <a href="Fleyer/185MMCompartmenttechnik.pdf">185MMCompartmenttechnik</a>
          </li>
          <div> <!-- sollte das nich weg? -->
            <div> <!-- sollte das nich weg? -->
        <!-- sollte hier nich ein </div> hin? -->
      </ul>
    </div>
  </div> <!-- sollte das nich weg? -->
    <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
      var pageTracker = _gat._getTracker("UA-3333085-1");
      pageTracker._initData();
      pageTracker._trackPageview();
    </script>
  </body>
</html> <!-- is eigentlich oben schon geschlossen, ich würde den oben entfernen und diesen hier lassen ;) -->

Regan - Mi 11.11.09 08:38

Du gehst auf den Link, wartest bis alles geladen ist. Dann klickst du auf "Direct Input". Füge den Text, den du vorhins geschrieben hast, dort ein und klicke auf "Check". Du kannst, dann auch in den Options (wenn die Ausgabe kommt), "Show Source" anhaken und dann nochmal auf Revalidate gehen. Dann kannst du die 96 Fehler und eine Warnung erstmal wegmachen.

Delete - Mi 11.11.09 08:49

Regan alles was ich versuche kommt immer nur eine Fehlermeldung Irgendwas mit der URL ka was die damit meinen.

mfg Amsel0_0

Regan - Mi 11.11.09 08:51

Du muss auf Direct Input gehen. Dann sollte ein größeres Textfeld erscheinen.
Try this: http://validator.w3.org/#validate_by_input
In dieses Feld kopierst du deinen Quelltext.

Delete - Mi 11.11.09 09:02

Regan das habe ich gemacht. Habe unten dann alle Fehler stehn nur leider Versteh ich nich viel davon, vorallen was da geändert werden muß. Die selben Fehler gibts auch in der Orginal Slide-Show die ich habe hatte sie auch mal Gecheckt.

mfg Amsel0_0

Regan - Mi 11.11.09 09:10

Du scheinst keine Ahnung von HTML zu haben. Ich empfehle dir daher entweder dich nicht mit dem Thema zu befassen oder einfacherer Anwendungen zu schreiben. Wenn du schon an den Grundlagen scheiterst, wie soll es dann erst bei komplizierteren Dingen werden!? Außerdem ist dein Problem nicht mit einer Copy&Paste Lösung zu beheben.

Alternativ empfehle ich dir erstmal eine Tour in SelfHTML zu machen: http://de.selfhtml.org/navigation/anfang/index.htm

Delete - Mi 11.11.09 09:20

@Regan: Wie soll mann auch was können wenn mann mit sowas einfach Überfallen würd. Ich hätte es ja anderst gemacht nur leider Gefält Ihm das nich er will es umbedingt so haben per JAVA. Ich hätte Flash genommen aber das Programm ist Ihm leider zuteuer. Was will mann da machen §1 Der Chef hat immer Recht! usw. Alle anderen Lösungen findet er nich gut oder schön( Mal unter uns gesagt mir gefält die Seite überhaubt nich) aber was will mann machen. Muß er halt mit den Fehlern lernen. Für mich Zuhause nutze ich WYSIWYG Web Builder 6 und bin sehr zufrieden mit dem Programm. Habe ja mit diesem Programm Ihm auch schon eine erstelt mit mehreren Seiten (Firmen Vorstellung usw) Das will er nich hat er gesagt.

mfg Amsel0_0

Regan - Mi 11.11.09 09:21

Amsel0_0 hat folgendes geschrieben :

per JAVA.

Warum nimmst du dann Javascript!?

Delete - Mi 11.11.09 09:46

@Regan: Weil er das umbedingt so will. Mein Prob bei dem anderem Programm war das ich keine Texte unter die Slide-Show machen konte. Und er im Netz sowas Fertiges halt das was ich hier habe gefunden hat und dann gesagt hat mach die HP mit dem Java. Finde Java nich so schön.

mfg Amsel0_0

chubbson - Mi 11.11.09 10:30

Hi Amsel

Also nochma. Dein Chef will kein Java^^ er will javascript! denn wenn er java möchte dann hättest du erst mal andere probleme und müsstest wissen wie man java programmiert und wie man in java applets schreibt und die dan inner internet seite einbettest ;)

Also wir reden hier von javascript und werden das ab nun auch so nennen.

Dann muss ich mich nochma entschuldigen, mein code hat vom einrücken her ned gestimmt;( hab da einige end div's übersehen.. aber um die zu finden überlass ich dir.

Ich würde dir vorschlagen den ganzen code erst einmal zu verstehen was der macht! und dazu musst du jeden einzelnen befehl erst mal bei selfhtml bei der html sparte und bei der javascript sparte mal nachschauen was die machen.

Dazu... sollteste
1. Deinen code richtig einrücken.. damit du die struktur erkennst.
2. Bei self html nachschauen wie eine grundstruktur überhaupt auszuschauen hat. Simak hat oben das mal ganz grob aufgeschrieben.
Da wirste sehen dass du in deinem <head> part gar kein titel definiert hast.. auch sollte der <head> vor dem body kommen!
3. dein neu strukturierten code bei w3c in dem validator durchlassen wenndeine struktur danns stimmt.. dann runtecrollen und deine ganzen fehler die aufgelistet werden fixen
Da wirste dann sehen das wie benbe schon gesagt hat dein doctype nich stimmt.. dort bekommste ein link mit validen doctypes und da suchste einfach nen richtigen aus;) aber das hab ich auch noch nie genau verstanden.. würde wie benbe gesagt han nen html4.0 transletive nehmen
Weiter unten wirst du sehen, das du in html plötzlich variablen aus javascript einfügen möchtest aber gar kein javascript tag offen hast... damit kennt er auch deine variablen nicht.

Aber mach erst mal soweit dann schauen wir weiter.

und nicht vergessen du must Javascript einsetzen und nich java ... kannst deinem chef das auch sagen. das sind 2 verschiedene paar schuhe

Delete - Mi 11.11.09 10:43

chubbson danke schön erst mal.
Es ging Ihm darum das es keine AktiveX(damit hatte ich schon alles Fertig) Sachen sind, die sind ja bei den meisten Firmen vom Admin deaktiviert wurden wie bei uns auf Arbeit(das mache ich selber alles). Und Java braucht mann ja für die Scripte und die meisten HPs die im Netz sind, daher ist Java nich deaktiviert und der Kunde kann sich einfach alles Anschaun.Und wenn der Kunde will kann er ja mit uns Kontakt aufnehmen, um ein Angebot anzufordern.
Hoffe mal das du mich jezt besser verstehst.

mfg Amsel0_0

Lannes - Mi 11.11.09 11:12

Hallo,

JavaScript <> Java :mahn:

lies das mal:
JavaScript versus Java - Der Unterschied [http://www.webmaster-eye.de/JavaScript-versus-Java-Der-Unterschied.359.artikel.html]

Delete - Mi 11.11.09 11:29

Danke schön Lannes das habe ich nich gewust. Da wundert mich aber nur eins, mache das ganze auf meinen Laptop da kein anderer PC frei ist und am Anfang ging bei mir die Slide-Show nich, da war nur immer ein Lehres Fenster mit Java drin. Deshalb dachte ich das es Java braucht, also schnell rundergeladen Install gemacht und siehe da es Funzte und in der Taskleiste war ein kleines Symbol zu sehn.
Oder liege ich da jezt Falsch. Wenn ich die HTML Seite im Brouser Öffne dann habe ich immer dieses Symbol in der Taskleiste.

mfg Amsel0_0

Lannes - Mi 11.11.09 13:04

Hallo,

Amsel0_0 hat folgendes geschrieben :

Danke schön Lannes das habe ich nich gewust.

das hat man Dir aber schon mehrmals gesagt. :?

Zu dem Problem mit dem Java-Fenster kann ich wenig sagen, eventuell hast Du ja zu Anfang Deiner Bemühungen aus der HTML/JavaScript-Zusammenstellung irgendwo Java angesprochen? :nixweiss:

Delete - Mi 11.11.09 13:13

In dem Script hat sich kaum was geändert. Das einzige was ich gemacht habe Bildnamen geändert und die Hintergrundfarbe angepast und ein Link zur zweiten Seite ist noch dazu gekommen. Sonst ist alles noch Orginal.

mfg Amsel0_0

Regan - Mi 11.11.09 13:20

Amsel0_0 hat folgendes geschrieben :

Und Java braucht mann ja für die Scripte

Nein.

Amsel0_0 hat folgendes geschrieben :

und die meisten HPs die im Netz sind, daher ist Java nich deaktiviert und der Kunde kann sich einfach alles Anschaun.

Ich denke, dass beim wichtigsten "Kunden" im Netz Javascript deaktiviert ist Google

Amsel0_0 hat folgendes geschrieben :

Browser? Wo hast du das runtergeladen?

Was von den folgenden Symbolen kam bei dir und welches davon ist Javascript?