Ergebnis 1 bis 4 von 4

Thema: Navi centern

  1. #1
    Unregistriert
    Gast

    Standard Navi centern

    Guten Morgen liebe Freaks

    Ich habe hier mal folgendes Problemchen, habe mir ne Navi für ne Seite erstellt, die Navi ist in HTML geschrieben und mit einem CSS Style versehen worden, nun hab ich die Seite mal geöffnet und siehe da, meine Navi ist nicht in der Mitte der Seite, gut dachte ich mir hab ich wohl den center Befehl vergessen, also nachgeschaut und NEIN ich hatte ihn nicht vergessen.
    Die Ganze Sache hier läuft weder mit <center> noch mit <... align="center"> mitlerweile bin ich hier ein bisschen Hilflos, denn auch befreundete Menschen die ein bisschen was von HTML verstehen haben keine Lösung gefunden, hoffe Ihr könnt mir ein bisschen weiter helfen.

    Besten Dank
    N.Uhl

    HTML CODE:

    <body bgcolor="#000000" text="FFFFFF">
    <HTML>
    <HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Lehrerzitate</title>
    <style type="text/css">

    .menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px; background:url(pro_four0.gif);}
    .menu4 li {float:left;}
    .menu4 li a {display:block; float:left; height:35px; line-height:33px; color:#aaa; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursorointer; font-size:11px;}
    .menu4 li a b {float:left; display:block; padding:0 28px 0 14px;}
    .menu4 li.current a {color:#fff; background:url(pro_four2.gif);}
    .menu4 li.current a b {background:url(pro_four2.gif) no-repeat right top;}
    .menu4 li a:hover {color:#fff; background: url(pro_four1.gif);}
    .menu4 li a:hover b {background:url(pro_four1.gif) no-repeat right top;}
    .menu4 li.current a:hover {color:#fff; background: url(pro_four2.gif); cursor:default;}
    .menu4 li.current a:hover b {background:url(pro_four2.gif) no-repeat right top;}

    <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
    <TITLE></TITLE>
    <META NAME="GENERATOR" CONTENT="OpenOffice.org 3.3 (Win32)">
    <META NAME="AUTHOR" CONTENT="N.Uhl">
    <META NAME="CREATED" CONTENT="20110328;21411343">
    <META NAME="CHANGEDBY" CONTENT="N.Uhl">
    <META NAME="CHANGED" CONTENT="20110328;21450095">
    <STYLE TYPE="text/css">
    <!--
    @page { margin: 2cm }
    P { margin-bottom: 0.21cm }

    </STYLE>
    </HEAD>
    <BODY LANG="de-DE" DIR="LTR">
    <center>
    <ul class="menu4">
    <li><a href="frau-hanses.html" target="main"><img src="pictures/nav-button-hanses.jpg" border="0" /></a></li>
    <li><a href="frau-hargarten.html" target="main"><img src="pictures/nav-button-hargarten.jpg" border="0" /></a></li>
    <li><a href="frau-klinke.html" target="main"><img src="pictures/nav-button-klinke.jpg" border="0" /></a></li>
    <li><a href="frau-pribert.html" target="main"><img src="pictures/nav-button-pribert.jpg" border="0" /></a></li>
    <li><a href="frau-schulz.html" target="main"><img src="pictures/nav-button-schulz.jpg" border="0" /></a></li>
    <li><a href="frau-von-capitaine.html" target="main"><img src="pictures/nav-button-von-capitaine.jpg" border="0" /></a></li>
    <li><a href="herr-hahne.html" target="main"><img src="pictures/nav-button-hahne.jpg" border="0" /></a></li>
    <li><a href="schueler-zu-schueler.html" target="main"><img src="pictures/nav-button-schueler-zu-schueler.jpg" border="0" /></a></li>
    <li><a href="guestbook.html" target="main"><img src="pictures/nav-button-guestbook.jpg" border="0" target="main" /></a></li>
    </ul>
    </center>
    </body>
    </html>
    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) Avatar von DarkEmperor
    Registriert seit
    23.04.2010
    Ort
    Freital
    Alter
    24
    Beiträge
    356
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    5

    Standard AW: Navi centern

    Standardt Antwort:
    Bitte die Website verlinken wo das Problem ist damit wir uns mal ein Bild deines Problems machen können, desweiteren wäre es einfacher wenn du das nächste mal einen Quellcode in die tollen html, php oder code BB-Codes setzt!
    Bitte ni zu böse nehmen, aber sowas hilft um einiges um Probleme zu lösen!^^ Ansonsten bin ich gerne bereit dir zu helfen!

    Damit das dann so, aussieht:
    HTML-Code:
    <body bgcolor="#000000" text="FFFFFF">
     <HTML>
     <HEAD>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Lehrerzitate</title>
     <style type="text/css">
    
     .menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px; background:url(pro_four0.gif);}
     .menu4 li {float:left;}
     .menu4 li a {display:block; float:left; height:35px; line-height:33px; color:#aaa; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursorointer; font-size:11px;}
     .menu4 li a b {float:left; display:block; padding:0 28px 0 14px;}
     .menu4 li.current a {color:#fff; background:url(pro_four2.gif);}
     .menu4 li.current a b {background:url(pro_four2.gif) no-repeat right top;}
     .menu4 li a:hover {color:#fff; background: url(pro_four1.gif);}
     .menu4 li a:hover b {background:url(pro_four1.gif) no-repeat right top;}
     .menu4 li.current a:hover {color:#fff; background: url(pro_four2.gif); cursor:default;}
     .menu4 li.current a:hover b {background:url(pro_four2.gif) no-repeat right top;}
    
     <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
     <TITLE></TITLE>
     <META NAME="GENERATOR" CONTENT="OpenOffice.org 3.3 (Win32)">
     <META NAME="AUTHOR" CONTENT="N.Uhl">
     <META NAME="CREATED" CONTENT="20110328;21411343">
     <META NAME="CHANGEDBY" CONTENT="N.Uhl">
     <META NAME="CHANGED" CONTENT="20110328;21450095">
     <STYLE TYPE="text/css">
     <!--
     @page { margin: 2cm }
     P { margin-bottom: 0.21cm }
    
     </STYLE>
     </HEAD>
     <BODY LANG="de-DE" DIR="LTR">
     <center>
     <ul class="menu4">
     <li><a href="frau-hanses.html" target="main"><img src="pictures/nav-button-hanses.jpg" border="0" /></a></li>
     <li><a href="frau-hargarten.html" target="main"><img src="pictures/nav-button-hargarten.jpg" border="0" /></a></li>
     <li><a href="frau-klinke.html" target="main"><img src="pictures/nav-button-klinke.jpg" border="0" /></a></li>
     <li><a href="frau-pribert.html" target="main"><img src="pictures/nav-button-pribert.jpg" border="0" /></a></li>
     <li><a href="frau-schulz.html" target="main"><img src="pictures/nav-button-schulz.jpg" border="0" /></a></li>
     <li><a href="frau-von-capitaine.html" target="main"><img src="pictures/nav-button-von-capitaine.jpg" border="0" /></a></li>
     <li><a href="herr-hahne.html" target="main"><img src="pictures/nav-button-hahne.jpg" border="0" /></a></li>
     <li><a href="schueler-zu-schueler.html" target="main"><img src="pictures/nav-button-schueler-zu-schueler.jpg" border="0" /></a></li>
     <li><a href="guestbook.html" target="main"><img src="pictures/nav-button-guestbook.jpg" border="0" target="main" /></a></li>
     </ul>
     </center>
     </body>
     </html>
    MfG

  3. #3
    Unregistriert
    Gast

    Standard AW: Navi centern

    Also die Seite sieht erstmal folgendermaßen aus: http://lehrerzitate.de.vc/
    Die einzelnen Verlinkungen aus der Navi hab ich mal raus genommen weil es ja wirklich nur um den navi-frame oben geht...
    Muss dazu sagen dass ich mit HTML gerade erst anfange und daher auch nicht weiß wie ich dir den HTML-CODE so sichtbar mache wie dus getan hast Sorry

    MFG
    N.Uhl

  4. #4
    Meister(in) Avatar von DarkEmperor
    Registriert seit
    23.04.2010
    Ort
    Freital
    Alter
    24
    Beiträge
    356
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    5

    Standard AW: Navi centern

    So, wie das geht mit dem html code:
    wenn du nen Beitrag schreibst hast du oben ja die formatierungsbuttons und da hast du relativ weit rechts dann die buttons für "Code", "html-Code" und "php-Code" musste mal mit der Maus drber gehen da siehstes, html-Code sieht der button so aus: <>
    und dann in die kommenden BB-Codes einfach dein html-Code
    BB-Code = [ HTML ] dein html-Code [/ HTML ]
    das ganze nur ohne Leerzeichen!^^

    So, jetzt zu deinem Problem!
    Kannst du mal zeigen oder beschreiben wie es aussehen soll!?
    Weil abgesehen davon das bei mir die Navi über 2 "Zeilen" geht sehe ich da jetzt keinen fehler!?^^

    Dann mal ne allgemeine Kritik an deinem html-Code!^^
    Wenn die Buttons oben angezeigt werden sollen und das in einer "Zeile"? dann nimm mal deinen ganzen Code der ne Aufzählung ist raus! bedeutet alle <ul>, <li> Tags entfernen!^^
    Dann aknnst du nämlich die Grafiken über das style="" Atribut direkt positionieren!
    Damit fällt dann auch deine css im head weg und das würde dann nur noch so, aussehen:
    HTML-Code:
    <body bgcolor="#000000" text="FFFFFF">
    <html>
    <head>
     <title>Lehrerzitate</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <body>
     <a href="frau-hanses.html" target="main"><img src="pictures/nav-button-hanses.jpg" style="position: absolute; top: 20px; left: 20px" /></a>
     ...
    </body>
    </html>
    So, ich habe dir jetzt mal für eine Grafik das Grundgerüst gemacht!
    Das "..." einfach dann durch die restlichen ersetzen und in der Form wie die erste machen! Du musst dann nur noch den left-Abstand verändern und den top-Abstand so wie du ihn halt willst!
    Dann habe ich dir mal alles was noch überflüssig ist rausgekürzt und dir mal einen einheitlichen Quellcode gemacht!

    Formregeln:
    • alle Tags entweder klein oder groß, nicht mischen
    • Tags in Ebenen einteilen, bedeutet Tags die sich in einem tag befinden: z.b. alles im <head> mit einem [LEERZEICHEN] einrücken, sorgt für übersichtlichkeit!
    • DRINGEND: Grundlagen lernen!!!^^


    So, ich hoffe ich konnte dir etwas helfen!?^^

    MfG


    EDIT:
    Ich weiß das es scheiße ist mit seinen Werken anzugeben, will ich auch garnicht! Aber wenn es dann drum geht so Sachen wie in dem Link zu erstellen ohne fertige CMS(Content Management Systeme) zu verwenden kannste hier gerne Fragen!
    http://friendslounge.bplaced.net
    Aber das sind noch absolute Grundlagen und die musst du einfach verinnerlichen!
    Hilfreich dabei sind so Seiten wie:


    Heist nicht das du nicht mit anderen problemem ankommen darfst, aber versuche vorher mit Hilfe solcher Seiten selbst eine Lösung zu finden!
    Geändert von DarkEmperor (10.06.2011 um 02:29 Uhr)

Ähnliche Themen

  1. navi
    Von kitekoto im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.08.2008, 03:33
  2. navi
    Von Gast im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 10.04.2007, 09:03
  3. navi
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 04.04.2007, 15:49
  4. Navi CSS
    Von Mad_Dog im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 18.05.2006, 17:24
  5. seite centern geht nicht
    Von ginyu im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 14.10.2004, 19:45

Stichworte

Berechtigungen

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