Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 18

Thema: zentriertes menü

  1. #1
    Teeny
    Registriert seit
    26.05.2007
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard zentriertes menü

    Code:
    <div id="menuebox">
    
    	<div id="menue">
    		<div class="aussen">
    <span class="menutag">Produkte</span>
    Systeme
    Speicher
    Laufwerke
    Monitore
    Drucker
    Zubehör
    		</div>
    		<div class="aussen">
    <span class="menutag">Leistungen</span>
    Netzwerke
    Server
    Wartung
    		</div>
    		<div class="aussen">
    <span class="menutag">Service</span>
    Reparatur
    Konfiguration
    Software
    Schulung
    		</div>
    		<div class="aussen">
    <span class="menutag">Links</span>
    About Us
    Partner
    Referenzen
    		</div>
    	</div>
    
    <!-- Der folgende Block bedient nur IEs! 
    	 Durch diese Redundanz vermeiden wir den Einsatz von Javascript. -->
    
    <!--&#91;if IE&#93;>
    	<div class="stupidie">
    <a class="auss" href="#"><span class="menutag">Produkte</span>
    <table><tr><td>
    Systeme
    Speicher
    Laufwerke
    Monitore
    Drucker
    Zubehör
    </td></tr></table>
    </a>
    <a class="auss" href="#"><span class="menutag">Leistungen</span>
    <table><tr><td>
    Netzwerke
    Server
    Wartung
    </td></tr></table>
    </a>
    <a class="auss" href="#"><span class="menutag">Service</span>
    <table><tr><td>
    Reparatur
    Konfiguration
    Software
    Schulung
    </td></tr></table>
    </a>
    <a class="auss" href="#"><span class="menutag">Links</span>
    <table><tr><td>
    About Us
    Partner
    Referenzen
    </td></tr></table>
    </a>
    	</div>
    <!&#91;endif&#93;-->
    
    </div>
    
    
    ++++++++++++++++++++
       CSS Teil I
    ++++++++++++++++++++
    
    /*
    	Menue-styles fuer non-IEs
    	Achtung&#58;
    	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
    	Fuer IE gilt das Stylesheet 'fix-ie.css' &#40;per CC&#41;!
    */
    
    #menuebox &#123;
    position&#58; relative;
    height&#58; 30px;
    &#125;
    .stupidie &#123;
    display&#58; none;
    &#125;
    #menue &#123;
    position&#58;absolute;
    top&#58; 5px;
    left&#58; 0;
    z-index&#58; 200;
    &#125;
    
    #menue .aussen &#123;
    float&#58; left;
    display&#58; block;
    overflow&#58; hidden;
    width&#58; 8em;
    height&#58; 1.3em;
    font-weight&#58; bold;
    text-align&#58; center;
    background-color&#58; #dec79a;
    color&#58; #513913;
    border&#58; 1px solid;
    border-color&#58; #d0843e #78561d #78561d #d0843e;
    &#125;
    #menue .aussen&#58;hover &#123;
    height&#58; auto;
    background-color&#58; #624617;
    color&#58; #fff;
    &#125;
    
    a.innen-1 &#123;
    margin-top&#58; 2px;
    &#125;
    a.innen,
    a.innen-1 &#123;
    display&#58; block;
    width&#58; 7.9em;
    padding&#58; 2px 0;
    text-decoration&#58; none;
    font-weight&#58; normal;
    border-bottom&#58; 1px solid #78561d;
    background-color&#58; #ecd8ae;
    color&#58; #600;
    &#125;
    a&#58;visited.innen,
    a&#58;visited.innen-1 &#123;
    background-color&#58; #ecd8ae;
    color&#58;#555;
    &#125;
    a&#58;hover.innen,
    a&#58;hover.innen-1 &#123;
    background-color&#58; #f7eedb;
    color&#58; #900;
    &#125;
    
    span.menutag &#123;
    display&#58; block;
    cursor&#58; default;
    &#125;
    
    
    ++++++++++++++++++++
       CSS Teil II
    ++++++++++++++++++++
    
    /*
    	Menue-styles fuer IEs
    	Am besten per Conditional Comment einbinden.
    	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
    	Anpassungen vorgenommen werden &#40;siehe Kommentare&#41;.
    */
    
    #menue &#123;
    display&#58;none;
    &#125;
    .stupidie &#123;
    display&#58; block;
    position&#58; absolute;
    top&#58; 5px;
    left&#58; 0;
    z-index&#58; 200;
    &#125;
    
    a.auss &#123;
    float&#58; left;
    width&#58; 8em;
    height&#58; 1.4em;
    overflow&#58; hidden;
    display&#58; block;
    font-weight&#58; bold;
    text-align&#58; center;
    text-decoration&#58; none;
    background-color&#58; #dec79a;
    color&#58; #513913; 
    border&#58; 1px solid;
    border-color&#58; #d0843e #78561d #78561d #d0843e;
    &#125;
    a&#58;hover.auss &#123;
    overflow&#58; visible;
    background-color&#58; #624617;
    color&#58; #fff;
    &#125;
    a&#58;hover.auss table &#123;
    display&#58; block;
    margin-top&#58; 3px;
    background-color&#58; #dec79a;
    color&#58; #400;
    border-collapse&#58; collapse;
    &#125;
    
    a.inn &#123;
    display&#58; block;
    width&#58; 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
    padding&#58; 2px 0;
    font-size&#58; 100%; /* fuer 5er IEs auf 80% reduzieren */
    font-weight&#58; normal;
    text-align&#58; center;
    text-decoration&#58; none;
    border-bottom&#58; 1px solid #78561d;
    background-color&#58; #ecd8ae;
    color&#58; #600;
    &#125;
    a&#58;visited.inn &#123;
    background-color&#58; #ecd8ae;
    color&#58;#444;
    &#125;
    a&#58;hover.inn &#123;
    position&#58; relative;
    background-color&#58; #f7eedb;
    color&#58; #900;
    &#125;
    span.menutag &#123;
    display&#58; block;
    cursor&#58; default;
    &#125;
    wie bekomm ich dieses menü horizontal in die mitte... habs mit <div align="center"> versucht, hat aber nicht wirklich gefunzt.
    über dem menü soll ein banner und darunter der inhalt.


    gruss
    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 driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    versuchs mal mit text-align:center;
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    26.05.2007
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    muss dieser befehl in die css datei?
    ich habs jetzt mal versucht, aber ich weiss nicht wo ich das reinschreiben soll... habs direkt in den divtag geschrieben, hat aber nicht funktioniert!

    hilft es wenn ich aus aus dem <span> tag einen <div> tag mache?

    gruss und danke für die schnelle antwort

  4. #4
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    du kannst es in die CSS schreiben, wenn du es direkt in die Div packst muss es aber

    <div style="text-align:center;"> text </div> heißen
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    26.05.2007
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    naja, aber dann hab ich ja nicht das ganze menü in der mitte der seite, oder?
    der text steht ja schon mittig in dem menü... ich möchte aber das ganze menü in die mitte haben. geht das überhaupt?

    gruss

  6. #6
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zeig mal bitte den Link , weiß nicht genau ob ich da richtig liege was du meinst
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  7. #7
    Teeny
    Themenstarter

    Registriert seit
    26.05.2007
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    es gibt noch keinen link...
    ich möchte das das menü nicht linksbündig ist, sondern immer in der mitte der seite steht... ich hab den abstand vom linken rand schon verschoben, nur ist es dann nicht dynamisch...

    gruss

  8. #8
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    mach mal im css so:
    Code:
    #menuebox &#123;
    position&#58; absolute;
    left&#58;50%;
    margin&#58;auto;
    &#125;
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  9. #9
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    // EDI lol mist driver war schneller
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  10. #10
    Interessierte/r
    Registriert seit
    26.05.2007
    Ort
    nähe Bad Dürkheim
    Beiträge
    107
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich mach bei diesem projekt mit...

    leider hat das auch nicht funktioniert, oder wir haben was falsch gemacht...

    hier der link: http://drunkendx.ohost.de/index.html

    gruss
    Wer verliert, gewinnt an Erfahrung!

Ähnliche Themen

  1. Menü
    Von ShadoX im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.07.2007, 09:38
  2. CSS-Menü
    Von Anonymer im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 10.07.2007, 19:33
  3. Menü mit PHP or JS?
    Von majoversum im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 10.10.2006, 23:28
  4. Zentriertes Design
    Von odyssee im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 11.07.2004, 13:57
  5. zentriertes pop-up fenster
    Von josi im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 11.05.2004, 19:22

Stichworte

Berechtigungen

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