Ergebnis 1 bis 3 von 3

Thema: Navigation links des Inhalts (Inhalts ist center)

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

    Standard Navigation links des Inhalts (Inhalts ist center)

    Guten Tag,
    Ich bin gerade an einer Websiteprogrammierung, das läuft bis jetzt ganz gut, jedoch habe ich ein kleines Problem.
    Ich habe den Inhalt erstellt (float: center) und möchte nun meine Navigation links davon. Leider verzieht sich die Navigation immer in die linke Ecke wenn ich rauszoome.
    Kann mir jemand einen Tipp geben, wie ich die Navigation links davon hinbekomme?
    In dem schwarzen Balken sollte Weiss der Text sein und über dem Inhalt ist noch ein Bild, jetzt möchte ich noch die Navigation links davon.

    Hier noch mein html und css codes:

    html:
    <head>
    <link href="css.css" type="text/css" rel="stylesheet"></head>
    <body>

    <div id="Headbild">


    </div>
    <div id="Inhalt_Background">

    <div id="nav">
    <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
    </ul>
    </div>

    </div>
    <table>
    <tr>
    <td style="color:white">
    Text
    </td>
    </tr>
    </table>
    </div>

    </body>


    css:

    #nav{
    width: 500px;
    }


    #nav ul {
    float: center;
    }


    #nav li{
    list-style-type: none;
    display: block;
    list-style: none;
    margin-top: 5px;
    border: 1px solid gray;
    background:linear-gradient(0deg, yellow 5%, orange 70%);
    width: 150px;
    }
    #Inhalt{
    text-align: center;
    }
    #Inhalt_Background{
    align:center;
    margin: 0 auto;
    background-color: black;
    opacity: 0.8;
    width: 800px;
    height: 1000px;
    float: center;
    }
    #Navigationlayout{
    }
    #Headbild{
    background: url(bild2.jpg) no-repeat;
    background-position: center;
    height:250px;
    text-align: left;
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    margin-bottom:15px;
    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
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Navigation links des Inhalts (Inhalts ist center)

    Die Eigenschaft float hat keinen Wert center. Die kennt nur left, right und none. Siehe: http://de.selfhtml.org/css/eigenscha...rung.htm#float - einfach einen Wert erfinden bringt dir nichts.

    Um dein Ziel zu erreichen musst Du entweder den Wert left verwenden (siehe Link) oder auf float verzichten und mit display: flex arbeiten (Suche im Netz hilft dabei).

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    21.09.2014
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigation links des Inhalts (Inhalts ist center)

    Ok vielen Dank, da hab ich mich wohl vertan ^^

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 07.03.2012, 13:48
  2. text und links nicht center...
    Von rammstein im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 06.07.2009, 00:47
  3. Änderung des Inhalts in Synchronisierter Fassung!
    Von Eireen im Forum Off Topic und Quasselbox
    Antworten: 0
    Letzter Beitrag: 04.11.2006, 12:57
  4. Navigation nur Links
    Von spassvogel im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 5
    Letzter Beitrag: 31.10.2006, 23:21
  5. <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
  •