Ergebnis 1 bis 9 von 9

Thema: Problem beim zentrieren des Menüs

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

    Standard Problem beim zentrieren des Menüs

    Hi

    Ich habe ein Menü Script in meine Seite eingebaut, bekomme das aber irgendwie nicht zentriert... hier ist der code:

    Code:
    <HTML>
     <HEAD>
      <TITLE>
      </TITLE>
     </HEAD>
    
    <script type="text/javascript">
    <!--
    window.onload=montre;
    function montre&#40;id&#41; &#123;
    var d = document.getElementById&#40;id&#41;;
    	for &#40;var i = 1; i<=10; i++&#41; &#123;
    		if &#40;document.getElementById&#40;'smenu'+i&#41;&#41; &#123;document.getElementById&#40;'smenu'+i&#41;.style.display='none';&#125;
    	&#125;
    if &#40;d&#41; &#123;d.style.display='block';&#125;
    &#125;
    //-->
    </script>
    <style type="text/css">
    <!--
    /* CSS issu des tutoriels http&#58;//css.alsacreations.com */
    body &#123;margin&#58; 10px;
    padding&#58; 0;
    font&#58; 1em Verdana, sans-serif;&#125;
    
    dt, dl, dd, ul, li &#123;
    list-style-type&#58; none;
    margin&#58; 0 10px 0 0;
    padding&#58; 0;
    &#125;
    
    #menu &#123;
    position &#58; absolute;
    left&#58; 50px;
    top&#58; 20px;
    &#125;
    
    #menu dl &#123;
    float&#58; left;
    &#125;
    #menu li &#123;
    display&#58; inline;
    &#125;
    
    #menu a &#123;
    text-decoration&#58; none;
    color&#58; #000;
    background&#58; #fff;
    &#125;
    
    #smenu1, #smenu2, #smenu3, #smenu4 &#123;
    position&#58; absolute;
    left&#58; 0;
    font-size&#58; 0.7em;
    border-top&#58; 1px solid gray;
    width&#58; 400px;
    &#125;
    
    
    .mentions &#123;
    position&#58; absolute;
    bottom &#58; 300px;
    left &#58; 10px;
    color&#58; #000;
    background-color&#58; #ddd;
    &#125;
    a &#123;text-decoration&#58; none;
    color&#58; #222;
    &#125;
    
    -->
    </style>
    
    <body>
    
    <div id="menu">
    	<dl>
    		<dt onmouseover="montre&#40;'smenu1'&#41;;">Menu 1</dt>
    			<dd id="smenu1">
    				<ul>
    					[*]Sous-menu 1.1
    					[*]Sous-menu 1.2
    					[*]Sous-menu 1.3
    				[/list]
    			</dd>
    	</dl>
    	
    	<dl>			
    		<dt onmouseover="montre&#40;'smenu2'&#41;;">Menu 2</dt>
    			<dd id="smenu2">
    				<ul>
    					[*]Sous-menu 2.1
    					[*]Sous-menu 2.2
    				[/list]
    			</dd>
    	</dl>
    	
    	<dl>	
    		<dt onmouseover="montre&#40;'smenu3'&#41;;">Menu 3</dt>
    			<dd id="smenu3">
    				<ul>
    					[*]Sous-menu 3.1
    					[*]Sous-menu 3.2
    					[*]Sous-menu 3.3
    					[*]Sous-menu 3.4
    					[*]Sous-menu 3.5
    				[/list]
    			</dd>
    	</dl>
    	
    	<dl>	
    		<dt onmouseover="montre&#40;'smenu4'&#41;;">Menu 4</dt>
    			<dd id="smenu4">
    				<ul>
    					[*]Sous-menu 4.1
    					[*]Sous-menu 4.2
    					[*]Sous-menu 4.3
    				[/list]
    			</dd>
    	</dl>
    	
    </div>
    
    
    
    <table width=100% border=2>
    <tr>
    <td bgcolor=white width=35%>
     
    
     
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </td>
    
    <td width=65%> MITTE</TD>
    
    
    
     
    
    </tr>
    <Table>
    
    
    
    
      </BODY>
    </HTML>
    Könnt ihr mir da helfen???
    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
    Interessierte/r
    Registriert seit
    04.12.2005
    Beiträge
    133
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    moin ...

    Du könntest neben den unzähligen Fehlern z.B. auch ein <body> im <body> vermeiden.

    gruß

  3. #3
    Gast

    Standard


  4. #4
    Meister(in)
    Registriert seit
    22.02.2006
    Ort
    Franken
    Beiträge
    336
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    machs mit css und width:20%; margin-left:40%; margin-right:40% machen




  5. #5
    HTML Newbie
    Themenstarter

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

    Standard

    Ok danke schonmal...

    Jetzt hab ich aber noch ein paar Fragen:

    Wenn ich ein Bild als Hintergrund habe, ist um die Schrift im Menü ein weißer Kasten. Kann man das um die Schift irgendwie transparent machen? Und kann man die Schrift im Menü irgendwie fett machen und die Farbe/Größe ändern???

  6. #6
    Meister(in)
    Registriert seit
    22.02.2006
    Ort
    Franken
    Beiträge
    336
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    <div style="background:transparent; color:deinefarbe; font-weight:bold; font-size:150%:">TEXT</div>




  7. #7
    HTML Newbie
    Themenstarter

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

    Standard

    Hi!

    Also... das mit dem transparent klappt nicht, eine Farbe wird auch nicht angezeigt (egal ob Name oder HexCode), und der erste Menüpunkt ist jetzt auf einmal über dem Rest, und die Untermenüs vom ersten Menüpunkt werden nicht angezeigt. Ich hab da mal einen Screenshot von gemacht...:


  8. #8
    Meister(in)
    Registriert seit
    22.02.2006
    Ort
    Franken
    Beiträge
    336
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hast du die menüpunkte in einzelnen divs? dann macht er nämlich nen umbruch.
    pack sie stattdessen in spans dann könntes klappen.




  9. #9
    HTML Newbie
    Themenstarter

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

    Standard

    Ok ich werds jetzt versuchen, hast du vielleicht eine Ahnung wieso das mit dem Transparent nicht klappt?!

Ähnliche Themen

  1. Problem beim ZENTRIEREN
    Von vrime im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.12.2006, 16:46
  2. Problem: min-width - Div zentrieren
    Von problemkind im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 08.11.2006, 21:26
  3. Aufklappbare Menüs
    Von jakob3384 im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 14.06.2006, 18:57
  4. Fehler in FF und Fehler beim zentrieren
    Von smello im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.03.2006, 15:22
  5. bild zentrieren beim Laden in einem iframe
    Von patr im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 22.12.2005, 22:40

Stichworte

Berechtigungen

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