• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Table an der falschen Postion..

ScottGambler

ScottGambler

Neues Mitglied
Nabend.

Ich bin ein Anfänger in Sachen HTML, doch ich habe nun 2 Stunden nach dem Fehler gesucht,aber nichts gefunden. Es geht darum : Ich mache gerade eine Website, doch da gibt es ein Problem . Ich habe links und oben eine QuickSlotLeiste von Funktionen gemacht (Impressum,Startseite etc.) und als Hintergrund habe ich ein selbstgemachte Holz-Textur genommen.

Nun wird alles angezeigt, nur die Table die in der Mitte der Website sein soll, ist ganz unten! (Also der Hauptbereich der Website) Ich bekomme es einfach nicht hin,dass sie über dem Background ist. Wenn ich es versuche,kommt immer erst das Layout und dann nach dem Layout kommt die Table, die ist aber total fehlerhaft an der Stelle.

Source-Code:

HTML: 
<html>
 

   
   
     <td width="50" background ="file://localhost/C:/Users/Emile/Desktop/limba2.gif" >
	 

 <div style="background-image:url(file://localhost/C:/Users/Emile/Desktop/limba2.gif); margin:0px; padding:0px; height:2000px">

<style type="text/css">




html, body {
  font: 100% Verdana, Arial, Verdana, Helvetica, sans-serif;
  color: #0000FF;
}
<!-- Quick-Slot Leiste -->
.steuerung {
  font: 120% Verdana, Arial, Verdana, Helvetica, sans-serif;
  margin:0px 0px 0px 0px;
  border:50px solid gray;
}
<!-- Border / unused -->

.bereich {
  margin:0px 0px;
  padding:0px 0px;
  border:0px solid black;
  /* background:silver; */
}

<!-- Wichtiges Teil -->

body { margin:-2; padding:0; height:400px; }
div { border:0px solid #888; }




<!-- "Variablen" -->

#a4 { position:absolute; top:80px; left:0px; width:0px; height:0px;
      z-index:3;  }
#a5 { position:absolute; top:0px; left:12px; width:0px; height:30px;
      z-index:3;  }
#a6 { position:absolute; top:0px; left:150px; width:0px; height:0px;
      z-index:3;  }
#a7 { position:absolute; top:0px; left:250px; width:0px; height:0px;
      z-index:3;  }

<!-- QuickSlot-Menu -->
  
</style>
</head><body>



<!-- Tabelle der QuickslotLeiste *wichtig* -->

   


 <table height="100%" cellpadding="20" border="0">

   
   
   

     <td width="50" background ="file://localhost/C:/Users/Emile/Desktop/troll.gif-gif.gif" >


	


<!-- StartSeite | Bild -->


       <div id="a5">
      <a href="StartSeite.htm" target="_blank">
      <img src="file://localhost/C:/Users/Emile/Desktop/03.gif"
      top="10" left="0" width="90" height="70" border="0"
         alt="" />
       </a>
	
<!-- News | Bild -->	
	          <div id="a4">
      <a href="News.htm" target="_blank">
      <img src="file://localhost/C:/Users/Emile/Desktop/02.gif"
      top="10" left="0" width="90" height="70" border="0"
         alt="" />
       </a>
	   
<!-- Ueber-uns | Bild -->
	  
	          <div id="a4">
      <a href="Ueber-uns.htm" target="_blank">
      <img src="file://localhost/C:/Users/Emile/Desktop/04.gif"
      top="10" left="0" width="90" height="70" border="0"
         alt="" />
       </a>
	   
<!-- Member | Bild -->	   
	   
	          <div id="a4">
      <a href="Member.htm" target="_blank">
      <img src="file://localhost/C:/Users/Emile/Desktop/05.gif"
      top="10" left="0" width="90" height="70" border="0"
         alt="" />
       </a>
	   

	   
     </td>



       
     </td>

   </tr>
   
   <!-- QuickslotLeiste  | fertig 
                        \/         -->
						
						
				

				

		
						
						       <div id="a7">
      <a href="Forum.htm" target="_blank">
      <img src="file://localhost/C:/Users/Emile/Desktop/03.gif"
      top="10" left="0" width="90" height="70" border="0"
         alt="" />
       </a>
	

	          <div id="a6">
      <a href="Weiteres.htm" target="_blank">
      <img src="file://localhost/C:/Users/Emile/Desktop/02.gif"
      top="10" left="0" width="90" height="70" border="0"
         alt="" />
       </a>
	   

	  
	          <div id="a6">
      <a href="Aktuelles.htm" target="_blank">
      <img src="file://localhost/C:/Users/Emile/Desktop/04.gif"
      top="10" left="0" width="90" height="70" border="0"
         alt="" />
       </a>
	   

	          <div id="a6">
      <a href="Wichtig" target="_blank">
      <img src="file://localhost/C:/Users/Emile/Desktop/05.gif"
      top="10" left="0" width="90" height="70" border="0"
         alt="" />
       </a>
	   
	   	 <center>
	 <table width=10" height="50" border=0"
	 hello world
	 </center>
	 
	 </table>
	   
	   <table>
	   <table>
