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

Table fixieren

Status
Für weitere Antworten geschlossen.
Errox

Errox

Neues Mitglied
Hey hallo hi,

ich möchte eine Website rein HTML bauen und verwende auch keine Frames. Dafür aber Tables. Ich habe eine Hintergrundbild und darauf eine zentrierte Tabelle. Diese beinhaltet ein Hintergrundbild. Das Problem aber ist, dass wenn ich etwas hineinschreibe in die Tabelle, dann verändert Sie ihre Größe und damit ist das Hintergrundbild wieder 'zerissen' oder passt ganz einfach nicht mehr genau rein. Warum ändert sich die größe der Tabelle. Das soll sie nicht - habt ihr eine Ahnung was ich da falsch mache?

Hier mal der Quellcode vom Body:

<body onload="MM_preloadImages('buttons/button_small.jpg','buttons/button_small.jpg')" background="images/background.jpg">

<br><br><br><center>
<table width="65%" background="images/background_frame.jpg" border="0" cellspacing="0" cellpadding="8">
<tr>
<td height="100">
<center><br>
<img src="images/header.jpg"><br>
<marquee width=800 height=10 behaviour="right"><font size="3" font color="#ffa800" font face="arial narrow, verdana">• • • <b>NewsFlash</b> • • • Es gibt nichts neues! • • •</font></marquee>
</center>
</td>
</tr>
<tr>
<td height="360">
<center>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#ffa800"> Du bist hier: Home</font>
</center>
<p><font color="#ffe800" size="3" face="arial black, verdana">Willkommen,</font>
<p><font color="#ffe800" size="2" face="Verdana, Arial, Helvetica, sans-serif">bei der Anarchisten Crew Nord, den netten Leuten mit den geilen Karren!</font></p>
<p><font color="#ffe800" size="2" face="Verdana, Arial, Helvetica, sans-serif">Wir z&auml;hlen auf den Fahrer, denn der ist wichtiger als sein Schlitten - ist der Typ schei&szlig;e, ist der Wagen egal! Unser Kodex ist Ehrensache, hier gibt es keine Reglen und keine Anf&uuml;hrer; Alle f&uuml;r einen und Einer f&uuml;r Alle!! Schau' dich auf unserer Homepage um und erkenne welcher Spa&szlig; dahinter steckt. Wer wei&szlig;, vielleicht bist du bald auch bei ACN! :D Bei Interesse schau doch mal unter 'Info' nach und meld dich!</font></p>
<p><font color="#ffe800" size="2" face="Verdana, Arial, Helvetica, sans-serif">Alles klar, haust'e rein und hau die Wurst! Man sieht sich auf dem Asphalt!</font><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</p>
<center>
<table border="0" cellpadding="0" cellspacing="0">
<a href="home.html" onclick="MM_nbGroup('down','group1','button_home','images/buttons/button_home_off.jpg',1)" onmouseover="MM_nbGroup('over','button_home','images/buttons/button_home.jpg','images/buttons/button_home.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_home_off.jpg" alt="" name="button_home" width="80" height="35" border="0" title="Verschaffe Dir wieder den Überblick und wechsel zur Startseite." id="button_home" onload="" /></a>
<a href="news.html" onclick="MM_nbGroup('down','group1','button_news','images/buttons/button_news_off.jpg',1)" onmouseover="MM_nbGroup('over','button_news','images/buttons/button_news.jpg','images/buttons/button_news.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_news_off.jpg" alt="" name="button_news" width="80" height="35" border="0" title="Hole Dir die neuesten Informationen über ACN." id="button_news" onload="" /></a>
<a href="history.html" onclick="MM_nbGroup('down','group1','button_history','images/buttons/button_history_off.jpg',1)" onmouseover="MM_nbGroup('over','button_history','images/buttons/button_history.jpg','images/buttons/button_history.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_history_off.jpg" alt="" name="button_history" width="80" height="35" border="0" title="Erfahre mehr über die Geschichte und Gründung der Anarchisten Crew Nord." id="button_history" onload="" /></a>
<a href="cars.html" onclick="MM_nbGroup('down','group1','button_cars','images/buttons/button_cars_off.jpg',1)" onmouseover="MM_nbGroup('over','button_cars','images/buttons/button_cars.jpg','images/buttons/button_cars.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_cars_off.jpg" alt="" name="button_cars" width="80" height="35" border="0" title="Zieh' Dir die geilen Karren von ACN an." id="button_cars" onload="" /></a>
<a href="drivers.html" onclick="MM_nbGroup('down','group1','button_drivers','images/buttons/button_drivers_off.jpg',1)" onmouseover="MM_nbGroup('over','button_drivers','images/buttons/button_drivers.jpg','images/buttons/button_drivers.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_drivers_off.jpg" alt="" name="button_drivers" width="80" height="35" border="0" title="Schau mal bei uns Fahrern vorbei." id="button_drivers" onload="" /></a>
<a href="acnbook.html" onclick="MM_nbGroup('down','group1','button_acnbook','images/buttons/button_acnbook_off.jpg',1)" onmouseover="MM_nbGroup('over','button_acnbook','images/buttons/button_acnbook.jpg','images/buttons/button_acnbook.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_acnbook_off.jpg" alt="" name="button_acnbook" width="80" height="35" border="0" title="Schreibe uns in unser ACNBook." id="button_acnbook" onload="" /></a>
<a href="kodex.html" onclick="MM_nbGroup('down','group1','button_kodex','images/buttons/button_kodex_off.jpg',1)" onmouseover="MM_nbGroup('over','button_kodex','images/buttons/button_kodex.jpg','images/buttons/button_kodex.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_kodex_off.jpg" alt="" name="button_kodex" width="80" height="35" border="0" title="Werfe einen Blick auf den Ehrenkodex von ACN." id="button_kodex" onload="" /></a>
<a href="forum.html" onclick="MM_nbGroup('down','group1','button_forum','images/buttons/button_forum_off.jpg',1)" onmouseover="MM_nbGroup('over','button_forum','images/buttons/button_forum.jpg','images/buttons/button_forum.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_forum_off.jpg" alt="" name="button_forum" width="80" height="35" border="0" title="Schreibe mit den Fahrern von ACN." id="button_forum" onload="" /></a>
<a href="links.html" onclick="MM_nbGroup('down','group1','button_links','images/buttons/button_links_off.jpg',1)" onmouseover="MM_nbGroup('over','button_links','images/buttons/button_links.jpg','images/buttons/button_links.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/button_links_off.jpg" alt="" name="button_links" width="80" height="35" border="0" title="Probiere von uns empfohlene Seiten im Web aus." id="button_links" onload="" /></a>
</table>
</td></center>
</tr>
</table>
</center>
<br><br><br><br><br><br><br><br>
<center>
<font size="1" font face="verdana" color="#ffa800"><b>
© ***** |
<a href="copy.html" border="0" title="Klicken, um das Copyrightformular aufzurufen.">Copyright</a>
|
<a href="impress.html" border="0" title="Klicken, um das Impressum aufzurufen.">Impressum</a>
|
<a href="contact.html" border="0" title="Klicken, um die Kontaktinformationen aufzurufen.">Contact</a>
</b></font></p>
</center>

</body>
Zum Vergrößern anklicken....
 
ich sag mal nichts zu dinem code:wink:
aber ich habe früher auch mit tabellen gearbeitet. ist nicht sehr praktisch.
verwende lieber div und p tags.
die kanst du auch in höhe und breite verändern und auch hintergrund bilder und farben machen.
das ginge wie folgt:
Code: 
<div class="inhalt"> dein inhalt der</div>
und dein css:
Code: 
div.inhalt {
     background-image: url(die url des bildes);
     width: die breite die dein div haben soll (wäre dann die deines bildes)(z.B. 300px);
     height: das selbe wie oben nur mit der höhe;
     border: der rand deines divs (z.B. 0px;)
                                                                                                    }
mfg
 
Danke soweit. :)

Aber ich weiß garnicht was du gegen meinen Quellcode hast? O_o
Ok, sieht unordentlich aus, aber das kommt wegen diesem Forum. In meiner Datei ist das in Reihe und Glied! ;>

Dass ich Table benutze ist daher praktisch, weil sie jeder Browser wiedergeben kann und weil sie ein Hintergrund-Image einbinden können. Dass div-tags das auch können wusste ich bis jetzt nicht. :roll:

Ich werd dann mal umcoden. ;ugl

MFG
 
Errox schrieb:
ich möchte eine Website rein HTML bauen
Zum Vergrößern anklicken....
Das sieht dann aber nicht sehr schön aus. HTML ist nämlich nur eine Strukturbeschreibungssprache. Das Aussehen der HTML-Tags in visuellen Browsern ist nicht genormt und kann von Browser zu Browser abweichen.
Sinnvoll wäre es, zur Struktur in HTML Design/Layout in CSS zu machen!

und verwende auch keine Frames.
Zum Vergrößern anklicken....
Weil Du Dich vorher informiert hast, und um die Nachteile von Frames weißt.

Dafür aber Tables.
Zum Vergrößern anklicken....
Klar, Tabellen sind das einzige Mittel, um tabellarische Daten auszuzeichnen. Dafür sind sie genial. Aber sie für das Layout zu verwenden, sind sie nicht geeignet. Einen Nachteil hast Du ja selber erlebt.
Warum Layout mit Tabellen dumm ist: Probleme definiert, Lösungen angeboten

Das Problem aber ist, dass wenn ich etwas hineinschreibe in die Tabelle, dann verändert Sie ihre Größe
Zum Vergrößern anklicken....
Das ist eine gute Eigenschaft der Tabelle!

Warum ändert sich die größe der Tabelle.
Zum Vergrößern anklicken....
Weil das gut ist für tabellarische Daten. Die Tabelle ist immer nur so groß, wie die Daten, die aufgelistet werden. Die Breite der Zellen bestimmt sich nach dem Inhalt. Gute Sache.

