CSS Farbübergänge
Samuel Vogel
- html
0 Danny0 Samuel Vogel0 MudGuard0 Samuel Vogel0 MudGuard
0 Danny
Morgen,
Ich würde gerne wissen wie man in einer Tabelle Farbübergänge macht also als Hintergrund der Tabelle mein ich.
samy,
Moin,
mit einem Grafikprogramm?
Ja klar,
Aber ich meine ohne Bilder sondern mit CSS oder HTML.
Da Bilder viel zu Lange zu Laden brauchen.
samy,
Hi,
Aber ich meine ohne Bilder sondern mit CSS oder HTML.
Da Bilder viel zu Lange zu Laden brauchen.
Gar nicht. Gibts nicht.
Soweit ich weiß, ist das auch in CSS 3 nicht vorgesehen.
cu,
Andreas
Also ess muss aber gehen da es auf http://www.janaforum.de/jana_forum/ auch geht!
ich habe ja sogar den Quellcode vom wbb2 board (welches auch im janaforum zum einstaz kommt) aber da steht nur drin:
<style>
.in {
background-color: #000000;
}
</style>
und dann:
<table class="in">
</table>
Hi,
Also ess muss aber gehen da es auf http://www.janaforum.de/jana_forum/ auch geht!
Der einzige Farbverlauf dort (in der Tabellenzelle mit "Fehlermeldung" als Inhalt) ist per Grafik gemacht: <img src="http://www.janaforum.de/jana_forum/images/cellpic.gif" border="0" alt="">
.tabletitle {
color: #000000;
background-color: #ff9933;
background-image: url(images/cellpic.gif);
}
cu,
Andreas
Wenn Du mit "Farbübergängen" mehrstufige Farbverläufe meinst, die brauchen kaum Speicherplatz, wenn Du sie nur 1 Pixel breit machst... Die seitliche Wiederholung kann der Browser automatisch erledigen, bei Hintergründen ist das Standard.
Erstelle eine Datei mit folgenden Maßen: 1 x 1280, fülle sie mit einem Verlauf und speichere als PNG. Du wirst feststellen, dass die Datei nur wenige KB groß ist, ich vermute mal weniger als 10KB. Ist das etwa viel?
Außerdem kann man Farbübergänge nicht allein mit HTML und CSS erzeugen, jedenfalls nicht automatisch. Dazu brauchst Du noch Javascript. Es geht auch ohne Javascript aber dann mußt Du die Farbtabellen von Hand in z.B. div-Blöcke eintragen:
<div class="line" style="background-color:#ffffff"></div>
<div class="line" style="background-color:#fefefe"></div>
<div class="line" style="background-color:#fdfdfd"></div>
<div class="line" style="background-color:#fcfcfc"></div>
etc.
MfG
Danny