<table align="center">
<td width="50"  background ="file://localhost/C:/Users/Emile/Desktop/troll.gif-gif.gif" >
<table height="3000" cellpadding="5" border="1" >    

      
 
   <td width="200" height="1000" valign="top"> 

    <center>
	<img src="Trolling.png" width="100" height="150" border="1" alt  
	</center>
<br><br>	

    <p>An der Gründung und am planen für den Downhill Club Reckange waren 7 Mann beteiligt! Die Gemeinde 'Reckange' ging am 1 November
	mit zu dem "Lac Blanc" auf die Downhillstrecke. Sie haben sich dort etwas erkundigt und den beteiligten Jugentlichen zugeschaut 
    um sich somit eine Meinung verschaffen zu können.Gott-sei-dank fanden sie es gut,und somit konnte der Plan von der Downhill-Strecke vorangehen.
	Erstmals wurde der Weg freigemacht, weil alles war so zugewachsen von Gebüschen,dass man nicht normal dort gehen konnte. Dann , 3 Tage später
	bekamen wir das "Feu-vert" für den ersten Teil der Strecke. Somit durften wir auch nun die Strecke offiziell bauen!</p>        

^

</center>
</body>
</body>

	   
   
     
   
   

						
						
						
						
						
		
   

 </body>
 </table>
 </html>
 
Dein HTML-Code ist dermaßen fehlerhaft, da weiß man nicht mal wo man anfangen soll mit aufzählen. Ich würde dir dringend raten mal das HTML-Grundgerüst (SELFHTML: HTML/XHTML / Allgemeine Regeln fr HTML / Grundgerst einer HTML-Datei) mit dem zu vergleichen was Du hier in eine Datei gestopft hast.

Erst wenn dein HTML-Code valide, sprich fehlerfrei nach HTML-Standards, ist kann man sich überhaupt über seltsame Darstellungen Gedanken machen. Die lassen sich dann übrigens eher mit CSS lösen als mit HTML, setzt aber korrektes HTML voraus.
 
Hallo,

genau, ich hatte ja schon beim letzt beitrag geschrieben das SELFHTML erstmal anschauen solltest und das mal einfach duchgehen SELFHTML: Navigationshilfen / Wie fange ich an?
Ab Tour5 beginnt das eigentliche mit HTML.

Das mach leider echt noch kein sin zu helfen wie @threadi schon sagt, das liegt nicht daran das er/wir abgehoben sind sondern einfach, das einfachste grundlagen falsch sind die überall beschrieben sind (wie der Link) und deswegen nicht zum 1´000´000´000 mal in ein forum erklärt werden müssen. Etwas lesen musst schon.

Cheffchen
 
Vielleicht die "gröbsten" Dinge kurz aufgezählt:
- Achte darauf, dass jeder Tag (<a>) den du öffnest sich auch wieder schließt (</a>). (Ja, es gibt Ausnahmen...) Das gilt auch für <html><head></head><body></body></html>
- Außerdem dürfen sich Tags nicht "überschneiden":
NICHT:
HTML: 
 <html> 
<head> 
<body> 
[B]</head>[/B]
</body>
 </html>
- Gröbstes Grundgerüst einer HTML-Seite ist folgendes:
HTML: 
 <html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Dabei befindet sich im body-Teil der eigentlich anzuzeigende Inhalt der Webseite! Und NUR da! Dein Style-Block ist von der Position im head-Bereich schon nicht falsch, aber dein td / div gehören da oben nicht hin!
- Achte weiterhin darauf, dass sich einige Elemente nicht im <head>-Bereich befinden dürfen. Außerdem gibt es keine <td> außerhalb von einer <table>.
- ein schließender Tag reicht aus ;) Und es gibt nur einen body / head -Bereich pro Seite

Das ganze vielleicht als kleinen Anhaltspunkt. Wirklich Sorgen über falsche Positionierung würde ich mir erst machen, wenn der The W3C Markup Validation Service keine Fehler mehr meldet!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben