Hallo zusammen, ich bin neu hier und hoffe mal das ich bei meinem ersten beitrag alles richtig mache.
vielleicht kann mir endlich jemand licht ins dunkle bringen.
es handelt sich um folgende seite
http://carl-max-graf-von-und-zu-sandizell-rallye.de
und habe probleme mit dem css menü
IE 6 und FF funktioniert einwandfrei, nur im IE7 zickt das ding
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>menü</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#info {height:400px;}
a.padded img {padding:0 10px 10px 0;}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.monitor {
margin: 64px 0px 8px 13px;
}
.menu {
height:200px;
font-size:70%;
margin:0px 0px 50px 15px; /* this page only */
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:200px;
}
/* style the list items */
.menu li {
background:#dfddd9 ;
height:26px;
/* for IE7 */
float:left;
}
.menu li.sub {background:#dfddd9 url(gfx/sub.gif) no-repeat right center;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
.menu a, .menu a:visited {
font-family:verdana;
display:block;
text-decoration:none;
height:25px;
line-height:25px;
width:199px;
color:#2f2929;
text-indent:5px;
border:4px solid #fff;
border-width:4px 4px 4px 4px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:200px; w\idth:199px;}
/* style the link hover */
* html .menu a:hover {color:#af0000; background:#eeeeee; position:relative;}
.menu li:hover {position:relative;}
/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#af0000; background:#eeeeee;}
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#af0000; background:#eeeeee;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}
/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}
/* for IE5.5 and IE6 you need to style each level hover */
/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a href="#nogo">RALLYE</a></li>
<li><a href="#nogo">STRECKE</a></li>
<li><a href="#nogo">PROGRAMM</a></li>
<li><a href="#nogo">ANMELDUNG</a></li>
<li><a href="#nogo">PARTNER & SPONSOREN</a></li>
<li><a href="#nogo">HISTORIE - DIE IDEE</a></li>
<li class="sub"><a href="#nogo">PRESSE
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#nogo">PRESSEKONFERENZ</a></li>
<li><a href="pages_presse_berichte.php">BERICHTE AUS DER PRESSE</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">IMPRESSIONEN</a></li>
<li><a href="#nogo">ORGA TEAM</a></li>
<li><a href="#nogo">KONTAKT</a></li>
</ul>
</div><div class="monitor" >
<table width="210" border="0" cellspacing="4" cellpadding="0">
<tr>
<td style="border: 1px dashed #444444;" bgcolor="#CCCCCC"><p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<img src="gfx/a.gif" width="6" height="1">Aktualisierungsmonitor </font></p>
<p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="gfx/a.gif" width="6" height="1">last
modification: 19.06.10<br>
<img src="gfx/a.gif" width="6" height="1">PRESSE - Berichte der Pressekonf.<br>
<img src="gfx/a.gif" width="6" height="1">Besucher:
<?php
include("counter.php");
echo "<font>$zahl</font>";
?>
</font></p></td>
</tr>
</table>
</div>
</body>
</html>
LinkBack URL
About LinkBacks
Zitieren
