kostenloser Webspace werbefrei: lima-city


Header über die Navi bzw. beides verschmelzen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    photopizza

    photopizza hat kostenlosen Webspace.

    Ich habe gesucht und gesucht, aber nichts eindeutiges gefunden. Wie kriege ich den Header über die Navigation bzw. lass beides miteinander verschmelzen? Also, dass der Header GENAU auf dem Menü drauf ist. Oder sogar bisschen drüber.




    #PizzA.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Ich seh da grad kein Problem:

    <html>
    <head></head>
    <body>
    
    <div id="Header" style="background-image: bg.png">
    <div id="Menu">
    <ul><li><a></a></li></ul>
    </div>
    </div>
    
    </body>
    </html>


    MfG CnP
  4. Autor dieses Themas

    photopizza

    photopizza hat kostenlosen Webspace.

    Funktioniert nicht :x
  5. Kannst du mir/uns deine Codes, dh dein HTML Code + Style, von der benötigten Stelle rauskopieren?

    MfG CnP
  6. Autor dieses Themas

    photopizza

    photopizza hat kostenlosen Webspace.

    <html>
    <head>
    <script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css">
    <center><img src="test 1.png"></center>
    <title>NOCH BAUSTELLE!</title>
    <style type='text/css'>
    body{
    background-image:url(Hintergrund.png)
    }
    </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>
    <div align="center"> 
    <body onLoad="MM_preloadImages('Nummer-ZWEI_01.png','Nummer-ZWEI_02.png','Nummer-ZWEI_03.png','Nummer-ZWEI_04.png','Nummer-ZWEI_05.png')"><table width="200" border="0" cellpadding="0" cellspacing="0"> 
      <tr>
        <td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Nummer-ZWEI_01.png',1)"><img src="Nummer-EINSpng_01.png" name="Image1" width="285" height="100" border="0"></a></td>
        <td><a href="Marcel.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Nummer-ZWEI_02.png',1)"><img src="Nummer-EINSpng_02.png" name="Image2" width="195" height="100" border="0"></a></td>
        <td><a href="Dennis.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Nummer-ZWEI_03.png',1)"><img src="Nummer-EINSpng_03.png" name="Image3" width="201" height="100" border="0"></a></td>
        <td><a href="Sonstiges.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','Nummer-ZWEI_04.png',1)"><img src="Nummer-EINSpng_04.png" name="Image4" width="206" height="100" border="0"></a></td>
        <td><a href="News.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Nummer-ZWEI_05.png',1)"><img src="Nummer-EINSpng_05.png" name="Image5" width="113" height="100" border="0"></a></td>
      </tr>
    </table>
    </head>
    </div>
    <center>
    <p>HERZLICH WILLKOMMEN</p>
      <p>auf der selbst erstellten und gestalteten Homepage von <a href="http://www.facebook.com/profile.php?id=100001243710409">Marcel Pietzka</a> und <a href="http://www.facebook.com/diamond.dennis">Dennis Hausner</a>.<br>Hier gibt es <b>ein paar</b> Informationen zu uns. Mehr wird es im Bereich Sonstiges geben.</p>
      <table width="1000" height="430" border="0">
        <tr>
        <td width="490" height="430"><div align="center">
          <div align="center">
          <div style="overflow:auto; width:490x; height:450px; padding:5px; border:0px #009F00 solid;">
            <p><strong>&Uuml;ber mich:</strong>      </p>
          <ul>
            <li>
              <div align="left">Name: Marcel Pietzka
                
            </li>
            <li>
              <div align="left">Alter: 16 Jahre</div>
            </li>
            <li>
              <div align="left">Augenfarbe: Eisblau</div>
            </li>
            <li>
              <div align="left">Hobbys: Mediengestaltung, Photoshop</div><br/><br/><br/><br/><br/><br/><br/>
           
          <p><strong>Kontakt:</strong><br/>
            <div align="left"><a href="http://de-de.facebook.com/people/Marcel-Pietzka/100001243710409" target="_TOP" title="Marcel Pietzka"><img src="http://badge.facebook.com/badge/100001243710409.1796.509730685.png" width="120" height="277" style="border: 0px;" /></a></p></div>
          </p>
          <!-- Facebook Badge END --></td>
        <td width="490"><div align="center">
        <div align="center">
        <div style="overflow:auto; width:490x; height:450px; padding:5px; border:0px #009F00 solid;">
          <p><strong>&Uuml;ber mich:</strong></p>
           <ul>
            <li>
              <div align="left">Name: Dennis Hausner
                
            </li>
            <li>
              <div align="left">Alter: 19 Jahre</div>
            </li>
            <li>
              <div align="left">Augenfarbe: Gr&uuml;n/Blau</div>
            </li>
            <li>
              <div align="left">Hobbys: Mediengestaltung, Photoshop</div>
              <p><strong>Kontakt:</strong><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
      </tr>
    </table>
    
    <div id="Header" style="background-image: bg.png">
    <div id="Menu">
    <ul><li><a></a></li></ul>
    </div>
    </div>
        
    
    
    
    </center>
    </body>
    </html>



    #Pizza. :)
  7. 1. Frage:
    Versteh ich das richtig, dass
    <tr>
        <td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Nummer-ZWEI_01.png',1)"><img src="Nummer-EINSpng_01.png" name="Image1" width="285" height="100" border="0"></a></td>
        <td><a href="Marcel.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Nummer-ZWEI_02.png',1)"><img src="Nummer-EINSpng_02.png" name="Image2" width="195" height="100" border="0"></a></td>
        <td><a href="Dennis.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Nummer-ZWEI_03.png',1)"><img src="Nummer-EINSpng_03.png" name="Image3" width="201" height="100" border="0"></a></td>
        <td><a href="Sonstiges.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','Nummer-ZWEI_04.png',1)"><img src="Nummer-EINSpng_04.png" name="Image4" width="206" height="100" border="0"></a></td>
        <td><a href="News.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Nummer-ZWEI_05.png',1)"><img src="Nummer-EINSpng_05.png" name="Image5" width="113" height="100" border="0"></a></td>
      </tr>
    dafür da ist um in deinem Menü das Bild zu wechseln?..

    2.:
    Versteh ich nicht warum dein Header + Menü unten im Quelltext stehen?

    3.:
    Welche Style Attribute haben dein Header und Menü?

    MfG CnP
  8. Autor dieses Themas

    photopizza

    photopizza hat kostenlosen Webspace.

    dafür da ist um in deinem Menü das Bild zu wechseln?..


    Jops. Zu den anderen Fragen: Ich hab dir einen kompletten Auszug aus meiner index.html Datei gegeben. Ich weiß nicht wieso der Teil im Body ist. Ich hab mit Adobe Dreamweaver gearbeitet und sich dann alles so ergeben, irgendwie.


    PizzA
  9. Du hast noch nicht oft an Webseiten gearbeitet oder?

    Zuerst einmal, Tabellen sind alt...heutzutage arbeitet eigentlich jeder mit DIVs, ohne diese in unnötige Tabellen zu packen.

    Dann:
    Wieso nimmst du anstatt des (find ich) blöden Javascripts nicht einfach einen :hover....
    dh:
    anstatt
    <a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Nummer-ZWEI_01.png',1)"><img src="Nummer-EINSpng_01.png" name="Image1" width="285" height="100" border="0"></a>

    nimmst du:
    <a href="index.html" class="Image1"></a>  <!-----ist der normale Link---->
    
    <!------folgendes kommt in deine Stylesheet Datei------->
    .Image1{
    background-image: Nummer-EINSpng_01.png;
    width: 285px;
    height: 100px;
    border: 0;
    }
    .Image1:hover{
    background-image: Nummer-ZWEI_01.png;
    }



    Des weiteren würde ich wie oben im Zitat empfehlen eine Stylesheet Datei zu erstellen.
    Stylesheet auf SELFHTML

    -------------------------

    Zum eigentlichen Problem:
    Das Stück Code von mir solltest du nicht 1:1 übernehmen, sollte nur ein Denkanstoss sein, aber sieht so aus als ob du noch einiges lernen müsstest..
    Lösch den Teil erstmal wieder heraus :)

    Kannst du mir sagen warum dein Header nicht im Body steht?
    Genauso warum du vor deinem body einen DIV mit align:center hast? (align center funktioniert nach meinem Wissenstand nichtmehr)

    MfG CnP
  10. Autor dieses Themas

    photopizza

    photopizza hat kostenlosen Webspace.



    Nee hab noch nicht oft an Websiten gearbeitet. Ist so ziemlich meine erste 'Richtige'. Tut mir leid, wegen all der Fehler u.u
    Und was tausch ich dann aus? Wegen des Javascipts und der DIV's? :x
  11. Zu dem Menü hatte ich in meinem letzten Post schon ein Beispiel genannt :)

    Und hier mal ein nettes Tut um CSS von Anfang an zu lernen: Tutorial
    Das sieht auch nicht schlecht aus: Tutorial
    Alternativ kannst du auch mal CSS Tutorial googeln ;)

    MfG CnP

    Beitrag zuletzt geändert: 13.6.2011 23:44:42 von copynpaste
  12. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!