Header über die Navi bzw. beides verschmelzen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
augenfarbe
bild
code
datei
eigentlichen problem
erstellen
frage
header
http
image
index
jahr
kontakt
lernen
nummer
pizza
tabelle
teil
url
wechsel
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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 -
Funktioniert nicht :x
-
Kannst du mir/uns deine Codes, dh dein HTML Code + Style, von der benötigten Stelle rauskopieren?
MfG CnP -
<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>Ü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>Ü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ü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. :) -
1. Frage:
Versteh ich das richtig, dass
dafür da ist um in deinem Menü das Bild zu wechseln?..<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>
2.:
Versteh ich nicht warum dein Header + Menü unten im Quelltext stehen?
3.:
Welche Style Attribute haben dein Header und Menü?
MfG CnP -
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 -
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 -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage