• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Grafiken werden online nicht angezeigt

H

Headder

Neues Mitglied
Hallo alle zusammen,

ich arbeite im Moment an der Homepage für meinen Verein und ich kein
HTML-Profi sondern mache das mal so nebenher als Hobby. Verzeiht mir
daher bitte einige Fehler die ihr finden solltet.

Mein Problem:

Ich habe auf meiner Seite: Ruderverein Goethe-Gymnasium (Neue Domain kommt bald, die Site ist relativ neu) unter Bilder und Berichte -> Trainingslager Berlin ein paar Bilder reingestellt. Wenn ich diese Seite lokal auf meinem Rechner betrachte funktioniert alles, aber sowie ich die Seite hochlade werden die Bilder in der Tabelle nicht mehr angezeigt (Bilder werden relativ über TLBerlin09/pic.jpg aufgerufen).

Die Hintergrundbilder werden genauso aufgerufen, aber ohne Probleme.
Das Phänomen tritt bei mir mit IE 7 sowie MF auf.

Suchfunktion und google haben mich auch nicht weitergebracht.

Vielen Dank im Vorraus

PS: Ich weiß das man den CSS Teil auslagern kann, aber nicht alle Seiten haben den gleichen CSS Code.
Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>Bilder und Berichte</title>

<style type: text/css>

#h2
{align: center;
text-align: center;
font-size: 20px;
color: c8371f;
}

#text
{color: c8371f;
position:absolute;
margin-left:150px;
margin-top.50px;
}

#navbar
{display:block;
position:absolute;
color: c8371f;
margin-left:50px;
margin-top:20px;
border: c8371f;
border-width: 0 0 3 2;
border-style: none none groove groove;
width: 90px;
padding: 6px;
}

a:link{color:c8371f;
text-decoration: none;}

a:visited {color: c8371f;
text-decoration: none;}

a:hover{color: c8371f;
text-decoration: underline;
font-weight:bold;}

body {background-image: url(Bilder/ausone.jpg);
background-repeat: no-repeat;
}

</style>

</head>

<body>
<div id="h2">
<p>Trainingslager Berlin - Bilder</p>
</br></br>
</div>
<a href="Berichte.htm">Zurück</a></br>

<table style="margin-left:150px; margin-top:20px; position:absolute;">
<tr>
<td> <img src="TLBerlin09/IMAG0030.jpg" width="300" height="250"></td>
<td> <img src="TLBerlin09/IMAG0031.jpg" width="300" height="250"></td>
<td> <img src="TLBerlin09/IMAG0063.jpg" width="300" height="250"></td>
</tr>
<tr>
<td> <img src="TLBerlin09/IMAG0062.jpg" width="300" height="250"></td>
<td> <img src="TLBerlin09/IMAG0067.jpg" width="300" height="250"></td>
<td> <img src="TLBerlin09/IMAG0069.jpg" width="300" height="250"></td>
</tr>
<tr>
<td> <img src="TLBerlin09/IMAG0037.jpg" width="300" height="250"></td>
<td> <img src="TLBerlin09/IMAG0059.jpg" width="300" height="250"></td>
<td> <img src="TLBerlin09/IMAG0060.jpg" width="300" height="250"></td>
</tr>
<tr>
<td> <img src="TLBerlin09/IMAG0028.jpg" width="300" height="250"></td>
<td> <img src="TLBerlin09/IMAG0035.jpg" width="300" height="250"></td>
<td> <img src="TLBerlin09/IMAG0061.jpg" width="300" height="250"></td>
</tr>
</table>
</body>
</html>
Zum Vergrößern anklicken....
 
Nach langem, sehr sehr langem Laden (ISDN-User ~15 Minuten) wurden mir alle Bilder angezeigt. Vielleicht solltest du die Bilder verkleinern oder zumindest Vorschaubilder verwenden.
Wegen dem IE7 vielleicht der Tipp: Schreibe(benenne) die Ordnernamen und die Dateinamen alle in klein-Buchstaben um, zudem solltest du auch auf Sonderzeichen verzichten. Einige Browser haben Probleme mit groß-klein Schreibung in solchen Dingen.

Zudem möchte ich dir das Wort "Semantik" ans Herz Legen. Google danach oder such hier im Forum danach. Dein HTML Code ist teilweise falsch (bz "<style type: text/css>" übersieht mein FF2 komplett)

Mfg
 
Das sind ganze 21MB, die da übertragen werden, wenn man sich die Bilder ansehen will. Du solltest dringend Vorschaubilder in geringer Größe erstellen und das hochaufgelöste Bild nur per Klick auf das Vorschaubild laden lassen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben