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

Thema: Brauche Hilfe.

  1. #1
    ^w11
    Gast

    Standard Brauche Hilfe.

    Ich brauche bei dieser Homepage Hilfe.
    Die Buttons (Drop down menu's) wollen einfach nich Horizontal gerade in eriner linie stehen und verschieben alles.

    http://tegu.te.ohost.de/Drop-down-menu-test/CDRS.html



    Der HTML Code:

    Code:
    <html>
    <head>
    <title>CDRS</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="dropdownmenu.css"/>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages&#40;&#41; &#123; //v3.0
      var d=document; if&#40;d.images&#41;&#123; if&#40;!d.MM_p&#41; d.MM_p=new Array&#40;&#41;;
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for&#40;i=0; i<a.length; i++&#41;
        if &#40;a&#91;i&#93;.indexOf&#40;"#"&#41;!=0&#41;&#123; d.MM_p&#91;j&#93;=new Image; d.MM_p&#91;j++&#93;.src=a&#91;i&#93;;&#125;&#125;
    &#125;
    
    function MM_findObj&#40;n, d&#41; &#123; //v4.01
      var p,i,x;  if&#40;!d&#41; d=document; if&#40;&#40;p=n.indexOf&#40;"?"&#41;&#41;>0&&parent.frames.length&#41; &#123;
        d=parent.frames&#91;n.substring&#40;p+1&#41;&#93;.document; n=n.substring&#40;0,p&#41;;&#125;
      if&#40;!&#40;x=d&#91;n&#93;&#41;&&d.all&#41; x=d.all&#91;n&#93;; for &#40;i=0;!x&&i<d.forms.length;i++&#41; x=d.forms&#91;i&#93;&#91;n&#93;;
      for&#40;i=0;!x&&d.layers&&i<d.layers.length;i++&#41; x=MM_findObj&#40;n,d.layers&#91;i&#93;.document&#41;;
      if&#40;!x && d.getElementById&#41; x=d.getElementById&#40;n&#41;; return x;
    &#125;
    
    function MM_nbGroup&#40;event, grpName&#41; &#123; //v6.0
      var i,img,nbArr,args=MM_nbGroup.arguments;
      if &#40;event == "init" && args.length > 2&#41; &#123;
        if &#40;&#40;img = MM_findObj&#40;args&#91;2&#93;&#41;&#41; != null && !img.MM_init&#41; &#123;
          img.MM_init = true; img.MM_up = args&#91;3&#93;; img.MM_dn = img.src;
          if &#40;&#40;nbArr = document&#91;grpName&#93;&#41; == null&#41; nbArr = document&#91;grpName&#93; = new Array&#40;&#41;;
          nbArr&#91;nbArr.length&#93; = img;
          for &#40;i=4; i < args.length-1; i+=2&#41; if &#40;&#40;img = MM_findObj&#40;args&#91;i&#93;&#41;&#41; != null&#41; &#123;
            if &#40;!img.MM_up&#41; img.MM_up = img.src;
            img.src = img.MM_dn = args&#91;i+1&#93;;
            nbArr&#91;nbArr.length&#93; = img;
        &#125; &#125;
      &#125; else if &#40;event == "over"&#41; &#123;
        document.MM_nbOver = nbArr = new Array&#40;&#41;;
        for &#40;i=1; i < args.length-1; i+=3&#41; if &#40;&#40;img = MM_findObj&#40;args&#91;i&#93;&#41;&#41; != null&#41; &#123;
          if &#40;!img.MM_up&#41; img.MM_up = img.src;
          img.src = &#40;img.MM_dn && args&#91;i+2&#93;&#41; ? args&#91;i+2&#93; &#58; &#40;&#40;args&#91;i+1&#93;&#41;? args&#91;i+1&#93; &#58; img.MM_up&#41;;
          nbArr&#91;nbArr.length&#93; = img;
        &#125;
      &#125; else if &#40;event == "out" &#41; &#123;
        for &#40;i=0; i < document.MM_nbOver.length; i++&#41; &#123;
          img = document.MM_nbOver&#91;i&#93;; img.src = &#40;img.MM_dn&#41; ? img.MM_dn &#58; img.MM_up; &#125;
      &#125; else if &#40;event == "down"&#41; &#123;
        nbArr = document&#91;grpName&#93;;
        if &#40;nbArr&#41;
          for &#40;i=0; i < nbArr.length; i++&#41; &#123; img=nbArr&#91;i&#93;; img.src = img.MM_up; img.MM_dn = 0; &#125;
        document&#91;grpName&#93; = nbArr = new Array&#40;&#41;;
        for &#40;i=2; i < args.length-1; i+=2&#41; if &#40;&#40;img = MM_findObj&#40;args&#91;i&#93;&#41;&#41; != null&#41; &#123;
          if &#40;!img.MM_up&#41; img.MM_up = img.src;
          img.src = img.MM_dn = &#40;args&#91;i+1&#93;&#41;? args&#91;i+1&#93; &#58; img.MM_up;
          nbArr&#91;nbArr.length&#93; = img;
      &#125; &#125;
    &#125;
    //-->
    </script>
    </head>
    <script type="text/javascript" src="css_dropdown.js"></script>
    
    <style>
    
    
    body
    &#123;
        font-family&#58;verdana;
    &#125;
    
    ul.dropdown a
    &#123;
        background-color&#58;#f0f0f0;
        color&#58;#444;
        padding&#58;4px;
        text-decoration&#58;none;
    &#125;
    
    ul.dropdown a&#58;hover
    &#123;
        background-color&#58;#444;
        color&#58;#fff;
    &#125;
    
    ul.dropdown ul
    &#123;
        border&#58;1px outset;
    
    &#125;
    
    ul.dropdown ul a
    &#123;
        background-color&#58;#ccc;
        color&#58;#000;
        padding&#58;4px;
        text-decoration&#58;none;
    &#125;
    
    ul.dropdown ul a&#58;hover
    &#123;
        background-color&#58;#f0f0f0;
        color&#58;#000;
    &#125;
    
    ul.dropdown ul li
    &#123;
        background-color&#58;#ccc;
    &#125;
    </style>
    
    <!--&#91;if IE&#93;>
    <style type="text/css" media="screen">
    #menu ul li &#123;float&#58; left; width&#58; 100%;&#125;
    </style>
    <!&#91;endif&#93;-->
    
    <!--&#91;if lt IE 7&#93;>
    <style type="text/css" media="screen">
    body &#123;behavior&#58; url&#40;csshover.htc&#41;; font-size&#58; 100%;&#125;
    #menu ul li a &#123;height&#58; 1%;&#125;
    &#125;
    </style>
    <!&#91;endif&#93;-->
    
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="MM_preloadImages&#40;'Bilder/CDRS_07.jpg','Bilder/CDRS_07_b.jpg','Bilder/CDRS_08.jpg','Bilder/CDRS_08_b.jpg','Bilder/CDRS_09.jpg','Bilder/CDRS_09_b.jpg','Bilder/CDRS_10.jpg','Bilder/CDRS_10_b.jpg','Bilder/CDRS_11.jpg','Bilder/CDRS_11_b.jpg','Bilder/CDRS_12.jpg','Bilder/CDRS_12_b.jpg','Bilder/CDRS_13.jpg','Bilder/CDRS_13_b.jpg'&#41;">
    
    		
    
    
    				
    
    
    
    
    <table id="Tabelle_01" width="820" height="504" border="0" cellpadding="0" cellspacing="0">
      
      <tr> 
        <td height="11" colspan="13"> [img]Bilder/CDRS_01.jpg[/img]</td>
      </tr>
      <tr> 
        <td width="10" rowspan="7" valign="top" background="Bilder/CDRS_02.jpg"> </td>
        <td height="204" colspan="9" background="../Bilder/CDRS_03.jpg"> </td>
        <td colspan="2" background="../Bilder/CDRS_04.jpg"> [img]Bilder/CDRS_04.jpg[/img]</td>
        <td width="10" rowspan="7" valign="top" background="Bilder/CDRS_05.jpg"> </td>
      </tr>
      <tr> 
        <td width="15" rowspan="3" align="left" valign="top">[img]Bilder/CDRS_06.jpg[/img] 
        </td>
    	<td>
    
    	
    		
    		
     <body onload="enableDropdownMenuForIE&#40;&#41;;">
    
     <ul class="dropdown" id="mainmenu">[*]
                [img]Bilder/CDRS_07.jpg[/img]
                
        <ul>[*]Nummer1[*]Nummer2[*]Nummer3[*]Nummer4[/list]
            
    		
    		
        </td>
        <td>
    	
    		
    <ul class="dropdown" id="mainmenu">
    		[*]
                [img]Bilder/CDRS_09.jpg[/img]
                
        <ul>[*]Nummer1[*]Nummer2[*]Nummer3[*]Nummer4[/list]
            
    			
    		
        </td>
        <td>
    	
    		
    <ul class="dropdown" id="mainmenu">
    		[*]
                [img]Bilder/CDRS_10.jpg[/img]
                
        <ul>[*]Nummer1[*]Nummer2[*]Nummer3[*]Nummer4[/list]
            
    			
    		
        </td>
        <td> 
    	
    		
    <ul class="dropdown" id="mainmenu">
    		[*]
                [img]Bilder/CDRS_11.jpg[/img]
                
        <ul>[*]Nummer1[*]Nummer2[*]Nummer3[*]Nummer4[/list]
            
    		
    
        </td>
        <td> 
    	
    		
    <ul class="dropdown" id="mainmenu">
    		[*]
                [img]Bilder/CDRS_12.jpg[/img]
                
        <ul>[*]Nummer1[*]Nummer2[*]Nummer3[*]Nummer4[/list]
            
    		
    		
        </td>
        <td> 
    		
    <ul class="dropdown" id="mainmenu">
    		[*]
                [img]Bilder/CDRS_13.jpg[/img]
                
        <ul>[*]Nummer1[*]Nummer2[*]Nummer3[*]Nummer4[/list]
            
    		
    				
    		
    		
        </td>
        <td width="17" rowspan="4" align="left" valign="top"> [img]Bilder/CDRS_14.jpg[/img]</td>
        <td width="8" rowspan="4" align="left" valign="top"> [img]Bilder/CDRS_15.jpg[/img]</td>
        <td width="190" align="left" valign="top">[img]Bilder/CDRS_16.jpg[/img] 
        </td>
      </tr>
      <tr> 
        <td height="9" colspan="7"> [img]Bilder/CDRS_17.jpg[/img]</td>
        <td> <div align="left">[img]Bilder/CDRS_18.jpg[/img]</div></td>
      </tr>
      <tr> 
        <td colspan="7" rowspan="2" align="left" valign="top"> <div id="box1"> 
            <table border="0" cellpadding="0" cellspacing="0">
              <tr> 
                <td></td>
                <td></td>
              </tr>
            </table>
          </div></td>
        <td rowspan="2" align="left" valign="top" background="Bilder/CDRS_20_b.jpg"></td>
      </tr>
      <tr> 
        <td height="194" valign="top" background="Bilder/CDRS_linke_verlaengerung.jpg"></td>
      </tr>
      <tr> 
        <td height="32" colspan="11"> [img]Bilder/CDRS_21.jpg[/img]</td>
      </tr>
      <tr> 
        <td height="12" colspan="11" valign="top"> [img]Bilder/CDRS_22.jpg[/img]</td>
      </tr>
    </table>
    
    </body>
    </html>
    CSS-code:
    Code:
    ul.dropdown
    &#123;
        list-style&#58; none;
        margin&#58;0;
        padding&#58;0;
        width&#58;100%;
        z-index&#58;99;
    &#125;
    
    ul.dropdown * ul
    &#123;
        list-style&#58; none;
        margin&#58;0;
        padding&#58; 0;
    	display&#58;none;
    	position&#58;absolute;
    	z-index&#58;99;
    	width&#58;20em;
    &#125;
    
    ul.dropdown li
    &#123;
        float&#58;left;
    &#125;
    
    ul.dropdown li * li
    &#123;
        border&#58;1px solid #fff;
        float&#58;none;
    
        position&#58; relative;
    &#125;
    
    ul.dropdown ul * ul
    &#123;
        left&#58;98%;
        top&#58;0;
    
    &#125;
    
    ul.dropdown a
    &#123;
        display&#58;block;
    
    &#125;
    
    ul.dropdown ul * a
    &#123;
        height&#58;100%;
    &#125;
    
    ul.dropdown li&#58;hover ul ul, ul.dropdown li&#58;hover ul ul ul, ul.dropdown li&#58;hover ul ul ul ul
    &#123;
        display&#58;none;
    &#125;
    
    ul.dropdown li&#58;hover ul, ul.dropdown ul li&#58;hover ul, ul.dropdown ul ul li&#58;hover ul
    &#123;
        display&#58;block;
    &#125;
    Und JAVA:
    function enableDropdownMenuForIE()
    {
    if (document.all)
    {
    uls = document.getElementsByTagName('UL');

    for(i = 0; i < uls.length; i++)
    {
    if (uls[i].className == 'dropdown')
    {
    var lis = uls[i].getElementsByTagName('li');

    for (j = 0; j < lis.length; j++)
    {
    if(lis[j].lastChild.tagName == 'UL')
    {
    lis[j].onmouseover = function() { this.lastChild.style.display = 'block'; }
    lis[j].onmouseout = function() { this.lastChild.style.display = 'none'; }
    }
    }
    }
    }
    }
    }

    Hilft mir bitte
    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
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich kann nicht sehen was du meinst. Mal etwas genauer, bitte.

  3. #3
    Azubi(ne)
    Registriert seit
    10.06.2007
    Ort
    Nähe Dresden
    Beiträge
    54
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Meine Tipps dazu:

    o Layout mit Divs erstellen (einfacher zu handhaben, s. Punkt 2)
    o die Divs dann entsprechend absolut positionieren
    o eine ID dokumentenweit nicht mehr als 1 mal benutzen!


    Edit:
    Aber echt kewles Design!
    Wenn du es komplett selbstgemacht hast, dann Respekt!

  4. #4
    ^w11
    Gast

    Standard

    @ jojo87.

    Diese Drop Down Menu's (Schule/SMV/Projekte/etc.) verschieben die ganze Homepage.

    Jetzt sieht das so aus: http://tegu.te.ohost.de/1.jpg

    Und ich will, dass es so aussieht: http://tegu.te.ohost.de/2.jpg


    @Shinaraya: Geht das nicht leichter? Meiner Meinung nach liegt es am Rahmen, der Erscheint wenn man auf einen Button kommt. Kann man den irgendwie entfernen?

  5. #5
    ^w11
    Gast

    Standard

    Edit:
    Aber echt kewles Design!
    Wenn du es komplett selbstgemacht hast, dann Respekt!


    Ja hab ich selber gemacht (Adobe photoshop CS3)

    danke

  6. #6

  7. #7
    Azubi(ne)
    Registriert seit
    10.06.2007
    Ort
    Nähe Dresden
    Beiträge
    54
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ja, also nochmal so betrachtet scheint mir das ein klarer Fall von margin: 3px o.ä zu sein.
    Wenn du also bei allen Bildern (oder so, ich komm mit dem Seitenlayout nicht ganz klar ) style="margin: 0px" einstellst, könnte sich das Problem schon aufgelöst haben.

  8. #8
    ^w11
    Gast

    Standard

    ich probiere es gleich mal aus

  9. #9
    ^w11
    Gast

    Standard

    nope. Hab nichts gefunden. Alle magin's stehen auf 0

  10. #10
    Azubi(ne)
    Registriert seit
    10.06.2007
    Ort
    Nähe Dresden
    Beiträge
    54
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich meine die margins der Bilder, die man von vornherein sieht und nicht die dropdownmenüs, ne?

Ähnliche Themen

  1. Hilfe webspace speicher voll brauche dringend hilfe
    Von Claudi im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.03.2006, 10:29
  2. Brauche hilfe!!
    Von gast im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 3
    Letzter Beitrag: 22.03.2005, 22:32
  3. Hilfe ich brauche hilfe wer kennt sich bei beepworld aus ???
    Von TheGodGame im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 03.02.2005, 10:09
  4. Antworten: 19
    Letzter Beitrag: 20.12.2004, 17:49
  5. HILFE brauche dringend Hilfe bei meiner Formular Abfrage
    Von Traction1977 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.04.2004, 11:43

Stichworte

Berechtigungen

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