nicht angemeldet
Frage zu Tabellenhintergrundgrafiken
Hiho,
also ich bin ein totaler Neuling in Sachen CSS und eigentlich habe ich auch keinen Schimmer was ich da so verbreche, aber ich gelobe Besserung ;-).
So mein Problem:
Ich will Tabellen zur Formatierung von Grafik nutzen. Dazu habe ich folgenden Code verwendet:
<html>
<head>
<title></title>
<meta name="author" content="Administrator">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="hintergrund.png" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table style="width:791px; ">
<tr style="background-image:url(banner.jpg); height:120px;"><br></tr>
<tr style="background-image:url(mitte.jpg);">Hier steht viel Bla Bla</tr>
<tr style="background-image:url(unten.jpg); height:109px;"><br></tr>
</table>
</body>
</html>
Die Hintergrundgrafiken werden aber nur im IE (ich glaube 6.0) korrekt dargestellt. Opera (9.63) und der aktuelle FireFox zeigen mir nur den Text an :-(.
Wie kommt man als Neuling eigentlich am besten in die Thematik CSS? selfhtml oder gibts da anschaulichere Alternativen? Oder Copy&Paste und dann Learning-by-doing?
Danke schon mal für eure Tipps.
-
Hi,
also ich bin ein totaler Neuling in Sachen CSS [...]
So mein Problem:
Ich will Tabellen zur Formatierung von Grafik nutzen.Was auch immer du genau darunter verstehst - *das* solltest du dir gerade als Einsteiger als allererstes abgewoehnen.
HTML soll die inhaltliche Struktur eines Dokumentes bestmoeglich auszeichnen; und Tabellen sind zur Darstellung tabellarischer Daten gedacht, und nicht um irgendetwas anderes als solche zu strukturieren.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“ -
also ich bin ein totaler Neuling in Sachen CSS und eigentlich habe ich auch keinen Schimmer was ich da so verbreche, aber ich gelobe Besserung ;-).
So mein Problem:
Ich will Tabellen zur Formatierung von Grafik nutzen. Dazu habe ich folgenden Code verwendet:Stopp: Nimm einen Frefox zum HTML zu schreiben. oder Opera oder Safari, aber nicht MSIE!
Lade dir beim Frefox auch gleich den HTML Validator hinzu
http://users.skynet.be/mgueury/mozilla/Grund folgt:
<html>
<head>
<title></title>
<meta name="author" content="Administrator">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head><body background="hintergrund.png" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table style="width:791px; ">
<tr style="background-image:url(banner.jpg); height:120px;"><br></tr>
<tr style="background-image:url(mitte.jpg);">Hier steht viel Bla Bla</tr>Das ist schon mal sowas von kaputt:
Bevor du hier mit CSS Problemen auftauchst, verwende valides HTML.<tr style="background-image:url(unten.jpg); height:109px;"><br></tr>
</table>
</body></html>
> > Die Hintergrundgrafiken werden aber nur im IE (ich glaube 6.0) korrekt dargestellt. Opera (9.63) und der aktuelle FireFox zeigen mir nur den Text an :-(. So, das weisst du also alles. Na dann viel vergügen beim Validieren. Dann kannst du mal deine Ansichten korrigieren. > Wie kommt man als Neuling eigentlich am besten in die Thematik CSS? selfhtml oder gibts da anschaulichere Alternativen? Oder Copy&Paste und dann Learning-by-doing? Interresse und Verantwortung. Dasselbe sollte dich dann auch vom Tabellenlayout entfernen. mfg Beat -- Woran ich arbeite: [X-Torah](http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1) ><o(((°> ><o(((°> <°)))o>< ><o(((°>o Der Valigator leibt diese Fische -
Hi lanjan,
Wie kommt man als Neuling eigentlich am besten in die Thematik CSS? selfhtml oder gibts da anschaulichere Alternativen? Oder Copy&Paste und dann Learning-by-doing?
also ich würde Dir empfehlen, zunächst mal ein _valides_ html-Dokument zu erstellen, in Du die wichtigsten, am besten gleich alle, http://de.selfhtml.org/html/index.htm@title=html-Elemente verwendest. Benutze dazu ruhig Blindtext.
Und _dann_, wenn diese Ressource valide ist, fängst Du damit an, Dich mit CSS zu spielen und gehst alle http://de.selfhtml.org/css/eigenschaften/index.htm@title=CSS-Eigenschaften durch. Eine nach der anderen. Spiel Dich herum damit. So lernst Du die grundlegensten Layoutmöglichkeiten am Besten.
Und dann, wenn _das_ mal sitzt, kannst Du ja Seiten aufsuchen, die zB. schöne Weblog-Designs präsentieren, Dir etwas aussuchen, was Dir gefällt, und dann versuchen, so etwas Ähnliches "nachzubauen". Nicht, um ein Plagiat zu veröffentlichen, aber um die Möglichkeiten mit CSS besser zu verstehen.
Dann gäbe es da auch noch Seiten wie den ZEN-Garten, wo ein und der selbe Text durch verschiedene Stylesheets immer wieder anders dargestellt wird. Auch eine gute Möglichkeit, viel über CSS zu lernen, wenn man sich dort die entsprechenden Stylesheets ansieht.
Aber wenn Du wirklich noch ganz am Anfang bist, dann geh es auch langsam an. Wie gesagt, zuerst lerne, semantisch richtiges html zu schreiben und dann beschäftige Dich damit, dieses grundgelend zu "stylen".
Und wie Dir ja schon gesagt worden ist: Verwende von Anfang an Tabellen, um einen dafür geeigneten Inhalt tabellarisch darzustellen und für _nichts_ anderes. Und gewöhne Dir an, ein CSS-Layout für einen _richtigen_ Browser zu schreiben, also zB. für den Firefox. Und dann erst schau Dir an, wie die Ausgabe im IE aussieht. Kontrolliere auch immer, wie Deine Seiten _ohne_ CSS aussehen. Das ist wichtig für Leute, die einen textbasierenden Browser verwenden oder für Blinde und sehbehinderte Menschen, die sich deine Seite vorlesen lassen.
Mit lieben Grüßen aus Wien
Michi
--
Self-Code: ie:{ fl:| br:> va:} ls:# fo:| rl:° n4:# ss:| de:> js:{ ch:? mo:) zu:}
Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
It is nice to be important - but it is more important to be nice.
