HTML/CSS Design mit Menü Problemen

misscutenight

misscutenight

I Dont Care ♥
ID: 323565
L
26 Juli 2008
215
24
Hallo,

Mein Problem ist folgendes ;):
https://demomailer.du-mail-game.de/

Auf der Startseite alles normal;
Klickt man dann aber oben auf Features, kommt nen langer Text und das Menü verschwindet mit nach unten.

Ich möchte dass, das Menü oben bleibt. Wie schaff ich dass?

Quelltext:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Meidericher-Mailer.de - Wir versprechen ihnen nicht das Blaue vom Himmel!</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>


<body>
<table width="1000" border="0">
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr>
<th width="84" scope="col"> </th>
<th width="790" colspan="2" scope="col"><dl class="image_map">
<dd><a class="LINK0" title="Home" href="<?php echo"$projekturl";?>/index.php?ref=<?php echo"$ref"?>"></a></dd>
<dd><a class="LINK1" title="Features" href="<?php echo"$projekturl";?>/features.php?ref=<?php echo"$ref"?>"></a></dd>
<dd><a class="LINK2" title="Portal" href="<?php echo"$projekturl";?>/rubrick.php?ref=<?php echo"$ref"?>"></a></dd>
<dd><a class="LINK3" title="Ralley's" href="<?php echo"$projekturl";?>/rallys.php?ref=<?php echo"$ref"?>"></a></dd>
<dd><a class="LINK4" title="AGB" href="agb"></a></dd>
<dd><a class="LINK5" title="Impressum" href="<?php echo"$projekturl";?>/impressum.php?ref=<?php echo"$ref"?>"></a></dd>
<dd><a class="LINK6" title="Mediadaten" href="<?php echo"$projekturl";?>/media.php?ref=<?php echo"$ref"?>"></a></dd>
<dd><a class="LINK7" title="FAQ" href="<?php echo"$projekturl";?>/faq.php?ref=<?php echo"$ref"?>"></a></dd>
<dd><a class="LINK8" title="Regeln" href="<?php echo"$projekturl";?>/regeln.php?ref=<?php echo"$ref"?>"></a></dd>
</dl></th>
<th width="102" scope="col"> </th>
</tr>
<td height="15"> </td>
<td id="cntbg" bgcolor="#FFFFFF" style="border:0px solid #000000;"><div id="navii">
<table style="border:1px solid #000000;" border="0" width="211" cellspacing="0" cellpadding="0">
<td width="209" height="17" bgcolor="#315887"><font size="2" face="Arial"><b> <font color="#ffffff">Member</font></b></font></td>
<tr>
<td width="209" valign="top"><a style="TEXT-DECORATION: none" href="<?php echo"$projekturl";?>/anmeldung.php?ref=<?php echo"$ref"?>">Anmelden</a><br />
<a style="TEXT-DECORATION: none" href="<?php echo"$projekturl";?>/login.php?ref=<?php echo"$ref"?>">Login</a><br />
<a style="TEXT-DECORATION: none" href="<?php echo"$projekturl";?>/top10.php?ref=<?php echo"$ref"?>">Top 10 Liste</a></td>
</tr>
</table>
<br />
<br />
<table style="border:1px solid #000000;" border="0" width="207" cellspacing="0" cellpadding="0">
<td width="205" height="17" bgcolor="#315887"><font size="2" face="Arial"><b> <font color="#ffffff">Sponsoren</font></b></font></td>
<tr>
<td width="205" valign="top"><a style="TEXT-DECORATION: none" href="<?php echo"$projekturl";?>/buchen.php?ref=<?php echo"$ref"?>">Anmeldung</a><br />
<a style="TEXT-DECORATION: none" href="<?php echo"$projekturl";?>/sponsor/login.php?ref=<?php echo"$ref"?>">Login</a><br />
<a style="TEXT-DECORATION: none" href="<?php echo"$projekturl";?>/sponsor/preisen.php?ref=<?php echo"$ref"?>">Preise</a></td>
</tr>
</table>
</div></td>
<td id="cntbg" bgcolor="#FFFFFF" width="600">Testa</td>
<td></td>
</tr>
<tr>
<td> </td>
<td colspan="2" id="footer"><img src="file:///C|/Dokumente und Einstellungen/Administrator/Desktop/footer.png" width="805" /></td>
<td> </td>
</tr>
<tr>
<td></td>
<td colspan="2"><center>
<font color="#FFFFFF">© by Meidericher-Mailer.de</font>
</center></td>
</tr>
</table>
</body>
</html>

