nicht angemeldet
Menu zentrieren - bitte um Hilfe. Danke!
0 0 
Matthias Apsel
Menu zentrieren - bitte um Hilfe. Danke!
Hallo, ich würde gerne dieses Menu zentrieren, aber habe keine Ahnung wie..kann mir bitte jemand helfen? DANKE
<html>
<head>
<script type="text/javascript">
function FrameAendern (URI, Framename) {
parent[Framename].location.href = URI;
}
function ZweiFramesBack (Framename1, Framename2) {
Frame2 = parent[Framename2];
parent[Framename1].history.back();
if (!window.opera)
window.setTimeout("Frame2.history.back()", 100);
}
function ZweiFramesForward (Framename1, Framename2) {
Frame2 = parent[Framename2];
parent[Framename1].history.forward();
if (!window.opera)
window.setTimeout("Frame2.history.forward()", 100);
}
</script>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 13px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
#tabsD {
float:left;
width:100%;
background:muster.jpg;
font-size:95%;
line-height:normal;
border-bottom:0px solid #F4B7D6;
}
#tabsD ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsD li {
display:inline;
margin:0;
padding:0;
}
#tabsD a {
float:left;
background:url("tableftD.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsD a span {
float:left;
display:block;
background:url("tabrightD.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#000000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsD a span {float:none;}
/* End IE5-Mac hack */
#tabsD a:hover span {
color:#000000;
}
#tabsD a:hover {
background-position:0% -42px;
}
#tabsD a:hover span {
background-position:100% -42px;
}
#tabsD #current a {
background-position:0% -42px;
}
#tabsD #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<body background="muster.jpg">
<div id="tabsD">
<ul>
<!-- CSS Tabs -->
<li><a href="links.html" target="links" onclick="FrameAendern('mitte.html',
'mitte')"><span>Willkommen</span></a></li>
<li><a href="links1.html" target="links" onclick="FrameAendern('mitte1.html',
'mitte')"><span>Aktuelles</span></a></li>
<li><a href="links2.html" target="links" onclick="FrameAendern('mitte2.html',
'mitte')"><span>Clubregeln</span></a></li>
<li><a href="links3.html" target="links" onclick="FrameAendern('mitte3.html', 'mitte')"><span>Unsere Mitglieder</span></a></li>
</ul>
</div>
</body>
</html>
-
Meine Herren,
Hallo, ich würde gerne dieses Menu zentrieren, aber habe keine Ahnung wie..kann mir bitte jemand helfen? DANKE
Wäre nett, wenn du deinen Code vorher auf das Wesentliche reduzieren könntest und die Foren-eigenen Syntax-Highlighting-Funktionen nutzt.
-
Meine Herren,
Hallo, ich würde gerne dieses Menu zentrieren, aber habe keine Ahnung wie..kann mir bitte jemand helfen? DANKE
Wäre nett, wenn du deinen Code vorher auf das Wesentliche reduzieren könntest und die Foren-eigenen Syntax-Highlighting-Funktionen nutzt.
hallo,
ich weiß aber nicht, was das Wesentliche ist. Ich weiß nicht, wo man was hinzufügt, damit das Menu zentriert wird.
also bitte um Hilfe, falls mir jemand helfen kann
Grüße
-
Om nah hoo pez nyeetz, lilablau!
Die Sparvariante:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Menü - zentriert</title> <style>[code lang=css] nav { text-align: center; } ul { margin: 0; padding: 0; } li { display: inline; }</style>
</head>
<body>
<nav>
<h3>zentriertes Menü</h3>
<ul>
<li><a href="#">Willkommen</a></li>
<li><a href="#">Aktuelles</a></li>
<li><a href="#">Clubregeln</a></li>
<li><a href="#">Mitglieder</a></li>
</ul>
</nav>
</body>
</html>[/code]Auch zum Umherspielen.
Matthias
-
-
-
Om nah hoo pez nyeetz, lilablau!
Unabhängig von deiner Problemstellung solltest du
- keine Frames
- ein korrektes HTML-Grundgerüst
- keine missbilligten Attribute
- semantisches HTMLverwenden.
Matthias
