Menu zentrieren und weiteres

DerAnfänger · 22 November 2015

Gude,

So sieht meine Seite bisher aus:
http://www.directupload.net/file/d/4180/qt64lygs_png.htm

Nun möchte ich das Menü so zentrieren, dass es bis zu den beiden Sidebars geht, aber wie? (ist übrigens ein Dropdown und hat nur die beiden Menüpunkte)
Hier der Code des Menüs:

Code:

#menu {
  font-size:25px;
  position:absolute;
}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

#menu li.topmenu {
  float:left;
}

.topmenu a {
  float:right;
  text-align:center;
}

.topmenu ul{
  display:none;
}

.topmenu a, .submenu a{
  padding:15px 5px;
  border:0px;
  border-collapse:collapse;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  background-color:#404040;
  margin:0;
  height:18px;
  width:365px;
  margin:0px auto;
}

.submenu a{
  font-size:12px;
  width:365px;
  position:relative;
  clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
  color:#FFFFFF;
  background-color:#000000 !important;
}

.topmenu:hover ul {
  display:block;
  z-index:500;
}

Hab den von so ner HTML Dropwodn Menü Seite, also nur zum Teil selbst geschrieben.

Noch irgendwelche Tipps oder Verbesserungsvorschläge? Bin dankbar für alles :)

djheke · 23 November 2015

Code:

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Navigation</title> <style> ul { background:#333; margin:0; padding:0; list-style:none; text-align:center; } li { margin:0; padding:0; display:inline-block; } ul a { display:block; color:#fff; font-weight:bold; padding:10px ; text-decoration:none; } ul li:hover { background:#f00; } </style> </head> <body> <ul> <li><a href="#">Home </a></li> <li><a href="#">About </a></li> <li><a href="#">Impressum </a></li> <li><a href="#">Contact </a></li> </ul> </body> </html>

Menu zentrieren und weiteres

DerAnfänger

Neues Mitglied

djheke

Aktives Mitglied

Neueste Beiträge