CSS:
HTML: 
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, ul {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
background-attachment: scroll;
background-image: url(hg.png);
background-repeat: no-repeat;
background-color: #007188;
}
#cntbg {
background-image: url(contentbg.png);
background-repeat: repeat-y;
position: relative; 
}
#footer {
background-attachment: fixed;
background-image: url(footer.png);
background-repeat: no-repeat;
padding-top: 0px;
}
#navii {
color: #000;
padding-top: 0px;
float:left;
position: relative;
}

dl.image_map {display:block; width:800px; height:185px; background-image:url(header.png); position:relative; margin:2px auto 2px auto;}
a.LINK0 {left:10px; top:10px; background:transparent;}
a.LINK0 {display:block; width:86px; height:0; padding-top:38px; overflow:hidden; position:absolute;}
a.LINK0:hover {background:transparent; border:0px dashed black; color:black;}
a.LINK1 {left:102px; top:10px; background:transparent;}
a.LINK1 {display:block; width:79px; height:0; padding-top:36px; overflow:hidden; position:absolute;}
a.LINK1:hover {background:transparent; border:0px dashed black; color:black;}
a.LINK2 {left:201px; top:11px; background:transparent;}
a.LINK2 {display:block; width:79px; height:0; padding-top:36px; overflow:hidden; position:absolute;}
a.LINK2:hover {background:transparent; border:0px dashed black; color:black;}
a.LINK3 {left:305px; top:10px; background:transparent;}
a.LINK3 {display:block; width:79px; height:0; padding-top:36px; overflow:hidden; position:absolute;}
a.LINK3:hover {background:transparent; border:0px dashed black; color:black;}
a.LINK4 {left:408px; top:11px; background:transparent;}
a.LINK4 {display:block; width:79px; height:0; padding-top:36px; overflow:hidden; position:absolute;}
a.LINK4:hover {background:transparent; border:0px dashed black; color:black;}
a.LINK5 {left:519px; top:9px; background:transparent;}
a.LINK5 {display:block; width:84px; height:0; padding-top:36px; overflow:hidden; position:absolute;}
a.LINK5:hover {background:transparent; border:0px dashed black; color:black;}
a.LINK6 {left:614px; top:10px; background:transparent;}
a.LINK6 {display:block; width:66px; height:0; padding-top:35px; overflow:hidden; position:absolute;}
a.LINK6:hover {background:transparent; border:0px dashed black; color:black;}
a.LINK7 {left:688px; top:9px; background:transparent;}
a.LINK7 {display:block; width:33px; height:0; padding-top:34px; overflow:hidden; position:absolute;}
a.LINK7:hover {background:transparent; border:0px dashed black; color:black;}
a.LINK8 {left:726px; top:11px; background:transparent;}
a.LINK8 {display:block; width:62px; height:0; padding-top:34px; overflow:hidden; position:absolute;}
a.LINK8:hover {background:transparent; border:0px dashed black; color:black;}

A:link,A:visited,A:active {
color: #007188;
text-decoration: none;
}

A:hover { 
color: #000000;
text-decoration: underline;
}

Ich komm nicht mehr weiter, ich hab zwar schon nach Lösungen gegoogelt aber nix spezielles gefunden >.<!
 
Zuletzt bearbeitet:
entweder im td: valign=top
oder via css: vertical-align:top;

ps: Du hast bei mind. einer Grafik auf deine Festplatte verlinkt (funktioniert nicht)
und Tabellendesigns waren schon vor 5 Jahren out.
 
Weise dem Div Container #navii im Stylesheet einfach eine Postition (top/left) zu, dann sollte es klappen.

Wenn Du schon dabei bist, kümmer Dich bitte auch gleich um die vielen Rechtschreibfehler/Satzbau.Da tun einem beim Lesen ja die Augen weh :roll:
 
Zuletzt bearbeitet:
Hallo ihr Zwei,

eure Tipps bzw. vorschläge haben leider nicht geholfen!
Ich änder das Design jetzt einfach in ein DIV.

Schönen Tag noch ;)!
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

exportforce
    • Like
KI Bilder Design
Antworten
2
Aufrufe
4K
domino
domino
P
TV-Programm mit Problemen der Zeitumstellung
Antworten
1
Aufrufe
1K
klamm
klamm
Zurück
Oben