PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Webdesign mit Tabellen, brauche dringend Hilfe!

Dizzar
13.10.2006, 13:59
Hiho Community!

Ich brauche Hilfe!

Und zwar soll die fertige Page so aussehen:

Bild (http://sfob.uttx.net/hpbild/hp.jpg)

Das Bild sfobhomepage-05.gif ist der Content, und dieser soll sich verschieben können, nach unten. D.h es muss statt ein Bild ein Background sein, gesagt getan. Schreibt man nun einen Text rein der zu lang ist verziehen sich die anderen Bilder.
Das sieht dann so aus:

Bild 2 (http://sfob.uttx.net/hpbild/sfobfehler.JPG)


Der bisherige "Quelltext" (nur die Bilder, mehr ist es ja noch nicht)


<HTML>
<HEAD>
<TITLE>Homepage</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1" />
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=13>
<IMG SRC="bilder/sfobhomepage.gif" WIDTH=1024 HEIGHT=293 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=293 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=13>
<IMG SRC="bilder/sfobhomepage-03.gif" WIDTH=1024 HEIGHT=6 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=6 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=8>
<IMG SRC="bilder/sfobhomepage-04.gif" WIDTH=273 HEIGHT=13 ALT="" /></TD>
<TD ROWSPAN=15 WIDTH="458">
<IMG SRC="bilder/sfobhomepage-05.gif" WIDTH=458 HEIGHT=427 ALT="" />


</TD>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="bilder/sfobhomepage-06.gif" WIDTH=293 HEIGHT=46 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=13 ALT="" /></TD>
</TR>
<TR>
<TD ROWSPAN=13>
<IMG SRC="bilder/sfobhomepage-07.gif" WIDTH=6 HEIGHT=269 ALT="" /></TD>
<TD ROWSPAN=2>
<IMG SRC="bilder/sfobhomepage-08.gif" WIDTH=150 HEIGHT=39 ALT="" /></TD>
<TD COLSPAN=6 ROWSPAN=3>
<IMG SRC="bilder/sfobhomepage-09.gif" WIDTH=117 HEIGHT=48 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=33 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=11>
<IMG SRC="bilder/sfobhomepage-10.gif" WIDTH=108 HEIGHT=219 ALT="" /></TD>
<TD ROWSPAN=10>
<IMG SRC="bilder/sfobhomepage-11.gif" WIDTH=157 HEIGHT=206 ALT="" /></TD>
<TD ROWSPAN=11>
<IMG SRC="bilder/sfobhomepage-12.gif" WIDTH=28 HEIGHT=219 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=6 ALT="" /></TD>
</TR>
<TR>
<TD>
<IMG SRC="bilder/sfobhomepage-13.gif" WIDTH=150 HEIGHT=9 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=9 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="bilder/sfobhomepage-14.gif" WIDTH=156 HEIGHT=30 ALT="" /></TD>
<TD COLSPAN=5 ROWSPAN=2>
<IMG SRC="bilder/sfobhomepage-15.gif" WIDTH=111 HEIGHT=38 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=30 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="bilder/sfobhomepage-16.gif" WIDTH=156 HEIGHT=8 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=8 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="bilder/sfobhomepage-17.gif" WIDTH=164 HEIGHT=39 ALT="" /></TD>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="bilder/sfobhomepage-18.gif" WIDTH=103 HEIGHT=45 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=39 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="bilder/sfobhomepage-19.gif" WIDTH=164 HEIGHT=6 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=6 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="bilder/sfobhomepage-20.gif" WIDTH=224 HEIGHT=37 ALT="" /></TD>
<TD COLSPAN=2 ROWSPAN=6>
<IMG SRC="bilder/sfobhomepage-21.gif" WIDTH=43 HEIGHT=138 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=37 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="bilder/sfobhomepage-22.gif" WIDTH=224 HEIGHT=6 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=6 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="bilder/sfobhomepage-23.gif" WIDTH=188 HEIGHT=29 ALT="" /></TD>

<TD ROWSPAN=4>
<IMG SRC="bilder/sfobhomepage-24.gif" WIDTH=36 HEIGHT=95 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=29 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=3>
<IMG SRC="bilder/sfobhomepage-25.gif" WIDTH=188 HEIGHT=66 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=36 ALT="" /></TD>
</TR>
<TR>
<TD>
<IMG SRC="bilder/sfobhomepage-26.gif" WIDTH=157 HEIGHT=13 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=13 ALT="" /></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="bilder/sfobhomepage-27.gif" WIDTH=6 HEIGHT=204 ALT="" /></TD>
<TD COLSPAN=3 ROWSPAN=3 valign="bottom">
<IMG SRC="bilder/sfobhomepage-28.gif" WIDTH=287 HEIGHT=204 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=17 ALT="" /></TD>
</TR>
<TR>
<TD COLSPAN=7 ROWSPAN=2 valign="bottom">
<IMG SRC="bilder/sfobhomepage-29.gif" WIDTH=245 HEIGHT=187 ALT="" /></TD>
<TD ROWSPAN=2>
<IMG SRC="bilder/sfobhomepage-30.gif" WIDTH=28 HEIGHT=187 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=145 ALT="" /></TD>
</TR>
<TR>
<TD>
<IMG SRC="bilder/sfobhomepage-31.gif" WIDTH=458 HEIGHT=42 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=1 HEIGHT=42 ALT="" /></TD>
</TR>
<TR>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=6 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=150 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=6 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=8 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=24 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=36 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=15 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=28 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=458 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=6 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=102 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=157 HEIGHT=1 ALT="" /></TD>
<TD>
<IMG SRC="bilder/spacer.gif" WIDTH=28 HEIGHT=1 ALT="" /></TD>
<TD></TD>
</TR>
</TABLE>

</BODY>
</HTML>


Hoffe mir kann jmd helfen :(

pate33
13.10.2006, 14:09
Web Page Layouts Shouldn't Use Tables
http://webdesign.about.com/od/layout/a/aa111102a.htm
Peter Bucher
13.10.2006, 15:23
Hallo Dizzar

Patrick hat völlig Recht!
Nimme dir bitte folgendes zu Herzen...
- http://seybold.jan-andresen.de/


Gruss Peter
3UGENE
26.12.2006, 09:47
Web Page Layouts Shouldn't Use Tables
http://webdesign.about.com/od/layout/a/aa111102a.htm

Wie man's halt nimmt...
Aber wieso sollten Weblayouts nicht als <table> aufgebaut sein.
Ich habe schon vor Jahren mit <div> und CSS gearbeitet, doch fand ich es umständlich und nicht genau, weil die Differenzen zwischen FF und IE groß waren, deshalb arbeite ich vor kuzem mit Tabellen und möchte sagen, dies ist mein Weg!
Denn Webdesign ist eigentlich (wie) Kunst:
Man kann ein Bild lange malen (in diesem Fall <table>) und es kommt was schönes raus oder
man fuchtelt mit dem Pinsel herum (<div>) und einem gefällt es nicht (z.B. IE).
Eigentlich wurde auch <div> zu anderen Zwecken (hervorhebung einiger Stellen u.s.w....) entwickelt!
Chb
26.12.2006, 12:37
Wie man's halt nimmt...
Aber wieso sollten Weblayouts nicht als <table> aufgebaut sein.
Vielleicht, weil Tabellen für Tabellen sind und nicht für das Design?!

Ich habe schon vor Jahren mit <div> und CSS gearbeitet, doch fand ich es umständlich und nicht genau, weil die Differenzen zwischen FF und IE groß waren, deshalb arbeite ich vor kuzem mit Tabellen und möchte sagen, dies ist mein Weg!
Technik entwickelt sich weiter...

Eigentlich wurde auch <div> zu anderen Zwecken (hervorhebung einiger Stellen u.s.w....) entwickelt!
Nicht zwingend. DTD sagt:
<!ELEMENT div %Flow;> <!-- generic language/style container -->
<!ATTLIST div
%attrs;
>
Aber wenn du das schon derartig differenzierst, dann willst du mir doch nicht erklären wollen, dass Tabellen für Aussehen gemacht sind, oder etwa doch?
pate33
26.12.2006, 14:10
Es gibt unzaehlige Gruende gegen die gestalterische Verwendung von Tabellen, siehe den Link von Peter. Der wichtigste fuer mich ist die Barrierefreiheit. Hast du schonmal einem Screenreader zugehoert, wenn er eine Web-Site vorliest, die mit Tabellen gestaltet wurde? Viel Spass.
Felix Kaiser
27.12.2006, 09:36
Nichtsdestotrotz haben Tabellen den Vorteil auch auf älteren Browsern Formen zu realisieren, die anders dort gar nicht möglich wären und die dann noch genau so ausschauen in einem aktuellen Browser.

Genau aus dem Grund ist beispielsweise die Navigation auf www.apple.com komplett über Tabellen realisiert. Auf aktuellen Browsern würde das zwar auch nur unter Verwendung von CSS gehen, aber lasst den Browser mal ein paar Jahre alt sein. Es wird das gesamte Layout zerrissen und nicht jeder hält auf seinem Rechner immer eine aktuelle Browserversion vor.

Soweit kann ich das schon verstehen und soweit muss man das auch akzeptieren. Ich kenne sehr viele, die zugunsten der besseren und übersichtlicheren Darstellung auf nicht ganz aktuellen Browserversionen auf Tabellen zurückgreifen.

So groß finde ich den Unterschied dann gar nicht, ob nun ein Browser, der nicht richtig mit CSS umgehen kann, das gesamte Layout zerreist, die Lesbarkeit dadurch deutlich verschlechtert und manchmal sogar eine Navigation unmöglich macht oder ob ein Screenreader vor einem ähnlichen Problem steht, wenn man auf Tabellen statt auf CSS setzt.

Das soll nicht heißen, dass ich Tabellen für nicht tabellarische Darstellungen nehmen oder irgendein Problem mit CSS habe. Ich finde es nur falsch ideologische Diskussionen zu führen, Leute von etwas zu überzeugen, aber wichtige praktische Aspekte, die dann nicht in die eigene Meinung passen, außer Acht zu lassen. Dann können wir ja gleich wieder anfangen, Windows vs Linux, Äpfel vs Birnen.
Mac Fly
27.12.2006, 12:26
[..]nicht jeder hält auf seinem Rechner immer eine aktuelle Browserversion vor.

Soweit kann ich das schon verstehen und soweit muss man das auch akzeptieren.

Muss ich wirklich akzeptieren und beachten, dass es tatsächlich noch Leute da draussen gibt, die mit veralteten und unsicheren Browsern ins Netz gehen? Ich würde eher sagen, dass die User akzeptieren sollten, dass sie einen aktuellen Browser benutzen müssen für die korrekte Darstellung. Is ja nun wirklich nicht zu viel verlangt.

Dass Apple auf Tabellen baut, ist imho auch kein Grund, warum man es tun sollte. Wenn Apple Sehbehinderte ausschliesst, muss/soll ich das dann auch tun?

Und es gibt ne tolle Methode, wie ne Page auf allen Browsern gleich aussieht: Malt die Website in nem Grafikprogramm eurer Wahl und bindet dies als jpeg ein ;)
butterkeks
27.12.2006, 16:30
So groß finde ich den Unterschied dann gar nicht, ob nun ein Browser, der nicht richtig mit CSS umgehen kann, das gesamte Layout zerreist, die Lesbarkeit dadurch deutlich verschlechtert und manchmal sogar eine Navigation unmöglich macht oder ob ein Screenreader vor einem ähnlichen Problem steht, wenn man auf Tabellen statt auf CSS setzt.
Ich will jetzt nicht viel auf dem Thema herumkauen, aber der Vollständigkeit halber wenigstens mal erwähnen, dass es Möglichkeiten gibt, ältere Browser dazu zu bringen, die Stylesheets zu ignorieren.
Sieht natürlich nicht schick aus, aber wenn man es richtig anstellt, bleibt die Seite komplett navigier- und lesbar.
Felix Kaiser
27.12.2006, 19:59
Die Anzahl der Leute mit älteren Browsern ist nicht gering, vielleicht höher als die der Anzahl der Sehbehinderten. Ich würde das wie es ein Kollege macht vielleicht davon abhängig machen, ob sich das Angebot, mit dem sich die Seite befasst, auch für Sehbehinderte geeignet ist.

Es ist völlig Ok wenn jemand ein Layout auch auf älteren Browsern schick aussehen lässt und dafür eben Tabellen verwendet, weil es anders sonst gar nicht möglich wäre.

Es ist nicht Ok davon aus zu gehen, dass die Person, die vor dem PC sitzt und den Browser gestartet hat, auch einen anderen Browser installieren kann, weil der alte keine korrekte Darstellung hinbekommt.

Alter Browser heißt auch nicht automatisch unsicher. Ich kenne Leute, die surfen unter DOS mit Arachne. Was anderes läuft da auch gar nicht.

Es ist halt eine ideologische Frage. Da kann jeder seinen Standpunkt haben wie er will. Recht hat jede Seite auf gewisse Weise. Und zu behaupten, die andere Seite macht es falsch und hat Unrecht, das ist egoistisch und arogant.
Noob_79
02.12.2008, 13:44
Ich weiss der Thread ist alt aber cooler Link Danke! Ich habe das damals im Praktikum so gelernt das man immer Tabellen machen soll