Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Menüleiste in Java

Frage Entwicklung Webentwicklung

Mitglied: Rebell

Rebell (Level 1) - Jetzt verbinden

22.02.2007 um 16:41 Uhr, 4289 Aufrufe

Zentrierung der Menüleiste

Hallo Admins,

ich habe hier ein kleines Problem mit einem vorgefertigten Java Script, und zwar möchte ich die Menüleiste eigentlich nur auf der Webseite zentreiren. Ich habe schon im Quelltext verweise auf eine absolute Position gefunden - allerdings fehlt mir nun der Befehl für die Zentrierung (Menu-align="center".....klappt leider nicht). Ich habe schon diverses ausprobiert - allerdings ohne Erfolg. Das Script wird lokal zwar an der richtigen Position angezeigt, nach dem Upload verschiebt es sich allerdings immer wieder. Anbei das Script:

<!DOCTYPE html PUBLIC " -W3CDTD XHTML 1.0 Stric tEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">
<!--
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
-->
</script>


<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
font: 80% tahoma;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0px;
left: 300;
z-index:100;
width: 600px;
height: 26px;
}
#menu dl {
float: left;
width: 120px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 0px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
.Stil1 {font-family: Tahoma}
body,td,th {
font-size: 80%;
}
-->
</style>
</head>

<body>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="http:
www.rebell-edv.de/index.php" title="Zurück zur Startseite">Home</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1');">Produkte</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Hardware</a></li>
<li><a href="#">Software</a></li>
<li><a href="#">Telekommunikation</a></li>
<li><a href="#">Schiessmichtot</a></li>
<li><a href="#">Häschnitgseh</a></li>
<li><a href="#">Willschnetseh</a></li>
</ul>

</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre();"><a href="http://www.rebell-edv.de/kontakt.php" title="Kontakt">Kontakt</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');">
<div align="center">Service</div>
</dt>
<dd id="smenu3">
<ul>

<li><a href="#">Service 1</a></li>
<li><a href="#">Service 2</a></li>
<li><a href="#">Service 3</a></li>
<li><a href="#">Service 4</a></li>
<li><a href="#">Service 5</a></li>
</ul>

</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');">Impressum</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Impressum 1</a></li>
<li><a href="#">Impressum 2</a></li>
<li><a href="#">Impressum 3</a></li>
</ul>
</dd>
</dl>

</div>


<div align="left"></div>
</body>
</html>


Vielen dank für eure Hilfe.

Rebell
Neuester Wissensbeitrag
Windows 10

Sticky Notes - Autostart unterbinden

Tipp von Pedant zum Thema Windows 10 ...

Ähnliche Inhalte
Windows Tools
Patch- und Updateverwaltungslösung für Adobe Java usw (8)

Frage von scout71 zum Thema Windows Tools ...

Java
Java kompilieren (5)

Frage von Zockervogel zum Thema Java ...

Heiß diskutierte Inhalte
Flatrates
DeutschlandLAN der Telekom - welche internen IPs? (19)

Frage von qualidat zum Thema Flatrates ...

LAN, WAN, Wireless
Wie Gäste ins Internet bringen? (15)

Frage von xSiggix zum Thema LAN, WAN, Wireless ...

Linux
gelöst Schmaler Scrollbalken in Python-Anwendung (14)

Frage von indi955 zum Thema Linux ...