+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: CSS und Javascript (https://forum.juergens-workshops.de/forumdisplay.php?fid=86)
+--- Thema: Link Problem mit IE (/showthread.php?tid=22216)
Link Problem mit IE - Mave - 13.04.2007
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
Link Problem mit IE - Helmut - 13.04.2007
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;
}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
Link Problem mit IE - Mave - 14.04.2007
Vielen dank für die schnelle Antwort, klappt wunderbar !