Ankündigung

Einklappen
Keine Ankündigung bisher.

Menu...

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Menu...

    Hallo zusammen,

    Ich bin gerade am Menu dran, für meine Homepage.
    Ich hab hier 2 Bilder hinaufgeladen, auf dem ersten ist zu sehen,
    wie mein Menu in Macromedia Dreamweaver aussieht. Auf dem anderen Bild sieht man, wie es mein Internet Explorer, sowie Firefox anzeigt.
    Wieso verschiebt es diese 2 Buttons nach oben (Siehe Gelber Pfeil)? Kann mir da vielleicht wer weiterhelfen?

    Vielen Dank im Voraus

    MfG
    Dany
    pic1.gif pic2.gif

  • #2
    AW: Menu...

    Ohne Quellcode können wir dir nicht helfen. Wir sind ja keine Hellseher


    greetz
    sigpic

    Kommentar


    • #3
      AW: Menu...

      Zitat von G-Unit Soldier Beitrag anzeigen
      Ohne Quellcode können wir dir nicht helfen. Wir sind ja keine Hellseher


      greetz
      ist wohl nicht sehr übersichtlich, aber es wird den Zweck erfüllen..

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <title>Unbenanntes Dokument</title>
      <style type="text/css">
      <!--
      #Layer1 {
      position:absolute;
      left:25px;
      top:230px;
      width:160px;
      height:40px;
      z-index:1;
      }
      #Layer2 {
      position:absolute;
      left:25px;
      top:290px;
      width:160px;
      height:40px;
      z-index:2;
      }
      #Layer3 {
      position:absolute;
      left:25px;
      top:350px;
      width:160px;
      height:40px;
      z-index:3;
      }
      #Layer4 {
      position:absolute;
      left:25px;
      top:380px;
      width:160px;
      height:40px;
      z-index:4;
      }
      #Layer5 {
      position:absolute;
      left:25px;
      top:440px;
      width:160px;
      height:40px;
      z-index:5;
      }
      #Layer6 {
      position:absolute;
      left:25px;
      top:23px;
      width:160px;
      height:40px;
      z-index:6;
      }
      #Layer7 {
      position:absolute;
      left:25px;
      top:180px;
      width:160px;
      height:40px;
      z-index:1;
      }
      #Layer8 {
      position:absolute;
      left:25px;
      top:240px;
      width:160px;
      height:40px;
      z-index:2;
      }
      #Layer9 {
      position:absolute;
      left:25;
      top:300;
      width:160;
      height:40;
      z-index:3;
      }
      #Layer10 {
      position:absolute;
      left:25;
      top:360;
      width:160;
      height:40;
      z-index:4;
      }
      #Layer11 {
      position:absolute;
      left:25px;
      top:420px;
      width:160px;
      height:40;
      z-index:5;
      }
      #Layer12 {
      position:absolute;
      left:25px;
      top:480px;
      width:160px;
      height:40px;
      z-index:6;
      }
      -->
      </style>
      <script type="text/JavaScript">
      <!--
      function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
      }

      function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
      var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
      if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
      }

      function MM_findObj(n, d) { //v4.01
      var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
      d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
      }

      function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
      }
      //-->
      </script>
      </head>

      <body bgcolor="#660000" onload="MM_preloadImages('Buttons/home_a.gif','Buttons/&uuml;ber mich_a.gif','Buttons/shop_a.gif','Buttons/kontakt_a.gif','Buttons/links_a.gif')">
      <div id="Layer7"><a href="home.html" target="mainFrame" onmouseover="MM_swapImage('Home','','Buttons/home_a.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Buttons/home_i.gif" name="Home" width="160" height="40" border="0" id="Home" /></a></div>
      <div id="Layer8"><a href="uebermich.html" target="mainFrame" onmouseover="MM_swapImage('aboutme','','Buttons/&uuml;ber mich_a.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Buttons/&uuml;ber mich_i.gif" name="aboutme" width="160" height="40" border="0" id="aboutme" /></a></div>
      <div id="Layer9"><a href="shop.html" target="mainFrame" onmouseover="MM_swapImage('Shop','','Buttons/shop_a.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Buttons/shop_i.gif" name="Shop" width="160" height="40" border="0" id="Shop" /></a></div>
      <div id="Layer10"><a href="kontakt.html" target="mainFrame" onmouseover="MM_swapImage('kontakt','','Buttons/kontakt_a.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Buttons/kontakt_i.gif" name="kontakt" width="160" height="40" border="0" id="kontakt" /></a></div>
      <div id="Layer11"><a href="links.html" target="mainFrame" onmouseover="MM_swapImage('links','','Buttons/links_a.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Buttons/links_i.gif" name="links" width="160" height="40" border="0" id="links" /></a></div>
      <div id="Layer12"></div>
      <p>&nbsp;</p>
      <p><img name="menu" src="Bilder/menu/menu.gif" width="194" height="570" border="0" alt=""></p>
      </body>

      </html>

      Kommentar


      • #4
        AW: Menu...

        Zitat von Dany Beitrag anzeigen
        ist wohl nicht sehr übersichtlich, aber es wird den Zweck erfüllen..
        in der Tat - übelster Dreamweaver-Murks... aber egal.
        Vergleiche:
        HTML-Code:
        #Layer8 {
        	left:25px;
        	top:240px;
        	width:160px;
        	height:40px;
        }
        #Layer9 {
        	left:25;
        	top:300;
        	width:160;
        	height:40;
        }
        die zweiten Angaben sind sämtlich ungültig.

        Gruß
        Ingo
        Ingo Webdesign

        Kommentar


        • #5
          AW: Menu...

          Und immer dieses position:absolute; Kein Wunder, dass da dann irgendwann mal Mist rauskommt.

          Kommentar


          • #6
            AW: Menu...

            Zitat von Ingo Beitrag anzeigen
            in der Tat - übelster Dreamweaver-Murks... aber egal.
            Vergleiche:
            HTML-Code:
            #Layer8 {
            	left:25px;
            	top:240px;
            	width:160px;
            	height:40px;
            }
            #Layer9 {
            	left:25;
            	top:300;
            	width:160;
            	height:40;
            }
            die zweiten Angaben sind sämtlich ungültig.

            Gruß
            Ingo
            Vielen Dank für die Hilfe..!

            Kommentar


            • #7
              AW: Menu...

              Hallo

              Und immer dieses position:absolute; Kein Wunder, dass da dann irgendwann mal Mist rauskommt.
              Wie meinst du das? Ich persönlich verwende sehr oft position:absolute. Bei mir hat's aber noch nie Fehler gegeben... Gibt's da irgendwelche Fehler(ich selbst hätte noch nie einen bemerkt, aber man weis ja nie)?

              MFG
              [ASTERIX]

              Kommentar


              • #8
                AW: Menu...

                Zitat von [ASTERIX] Beitrag anzeigen
                Hallo


                Wie meinst du das? Ich persönlich verwende sehr oft position:absolute. Bei mir hat's aber noch nie Fehler gegeben... Gibt's da irgendwelche Fehler(ich selbst hätte noch nie einen bemerkt, aber man weis ja nie)?

                MFG
                [ASTERIX]
                Ich habe es von Ingo und Ingo kann das denke ich mal am besten begründen, warum position:absolute kritisch zu hinterfragen ist.

                Kommentar


                • #9
                  AW: Menu...

                  Hi,
                  Zitat von mi-schi Beitrag anzeigen
                  Ich habe es von Ingo und Ingo kann das denke ich mal am besten begründen, warum position:absolute kritisch zu hinterfragen ist.
                  Ein Biild sagt mehr als 1000 Worte... Ich nehme nur mal die beiden Seiten aus der Signatur von [ASTERIX] und erhöhe den Schriftgrad ein wenig:
                  Angehängte Dateien
                  Ingo Webdesign

                  Kommentar


                  • #10
                    AW: Menu...

                    darauf probier ich auch immer zu achten aber das klappt nicht immer
                    Gruß,
                    Tomi28
                    Meine Homepage | "Kreuz & Mehr" | Jugendhaus ORANGE

                    Kommentar


                    • #11
                      AW: Menu...

                      Hi,

                      Tip:
                      Bei der konsequenten Anwendung relativer Größenangaben (ich nehme "em") entstehen diese "Zoomfehler" nicht mehr.
                      Nachteil: Man muss auf Background-Images verzichten.

                      Peter
                      Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
                      Mein neuer Versuch .... und
                      hiermit verdiene ich mein Geld.

                      Kommentar


                      • #12
                        AW: Menu...

                        Hallo,

                        Oh... Das ist mir ja noch gar nie aufgefallen...

                        MFG
                        [ASTERIX]

                        [EDIT]
                        @ Peter:
                        Bei meiner neuen Seite die ich irgendwann mal aufschalten möchte, verwende ich auch em. Aber "dazumals" hab' ich das noch nicht gemacht...

                        Kommentar

                        homepage-forum.de - Hilfe für Webmaster! Statistiken

                        Einklappen

                        Themen: 56.939   Beiträge: 431.254   Mitglieder: 28.752   Aktive Mitglieder: 78
                        Willkommen an unser neuestes Mitglied, Michael83.

                        Online-Benutzer

                        Einklappen

                        209 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 204.

                        Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

                        Die neuesten Themen

                        Einklappen

                        Die neuesten Beiträge

                        Einklappen

                        Lädt...
                        X