Ergebnis 1 bis 5 von 5

Thema: Menü in die Mitte (center)

  1. #1
    HTML Newbie
    Registriert seit
    15.04.2016
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Menü in die Mitte (center)

    Hallo Liebes Forum,
    ich bin neu hier und habe eine Frage:

    Wie Bekomme ich mein Menü Mittig ?

    HTML CODE:
    <center><div id="menu">
    <ul>
    <li class="topmenu">
    <a href="">Startseite.html</a>
    <ul>
    <li class="submenu"><a href="">Unterpunkt 1.1</a></li>
    <li class="submenu"><a href="">Unterpunkt 1.2</a></li>
    </ul>
    </li>
    <li class="topmenu">
    <a href="">Fertige Projekte</a>
    <ul>
    <li class="submenu"><a href="">Währungsrechner</a></li>
    <li class="submenu"><a href="">Unterpunkt 2.2</a></li>
    </ul>
    </li>
    <li class="topmenu">
    <a href="">Logout</a>
    </li>
    </ul>
    </div>
    </center>


    CSS CODE:

    #menu {
    text-align: center;
    font-family: Gotham;
    font-size: 20px;
    color: #797979;
    margin: 0 auto;
    }


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


    #menu li.topmenu {
    float:left;
    }


    .topmenu a {
    float:left;
    width:auto;
    text-align:center;
    }


    .topmenu ul{
    display:none;
    }


    .topmenu a, .submenu a{
    padding:1px 5px;
    border-collapse:collapse;
    color:#797979;
    font-weight:bold;
    text-decoration:none;
    margin:0;
    }


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


    #menu a:hover, .topmenu.on a {
    color:#4C4C4C;
    background-color:#ffddbb !important;
    }


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


    Zum veranschaulichen habe ich noch ein Screenshot der aktuellen Lage gemacht.
    Menü.jpg

    Über eure Hilfe würde ich mich freuen !

    Gruß
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Menü in die Mitte (center)

    Guck mal, ob es für dich so ausreicht.
    http://www.gipspferd.de/CSS-Anleitun...tal-zentrieren

  3. #3
    Youngster
    Registriert seit
    06.04.2016
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Menü in die Mitte (center)

    Versuch mal das in die css datei an den anfang zu setzen

    #centered {
    border:0px solid silver;
    padding:20px;
    position:fixed;
    width:300px;
    top:0px;
    left:50%;
    margin-left: -212px;
    }


    musst aber ein bisschen mit den pixeln experementieren.


    und hier dann im body bereich jenachdem wo du das menü haben willst
    <div id="centered"> MENUE CODE </div>

  4. #4
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Menü in die Mitte (center)

    Negative Außenabstände sind nicht zu empfehlen

  5. #5
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.236
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Menü in die Mitte (center)

    Hallo,

    Leg einfach um das UL bspw. noch ein SPAN und setz den als inline-block:
    Code:
    #menu > SPAN { display:inline-block; }
    ...dann sollte durch das text-align; des #menu Containers alles mittig sein...

    Ach... und lass das <center>-Tag weg, das braucht heute keiner mehr!

    Gruß Arne

Ähnliche Themen

  1. Habe Margin auf Auto aber Menü ist nicht in der Mitte
    Von Domi Nic im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 11.08.2014, 15:34
  2. CSS: center positionierung
    Von Jonathan Ungvari im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 31.07.2012, 18:00
  3. box center stellen..-.
    Von rammstein im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 08.07.2009, 10:35
  4. <center> ; </center>
    Von <Vincent> im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 20.06.2005, 16:17

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •