Problem bei der Ausrichtung der Tabelle
1 
Gunnar Bittersmann
0 0 
Stonie
Problem bei der Ausrichtung der Tabelle
Hallo zusammen,
ich habe ein Problem mit der Ausrichtung meiner Tabelle.
Meine Seite hat keine Frames (ich könnte mir vorstellen, dass es vielleicht auch daran liegt).
Meine Seite hat oben einen zentrale-horizontalen Banner. darunter habe ich links meine buttons, die auf die anderen Bereiche meine Hp verweisen.
Jetzt möchte ich genau neben den Buttons meine Tabelle ausrichten. Allerdings geht das nicht so, wie ich möchte. Die Tabelle verschiebt sich nach unten, so das sie ungefähr auf die Höhe der Buttons liegt. Wie bekomme ich das geregelt, dass die Tabelle genau neben den Buttons positioniert ist?
Ich bin eine Anfängerin in Sachen Homepages erstelle. Ich würde mich super freuen, wenn ihr mir helfen könntet! Vielen Dank im voraus!
-
Hello out there!
Meine Seite hat keine Frames
Und das ist auch gut so.[tm]
(ich könnte mir vorstellen, dass es vielleicht auch daran liegt).
Ich mir nicht.
Ich bin eine Anfängerin in Sachen Homepages erstelle.
Für solche geben die Tipps für Fragende wertvolle Hinweise.
See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe) -
ja, ich weiß,ich habe hier schon im forum herumgestöber, aber nichts passendes gefunden-leider.
also ich möchte einfach links meine buttons haben (das sind ca 6 stück). diese habe ich richtig als bild und nicht nur als schrift bzw worte. jetzt ist rechts noch ganz viel platz frei und da möche ich eine tabelle hinsetzten. wenn ich die tabelle schreibe und einsetze rutsch sie immer nach unten. warum ist das so? ich verstehe das nicht.
kann mir jemand helfen. ich verzweifel langsam daran!-
Hallo Sonya,
Prinzipiell kann man sich schon vorstellen, was du erreichen willst. Was wir natürlich nicht wissen können, ist, was du getan hast, um dahin zu kommen. Bitte sei so nett und lade die Seite mal hoch und verlinke sie hier oder poste den Quelltext, wenn er nicht zu lang ist. Ansonsten sind wir einfach zu sehr auf's Raten angewiesen.
File Griese,
Stonie
--
It's no good you trying to sit on the fence
And hope that the trouble will pass
'Cause sitting on fences can make you a pain in the ass.
Und im Übrigen kennt auch Stonie Wayne.-
hier ist mein quelltext...vielleicht kannst du mir ja auch noch einige verbesserungsvorschläge geben?!
<html>
<head>
<title>Meine eigene Seite - Poker</title></head>
<body background="backgroundgreen.jpg">
<br>
<div align="center"><img src="banner.jpg" width="900" height="130" border="1" alt=""></div><br>
<br>
<h1 span style="font-size:400%; color:black; font-family=Bring tha noize"; align="center">Poker-Results</h1></Span><a href="index.html"><img src="Button Home.jpg" width="160" height="34" border="0" alt="Home" hspace=42</a>
<br><a href="fotos.html"><img src="Button Fotos.jpg" width="160" height="34" border="0" alt="Fotos" hspace=42</a>
<br><a href="videos.html"><img src="Button Videos.jpg" width="160" height="34" border="0" alt="Videos" hspace=42</a>
<br><a href="poker.html"><img src="Button Pokern.jpg" width="160" height="34" border="0" alt="Pokern" hspace=42</a>
<br><a href="software.html"><img src="Button Software.jpg" width="160" height="34" border="0" alt="Software" hspace=42</a>
<br><a href="gästebuch.html"><img src="Button Gästebuch.jpg" width="160" height="34" border="0" alt="Gästebuch" hspace=42</a>
<br><a href="links.html"><img src="Button Links.jpg" width="160" height="34" border="0" alt="Links" hspace=42></a></body>
</html><table border="0" align="center" bgcolor="#000000" rules="none" float:right>
<colgroup>
<col width="100">
<col width="60">
<col width="60">
<col width="60">
</colgroup><tr bgcolor="#e0ffff">
<th align="center" valign="middle">Name</th>
<th align="center" valign="middle"> 1. </th>
<th align="center" valign="middle"> 2. </th>
<th align="center" valign="middle"> 3. </th>
<th align="center" valign="miggle"> Gespielt</th>
</tr>
<tr bgcolor="#ffffff">
<td align="center" valign="middle"> Sonya</td>
<td align="center" valign="middle"> 1</td>
<td align="center" valign="middle"> 1</td>
<td align="center" valign="middle"> 1</td>
<td align="center" valign="middle"> 1</td>
</tr>
<tr bgcolor="#e0ffff">
<td align="center" valign="middle"> Claudia</td>
<td align="center" valign="middle"> 2</td>
<td align="center" valign="middle"> 2</td>
<td align="center" valign="middle"> 2</td>
<td align="center" valign="middle"> 2</td>
</tr>
<tr bgcolor="#ffffff">
<td align="center" valign="middle"> Lars</td>
<td align="center" valign="middle"> 3</td>
<td align="center" valign="middle"> 3</td>
<td align="center" valign="middle"> 3</td>
<td align="center" valign="middle"> 3</td>
</tr>
<tr bgcolor="#e0ffff">
<td align="center" valign="middle"> Torsten</td>
<td align="center" valign="middle"> 4</td>
<td align="center" valign="middle"> 4</td>
<td align="center" valign="middle"> 4</td>
<td align="center" valign="middle"> 4</td>
</tr>
<tr bgcolor="#ffffff">
<td align="center" valign="middle"> Jenny</td>
<td align="center" valign="middle"> 5</td>
<td align="center" valign="middle"> 5</td>
<td align="center" valign="middle"> 5</td>
<td align="center" valign="middle"> 5</td>
</tr>
<tr bgcolor="#e0ffff">
<td align="center" valign="middle"> Hannah</td>
<td align="center" valign="middle"> 6</td>
<td align="center" valign="middle"> 6</td>
<td align="center" valign="middle"> 6</td>
<td align="center" valign="middle"> 6</td>
</tr>
<tr bgcolor="#ffffff">
<td align="center" valign="middle"> Jannes</td>
<td align="center" valign="middle"> 7</td>
<td align="center" valign="middle"> 7</td>
<td align="center" valign="middle"> 7</td>
<td align="center" valign="middle"> 7</td>
</tr>
<tr bgcolor="#e0ffff">
<td align="center" valign="middle"> Niels</td>
<td align="center" valign="middle"> 8</td>
<td align="center" valign="middle"> 8</td>
<td align="center" valign="middle"> 8</td>
<td align="center" valign="middle"> 8</td>
</tr>
<tr bgcolor="#ffffff">
<td align="center" valign="middle"> Jan</td>
<td align="center" valign="middle"> 9</td>
<td align="center" valign="middle"> 9</td>
<td align="center" valign="middle"> 9</td>
<td align="center" valign="middle"> 9</td>
</tr>
<tr bgcolor="#e0ffff">
<td align="center" valign="middle"> steffen</td>
<td align="center" valign="middle"> 1</td>
<td align="center" valign="middle"> 1</td>
<td align="center" valign="middle"> 1</td>
<td align="center" valign="middle"> 1</td>
</tr>
<tr bgcolor="#ffffff">
<td align="center" valign="middle"> Leonie</td>
<td align="center" valign="middle"> 2</td>
<td align="center" valign="middle"> 2</td>
<td align="center" valign="middle"> 2</td>
<td align="center" valign="middle"> 2</td>
</tr>
<tr bgcolor="#e0ffff">
<td align="center" valign="middle"> Yakub</td>
<td align="center" valign="middle"> 3</td>
<td align="center" valign="middle"> 3</td>
<td align="center" valign="middle"> 3</td>
<td align="center" valign="middle"> 3</td>
</tr>
</table>-
Hallo!
Gute Guete! Hast Du Dir ueberhaupt schonmal HTML Regeln angeschaut?
hier ist mein quelltext...vielleicht kannst du mir ja auch noch einige verbesserungsvorschläge geben?!
Mit Sicherheit:
Es fehlt ein DOCTYPE
<html>
<head>
<title>Meine eigene Seite - Poker</title></head>
<body background="backgroundgreen.jpg">Hintergrundbilder sind eine Sache fuer CSS und nicht HTML.
<br>
Was macht denn das <br> da? Wenn Du einen Rand moechtest, mach das mit CSS und margin.
<div align="center"><img src="banner.jpg" width="900" height="130" border="1" alt=""></div>
<br>
<br>Schon wieder <br> (Textumbrueche) ohne Text. CSS. Margin.
<h1 span style="font-size:400%; color:black; font-family=Bring tha noize"; align="center">Poker-Results</h1></Span>
Ahh! CSS! Nur was soll <h1 span> sein? Dahast Du 2 Tags in einem vermischt und sie mit </h1></span> auch noch in der falschen Reihenfolge geschlossen. Wozu das span? Definiere doch das h1 direkt. align='center' muss raus. Zentriere per CSS.
<a href="index.html"><img src="Button Home.jpg" width="160" height="34" border="0" alt="Home" hspace=42</a>
<br><a href="fotos.html"><img src="Button Fotos.jpg" width="160" height="34" border="0" alt="Fotos" hspace=42</a>
<br><a href="videos.html"><img src="Button Videos.jpg" width="160" height="34" border="0" alt="Videos" hspace=42</a>
<br><a href="poker.html"><img src="Button Pokern.jpg" width="160" height="34" border="0" alt="Pokern" hspace=42</a>
<br><a href="software.html"><img src="Button Software.jpg" width="160" height="34" border="0" alt="Software" hspace=42</a>
<br><a href="gästebuch.html"><img src="Button Gästebuch.jpg" width="160" height="34" border="0" alt="Gästebuch" hspace=42</a>
<br><a href="links.html"><img src="Button Links.jpg" width="160" height="34" border="0" alt="Links" hspace=42></a></body>
</html>Hier beendest Du das HTML. Warum kommt dann noch Code??
<table border="0" align="center" bgcolor="#000000" rules="none" float:right>
Hier moechtest Du also nach rechts floaten. Das sollte ja auch klappen, sobald Du das CSS richtig eingebaut hast.
<colgroup>
<col width="100">
<col width="60">
<col width="60">
<col width="60">
</colgroup>[...]
Das da ein Browser ueberhaupt was anzeigt grenzt schon an ein Wunder. Du solltest die Links in einen eigenen Container verfrachten. Fuer Link_listen_ bietet sich auch eine HTML Liste an. Die solltest Du dann entsprechend floaten. Bei der Tabelle ist das nicht noetig.
Also: Ab und schoen machen. Dann wiederkommen.
-
-
-