Ich bekomms nicht hin, bilder werden iwie nicht angezeigt

Unregistriert

Hi, ich bastel gerade an meiner ersten eigenen Homepage, bei der ich den HTML und CSS code selbst geschrieben habe.

habe mir HTML und CSS selbst beigebracht und hatte bisher auch keinerlei probleme, jedoch nun will etwas nicht klappen, obwohl ich es auf einer anderen unterseite meiner hp genauso gemacht habe und es da funktioniert hat.

am besten stell ich hier mal meine codes zu den seiten rein, falls doch noch irgendwo fehler drinne stecken:

HTML (hier hat es ohne probleme funktioniert:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="favicon.ico">
<title></title>
</head>
<body>
<div class="container">
<div class="banner">
<img src="banner_einfach.png">
</div>
<div class="mainnav">
<ul>
<li><a class="one" href="index.htm">Home</a></li>
<li><a class="one" href="Garnelen.htm">Garnelen</a></li>
<li><a class="one" href="Krebse.htm">Krebse</a></li>
<li><a class="one" href="Krabben.htm">Krabben</a></li>
<li><a class="one" href="Schnecken.htm">Schnecken</a></li>
<li><a class="one" href="Riffbecken.htm">Riffbecken</a></li>
<li><a class="one" href="Tipps.htm">Tipps</a></li>
<li><a class="one" href="Abzugeben.htm">Abzugeben</a></li>
<li><a class="one" href="Buchtipps.htm">Buchtipps</a></li>
<li><a class="one" href="Galerie.htm">Galerie</a></li>
<li><a class="one" href="Videos.htm">Videos</a></li>
</ul>
</div>
<div class="content">
<div class="picturescontent">
<a class="picture" href="Hummelgarnelen.htm"><img border="0" src="Bilder/250/Hummel_250x200.jpg" alt="Hummelgarnelen" /></a>
<a class="picture" href="RedBee.htm"><img border="0" src="Bilder/250/RedBee_250x200.jpg" alt="Red Bees" /></a>
<a class="picture" href="RedFire.htm"><img border="0" src="Bilder/250/redfire_250x200.jpg" alt="Red Fires, Red Cherry, Sakura" /></a>
<a class="picture" href="Rueckenstrich.htm"><img border="0" src="Bilder/250/Ruckenstrich_250x200.jpg" alt="Rückenstrichgarnelen" /></a>
<a class="picture" href="Tigergarnelen.htm"><img border="0" src="Bilder/250/Tigergarnele_250x200.jpg" alt="Tigergarnelen, Blaue Tigergarnelen, Orange Eyes" /></a>
<a class="picture" href="WhitePearl.htm"><img border="0" src="Bilder/250/whitepearl_250x200.jpg" alt="White Pearls, White Pearl Garnelen" /></a>
<a class="picture" href="YellowFire.htm"><img border="0" src="Bilder/250/Yellow_Fires_250x200.jpg" alt="Yellow Fire Garnelen, Yellow Fires" /></a>
</div>
</div>
<div class="footer">
<p2>© and webdesign by Ken Wahl, http://www.wirbellosenstube.de</p2>
</div>
</div>
</body>
</html>

HTML: (hier hat es kein bisschen funktioniert, bilder werden im browser nicht angezeigt, aber erst nach dem upload auf meinen webspace, wenn ich es mir vorm upload anguck funktioniert alles ohne probleme)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="favicon.ico">
<title></title>
</head>
<body>
<div class="container">
<div class="banner">
<img src="banner_einfach.png">
</div>
<div class="mainnav">
<ul>
<li><a class="one" href="index.htm">Home</a></li>
<li><a class="one" href="Garnelen.htm">Garnelen</a></li>
<li><a class="one" href="Krebse.htm">Krebse</a></li>
<li><a class="one" href="Krabben.htm">Krabben</a></li>
<li><a class="one" href="Schnecken.htm">Schnecken</a></li>
<li><a class="one" href="Riffbecken.htm">Riffbecken</a></li>
<li><a class="one" href="Tipps.htm">Tipps</a></li>
<li><a class="one" href="Abzugeben.htm">Abzugeben</a></li>
<li><a class="one" href="Buchtipps.htm">Buchtipps</a></li>
<li><a class="one" href="Galerie.htm">Galerie</a></li>
<li><a class="one" href="Videos.htm">Videos</a></li>
</ul>
</div>
<div class="left">
<p>Büchertipps</p>
</div>
<div class="content">
<div class="picturescontent"> <p>

<a target="_blank" href=".htm">
<img src="Bilder/.jpg">
</a>
</p>
</div>
<p3>Seite <a class="seite" href="Riffbecken_Tiere.htm">1</a>, <a class="seite" href="Riffbecken_Tiere2.htm">2</a>, <a class="seite" href="Riffbecken_Tiere3.htm">3</a></p3>
</div>
<div class="footer">
<p2>© and webdesign by Ken Wahl - 68766 Hockenheim, http://www.wirbellosenstube.de</p2>
</div>
</div>

</body>
</html>

Hier der CSS code, mit dem hab ich eig. keine probleme:

body {
background-image:url(patt_4b227ea579112.jpg);
font-family:arial, verdana, sans-serif;
overflow-y:scroll;
}

div.container {
width:800px;
padding-top:1.5em;
margin:0 auto;
background-color:#ffffff;
border:1px solid black;
}

div.top {
margin:0;
padding:1em;
color:black;
}

h2.top {
margin:0;
padding:0.4em;
visibility:hidden;
}

div.banner {
margin-left:150px;
padding-bottom:0.5em;
}

div.mainnav {
line-height:90%;
font-size:0.75em;
margin:0 auto;
border-top:1px solid black;
border-bottom:3px dotted gray;
}

li {
display:inline;
}

a.one:link,a.one:visited {
font-weight:bold;
color:black;
width:120px;
text-align:center;
padding:0.4em;
text-decoration:none;
border:1px solid black;
}

a.one:hover,a.one:active {
color:black;
background-color:#87CEEB;
}

a.picture:link,a.picture:visited {
border:0px;
}

a.picture:hover,a.picture:active {
border:0px;
}

a.seite:link,a.seite:visited {
text-decoration:none;

}

a.seite:hover,a.seite:active {
font-weight:bold;
}

a:link,a:visited {
border:0px;
}

a.hover,a:active {
border:0px;
}

div.left {
float:left;
padding:2em;
margin-left:1em;
width:110px;
}

div.content {
padding-top:2em;
padding-bottom:2em;
padding-left:2.4em;
margin-left:150px;
border-left:3px dotted gray;
}

div.scroll {
background-color:white;
width:580px;
height:450px;
overflow-y:scroll;

}

div.picturescontent {
margin:0;
padding-left:1.5em;
}

div.video {
padding-left:1.5em;
}

div.pictures {

padding:1em;
height:360px;
border-top:3px dotted gray;
}

div.picture1 {
position:relative;
left:50px;
top:0px;
z-index:+1
}

div.picture2 {
position:relative;
left:270px;
top:-30px;
z-index:0
}

div.picture3 {
position:relative;
left:450px;
top:-380px;
z-index:+1
}

div.footer {
margin:0;
padding:0.5em;
font-size:0.7em;
border-top:2px dotted gray;
}

h1 {
font-size:1em
}

p {
font-size:0.75em
}

p3 {
font-size:0.8em;
margin-left:200px;
border:1px dotted gray;
padding:0.3em;
}

a.info {
position:relative;
z-index:1;
background-color:#FFFFFF;
color:#2D006B;
text-decoration:none;
}

a.info:hover {
z-index:2;
}

a.info span {
display: none;
}

a.info:hover span {
display:block;
position:absolute;
left:150px;
width:270px;
border:1px solid #000000;
background-color:#FFFFFF;
text-align:center;
padding:5px;
}

Ich bin fast am verzweifeln, habe schon mir alles erdenklich mögliche ausprobiert, aber es ist immer das gleiche, die bilder die ich auf der ersten seite habe werden angezeigt, die auf der zweiten nicht.
Grüße
Ken

Dodo

HTML

<a target="_blank" href=".htm">
<img src="Bilder/.jpg">
</a>


<a target="_blank" href=".htm">
<img src="Bilder/.jpg">
</a>

Was soll denn das da?

Unregistriert

Hi, die sind einfach noch leer....müsst nurnoch die dateinamen reinmachen...

Unregistriert

Hier als beispiel: hier funktionierts: http://css.wirbellosenstube.de/Garnelen.htm hier nicht: http://css.wirbellosenstube.de/Riffbecken.htm

Bandit

Die Datei http://css.wirbellosenstube.de/Einsiedlerkrebs1.jpg existiert ganz einfach nicht.

Dodo

Das Verlinkte Bild existiert einfach nicht.
Überprüfe den Pfad

Unregistriert

Hi,

Bilder exestieren und pfade stimmen auch zu 100%....

Unregistriert

Ein Bild Funktioniert....der rest aber nicht http://css.wirbellosenstube.de/Riffbecken_Tiere.htm ....trotz das ich überall den gleichen Text genutzt habe funktioniert nur das eine bild....versteh ich absolut nich...

Dodo

http://css.wirbellosenstube.de/Einsiedlerkrebs1.jpg existiert sicher nicht!

Unregistriert

[Blockierte Grafik: http://img715.imageshack.us/img715/7633/einsiedlerkrebsscreensh.png]

Dodo

http://css.wirbellosenstube.de/Einsiedlerkrebs1.jpg

Das bringt folgende Ausgabe:

Zitat

Error: 404
Domain: css.wirbellosenstube.de

Unregistriert

Fehler gefunden!

Dank der Standardeinstellung von Windoof 7 sieht man keine Dateiendungen, alle Bilder die nicht angezeigt wurden war die schreibweise der endung .JPG .... musste einfach klein schreiben....jetzt funktioniert es.

danke euch trotzdem für eure versuche mir zu helfen

Ich bekomms nicht hin, bilder werden iwie nicht angezeigt

Tags

Benutzer online in diesem Thema