Das soll sie nicht - habt ihr eine Ahnung was ich da falsch mache?
Zum Vergrößern anklicken....
Dein Fehler ist, dass Du das falsche Mittel zum Zweck verwendest. Du hast keine tabellarischen Daten, nutzt aber dennoch eine Tabelle. Nutze richtiges HTML für die Semantik und CSS für Layout und Design.

littleHtml Freak schrieb:
aber ich habe früher auch mit tabellen gearbeitet. ist nicht sehr praktisch. verwende lieber div und p tags.
Zum Vergrößern anklicken....
Auch Dir trichter ich es Dir noch richtig ein! :-)
Die Aussage ist gewagt bis falsch. Genauso könntest Du sagen: Verwende lieber <blockquote> und <address>. Warum ich das sage? Weil viele Nach-CSS-Umsteiger immer glauben, dass sie "Layouts mit <div>" machen. Aber so etwas gibt es nicht, und die resultierende <div>-Suppe ist von der Semantik her nicht besser als Tabellenlayout.

Richtig muss es heißen: Setze HTML so ein, wie es gedacht ist, zur Auszeichnung der Struktur. Verwende <h1> bis <h6> für Überschriften, <p> für Textabsätze, <address> für Adressen, <cite> für Zitate, <ul> für Listen (z.B: auch für ein Menü), usw.

Dein Beispiel, littleHtmlFreak, ist natürlich auch semantisch falsch. Du zeichnest den Inhalt mit einem aussagelosen <div> aus, das eigentlich nur zum Gruppieren mehrerer Elemente benutzt wird.

Nochmal zu Errox: Du verwendest haufenweise Tags, die schon seit vielen Jahren auf der Abschussliste stehen, und auch nicht zur "Trennung von Inhalt und Layout" passen: <center>, <font>, <b>. Genaugenommen sieht Dein Code aus, wie ein typischer Code aus den 1990er Jahren. Irgendwas scheint an Dir vorbei gerauscht zu sein. Und <marquee> solltest Du auch nicht verwenden, weil bewegter Text für die Usability einer Seite nicht gut ist. Bewegter Text lenkt ab, man kann sich nicht auf den eigentlichen Inhalt konzentrieren. Im allgemeinen hinterlässt sowas einen schlechten Eindruck, und das kann nicht Dein Ziel sein.

Schönes Wochenende,
-Efchen
 
Hallo Ef?chen,

Ich habe seit maximal einem halben Jahr mit html zu tun. Und man fängt klein an... dabei bin ich bisher nicht weiter gekommen als div-tags.
Ich wollte auch nicht unbedingt eine Page bauen, die mit Sony Computer Entertainment gleich kommt. :P
Was ist denn zum Layouten am besten? Das hast du vergessen.

Efchen schrieb:
Genaugenommen sieht Dein Code aus, wie ein typischer Code aus den 1990er Jahren.
Zum Vergrößern anklicken....
Das nehmen ich als Kompliment, denn es sieht nach etwas aus! ;ugl
Viele mischen sich irgendetwas zusammen.

Ist es denn nun richtig sich mit Cascading Style Sheets an das Layout zu machen?
 
ja css ist was du brauchst!
du kannst dir ja mal den quellcode von meiner seite anguncken. und das css dazu wenn du willst.
das ist nicht sehr kompliziert.
meinehp
(ist noch nicht fertig; bzw. erst ganz am anfang;))
die cssdatei heißt style.css
ich hab eigendlich fast alle grundlgenden dinge drin.
aber wenn du dich bei css schon auskennst brauchst dus vielleicht nicht
mfg
 
Moin,

Errox schrieb:
Ich habe seit maximal einem halben Jahr mit html zu tun. Und man fängt klein an... dabei bin ich bisher nicht weiter gekommen als div-tags.
Zum Vergrößern anklicken....
Was allemal besser ist, als Tabellen zum Layouten zu vergewaltigen :-)

Aber wenn man HTML lernt, dann stößt man doch eigentlich auf so Dinge wie <h1>, bis <h6> und <p>. Noch vor <div>. Und ein gutes Tutorial sollte erklären, dass man mit HTML die Struktur des Dokuments definiert und den Inhalt mit passenden Tags auszeichnet. Da steht <div> ganz hinten. Bei der Beschreibung von <div> müsste dann stehen, dass es zum Gruppieren von Elementen mit dem Ziel einer gemeinsamen Formatierung benutzt wird.

Was ist denn zum Layouten am besten? Das hast du vergessen.
Zum Vergrößern anklicken....
Ich hab nochmal nachgeguckt, das hab ich nicht vergessen. Aber man kann es vielleicht übersehen. Ich schrieb ganz am Anfang meines letzten Beitrags:
"Sinnvoll wäre es, zur Struktur in HTML Design/Layout in CSS zu machen!"

Ist es denn nun richtig sich mit Cascading Style Sheets an das Layout zu machen?
Zum Vergrößern anklicken....

Genau dafür ist CSS da! :-)

Gruß,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben