Login

Mave · 13.04.2007, 15:46

Hallo zusammen,

ich hab da ein kleines Problem, bei dem ich leider nicht selber auf die Lösung komme.:stinkig:
Ich habe mir eine kleine Hp gemacht, die mit meinem Spiel zusammen hängt, daß ich spiele.
Jetzt hab ich das Problem, daß ich Bilder als links gemacht habe, was auch im Mozilla wunderbar funktioniert, allerdings im IE funktionieren nur 2 von 6 Links (Screenshot 3 und 6), obwohl sie eigentlich identisch geschrieben sind.

Ich muß dazu sagen, daß das meine ersten schritte mit CSS sind, also reisst mir nicht direkt den Kopf ab, wenn was nicht stimmt. :erschreck:

Seiten Link.

Hier der Quellcode.

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<title>Screenshot</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body background="image/hintergrund1.gif">
<div id="menue">
<ul>
<li><a href="index.htm" target="_self">Home </a></li>
<li><a href="Download.htm" target="_self">Download</a></li>
<li><a href="Addons.htm" target="_self">Addon-Packet</a></li>

<li><a href="Links.htm" target="_self">Links</a></li>
<li><a href="http://maves.ma.ohost.de/phpBB2/index.php?" target="_blank">Forum</a></li>
<li><a href="Screenshots.htm" target="_self">Screenshots</a></li>
<li><a href="http://maves.ma.ohost.de/guestbook/gb_anzeige.php" target="_blank">Gästebuch</a></li>
<li><a href="Kontakt.htm" target="_self">Kontakt</a></li>
<li><a href="teamspeak://62.75.174.176:1337/?nickname=Mave-Gast">TS-Direktlink</a></li>
</ul>
</div>
<div align="center"><img src="image/logo.gif" width="500" height="150"></div>
<div id="willkommen">
<p>Sie befinden sich jetzt auf der Screenshot Seite.</p>

</div>
<div id="screen1">
<p><a href="Screen1.htm" target="_blank"><img src="Screenshots/2.jpg" width="100" height="75" border="0"></a></p>
</div>
<div id="screen2">
<p><a href="Screen2.htm" target="_blank"><img src="Screenshots/Skelett1.jpg" width="100" height="75" border="0"></a></p>
</div>
<div id="screen3">
<p><a href="Screen3.htm" target="_blank"><img src="Screenshots/1.jpg" width="100" height="75" border="0"></a></p>
</div>
<div id="screen4">
<p><a href="Screen5.htm" target="_blank"><img src="Screenshots/Cyran.jpg" width="100" height="75" border="0"></a></p>
</div>

<div id="screen5">
<p><a href="Screen4.htm" target="_blank"><img src="Screenshots/Landschaft1.jpg" width="100" height="75" border="0"></a></p>
</div>
<div id="screen6">
<p><a href="Screen6.htm" target="_blank"><img src="Screenshots/massaker.jpg" width="100" height="75" border="0"></a></p>
</div>
<div id="inhaltscreen">
<p>Zum vergrößern der Screenshots, klicken Sie auf das Bild.</p>
</div>
</body>
</html>
[/HTML]

Hier die CSS-Anweisung

Code:
/**********Screenshots**********/

#screen1 p{ 

    text-align:center; 

    margin: 20px 0px 0px -210px;

}

#screen2 p{ 

    text-align:center; 

    margin: -75px 0px 0px 0px;

}

#screen3 p{ 

    text-align:center; 

    margin: -75px 0px 0px 210px; 

}

#screen4 p{

    text-align:center;  

    margin: 5px 0px 0px 0px;

}

#screen5 p{

    text-align:center; 

    margin: -75px 0px 0px -210px;

}

#screen6 p{ 

    text-align:center; 

    margin:-75px 0px 0px 210px;

}

#inhaltscreen p{

    text-align:center; 

    color:#F9DB63; 

    font-size:16px; 

    font-weight:bold; margin:70px;}

Ich bedanke mich schonmal im vorraus.

Mave

Helmut · 13.04.2007, 18:23

Hi,

das liegt daran das deine DIV Container sich überlagern im IE.

So ist es besser...

Code:
.bilderliste {

list-style-type: none;

margin: 0;

padding: 0;

width: 400px;

}

.bilderliste li {

float: left;

border: 1px solid #ff9900;

width: 110px;

margin: 3px;

padding: 5px 0px 0px 0px;

}

CSS

Ausgabecode:

[HTML]<div align="center">
<ul class="bilderliste">
<li><a href="Screen1.htm" target="_blank"><img src="Screenshots/2.jpg" width="100" height="75" border="0"></a></li>
<li><a href="Screen2.htm" target="_blank"><img src="Screenshots/Skelett1.jpg" width="100" height="75" border="0"></a></li>
<li><a href="Screen3.htm" target="_blank"><img src="Screenshots/1.jpg" width="100" height="75" border="0"></a></li>
<li><a href="Screen5.htm" target="_blank"><img src="Screenshots/Cyran.jpg" width="100" height="75" border="0"></a></li>
<li><a href="Screen4.htm" target="_blank"><img src="Screenshots/Landschaft1.jpg" width="100" height="75" border="0"></a></li>
<li><a href="Screen6.htm" target="_blank"><img src="Screenshots/massaker.jpg" width="100" height="75" border="0"></a></li>
</ul>
</div>
<br clear="all">[/HTML]

Cu Helmut

Mave · 14.04.2007, 05:00

Vielen dank für die schnelle Antwort, klappt wunderbar !

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	CSS und PHP Problem	Leander	6	3.142	22.05.2008, 16:24 Letzter Beitrag: Leander
	Problem mit Javascript-Menu	Ebba	9	2.468	14.12.2007, 14:33 Letzter Beitrag: Seramis
	CSS Problem	Bonzai	8	2.783	11.08.2005, 00:47 Letzter Beitrag: Bonzai
	Problem bei JAVA-Script in Menü Leiste...(VORSICHT ANFÄNGER)	Andreas69	12	3.564	01.08.2005, 00:27 Letzter Beitrag: Andreas69
	Problem mit CSS Datei	My Startgate	5	2.811	11.12.2004, 22:01 Letzter Beitrag: Hulot
	externer Link in eine Tabelle laden	svgweb	1	1.771	29.08.2004, 16:48 Letzter Beitrag: Hulot