Ergebnis 1 bis 7 von 7

Thema: Navigationshilfe

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

    Standard Navigationshilfe

    Sehr geehrte Forenmitglieder,

    ich brauche bei meinem Projekt etwas Hilfe.
    Die Enterpage ist soweit gecodet, worauf ich um ehrlich zu sein schon stolz bin

    Nun ist es aber bei der Navigation schon vorbei, die Buttons werden nicht nebeneinander angezeigt. Ebenfalls sollen sie mittig sein.
    Ich könnte das Ganze mit Pixelangaben machen, jedoch möchte ich, dass die Buttons egal wie gross der Bildschirm ist automatisch in der Mitte nebeneinander sind, da die Enterpage auch in mehreren Größen angeschaut werden kann.
    Mit <center> sind sie zwar mittig, aber immernoch nicht nebeneinander.

    Ich denke es ist einfacher, wenn ich das Ganze einfach hochlade, und ihr es euch selbst angucken könnt. Der Code ist ja aufrufbar.

    Site: testing1222.bplaced.net

    Vielen Dank,
    Paul.
    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
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Navigationshilfe

    das einfachste wäre eine ul zu nehmen und die LI floaten zu lassen gib dann der ul die breite, die sie benötigt, damit alle buttons nebeneinander passen und dann gibste der ul nen margin: 0 auto;

    wenn du das ohne ul machen möchstest, empfehle ich dir die links floaten zu lassen, denen aber auch einen container drum herum zu verpassen, ist grundlegend das gleiche spiel wie bei der liste nur eben mit anderen elementen
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    08.02.2013
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigationshilfe

    Danke für die Hilfe, jetzt geht's voran, aber am Ziel bin ich leider noch nicht, sieht jetzt so aus: http://testing1222.bplaced.net/website/index.html

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Navigationshilfe

    ul feste breite, margin:0 auto, list-style:none und clear:both
    li float:left und bämm haste fertig die navi
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    08.02.2013
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigationshilfe

    Ich danke dir nochmal für die Hilfe und muss sagen, dass ich dafür zu doof bin
    Habe eine andere Version versucht, die wohl "besser" ist, da gibts aber andere Problem..
    Hier zu finden: http://testing1222.bplaced.net/website/index.html

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Navigationshilfe

    Er setzt sich damit ausseinander und gibt keine Pseudohilfe.
    wassn das für ne bewertung? ich hab doch alle notwendigen punkte genannt.
    soll ich jetzt den gesamten code liefern?
    eigentlich liefern wir hier hilfe zur selbsthilfe!
    wenn ein user etwas nicht versteht oder irgendwo weiterführende probleme hat, ist es doch keine bringeschuld vom helfenden alles vorzukauen,
    sondern eine holschuld vom suchenden.
    woher soll ich wissen, was du nicht verstehst???

    ich schreibs dir jetzt mal langsam auf, damit du es eventuell nachvollziehen kannst

    ein div das ist der container für deine navigation, damit positionierst du deine navi im dokument
    ein weiteres div, das umschliesst auch deine menüpunkte und dient der zentrierung
    deine menüpunkte in form von links (semantisch korrekt wäre noch immer eine liste, aber das hast du ja offensichtlich aufgegeben weils auch nicht gefruchtet hat

    hier mal DEIN code mit MEINER ANPASSUNG

    HTML-Code:
    <div id="navigation"> 
    <div id="navi-center"> 
    <a href="#" class="navipunkt foto-link1 foto1"></a> 
    <a href="#" class="navipunkt foto-link2 foto2"></a>
    <br class="clear" /> 
    </div> 
    </div>
    dazu benötigst du nun dieses css (die breite des navi-center muss natürlich größer werden, wenn du mehr punkte in der navi hast):

    Code:
    #navigation {
      background: url("navigationverlauf.jpg") repeat-x scroll 0 0 transparent;
      height: 33px;
      width: 100%;
    }
    
    #navi-center{
     width:200px;
     margin: 0 auto;
    height: 33px;
    }
    
    a.navipunkt{
    width: 100px;
    float:left;
    height:33px;
    }
    .clear{
     clear:both;
    }
    ich hoffe das war langsam genug. der code ist ungetestet und bevor du zukünftig nen scheiss renomee verteilst, überleg mal lieber, ob das problem nicht zwischen deinen ohren liegt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    08.02.2013
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigationshilfe

    Scheint zu funktionieren, ich danke dir!

    Also ich kenne es aus anderen Foren, dass man kaum ein Danke hört, deswegen kann es sein, dass ich vielleicht etwas übertriebe mit dem Dank.
    Ich werde deine Kritik im Hinterkopf behalten.

Stichworte

Berechtigungen

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