Wie geht das ?

[Hansii]

Hallo.

Habe ein div mit der id="header". Dieser Header soll blau werden. Allerdings soll er oben hellblau sein und nach unten immer dunkler werden.

Wie bekomme ich das hin? Welche Befehle ?

Danke

 

[ge_fabian]

Du suchst einen Farbverlauf. Das geht mit CSS3.

Aber es wird nicht unter allen Browsern unterstützt!

 

[Ham3L]

Hmm mal schauen ob er es hinbekommt hasse eh mit div zu arbeiten ;) ich bleib beim Oldschool ;)

 

[ge_fabian]

Hier habe ich mal einen Code für dich:

[COLOR=#000000][FONT=monospace]background: #7db9e8; /* Old browsers */[/FONT][/COLOR]
[COLOR=#000000][FONT=monospace]background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 38%, #207cca 66%, #1e5799 100%); /* FF3.6+ */[/FONT][/COLOR]
[COLOR=#000000][FONT=monospace]background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(38%,#2989d8), color-stop(66%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */[/FONT][/COLOR]
[COLOR=#000000][FONT=monospace]background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 38%,#207cca 66%,#1e5799 100%); /* Chrome10+,Safari5.1+ */[/FONT][/COLOR]
[COLOR=#000000][FONT=monospace]background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 38%,#207cca 66%,#1e5799 100%); /* Opera 11.10+ */[/FONT][/COLOR]
[COLOR=#000000][FONT=monospace]background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 38%,#207cca 66%,#1e5799 100%); /* IE10+ */[/FONT][/COLOR]
[COLOR=#000000][FONT=monospace]background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 38%,#207cca 66%,#1e5799 100%); /* W3C */[/FONT][/COLOR]
[COLOR=#000000][FONT=monospace]filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */[/FONT][/COLOR]

Ziemlich kompliziert, ich würde dir empfehlen einfach eine Image-Datei zu benutzen!

Hier der Generator: Ultimate CSS Gradient Generator - ColorZilla.com

Mal etwas zu den Browsern: Cross-Browser CSS Gradient
& hier: CSS Gradients

& noch ein Generator: CSS3 Gradient Generator

Wie du siehst, ist das Netz voll mit CSS3 gradients!
:)

 

[ge_fabian]

Hmm mal schauen ob er es hinbekommt hasse eh mit div zu arbeiten ;) ich bleib beim Oldschool ;)

Klar das ist doch nicht schwer, siehe mein letzter Thread.

Wieso keine div's?
Du meinst <table> oder?

Also ich arbeite ausschließlich mit div's (in 99.999% aller Fälle), es geht heutzutage auch alles (float)

 

[Ham3L]

[FONT=Consolata, monospace]Ist dein Code auch nützlich wenn es non-css3 Browser sind ? Wie du schon schriebst wird nicht jeder Browser unterstützt.

Wenn ich mir denn Code Schnipsel mal so anschaue scheint er ein wenig veraltet zu sein.

Oder irre ich mich da .

Ich kann einfach nicht mit div's arbeiten ^^ *schäm*[/FONT]

 

[ge_fabian]

Ist dein Code auch nützlich wenn es non-css3 Browser sind ? Wie du schon schriebst wird nicht jeder Browser unterstützt.

Wenn ich mir denn Code Schnipsel mal so anschaue scheint er ein wenig veraltet zu sein.

Oder irre ich mich da .

Ich kann einfach nicht mit div's arbeiten ^^ *schäm*

nein, wie soll ein CSS3 Code laufen, wenn der Browser kein CSS3 unterstützt? D

also veraltet kann er nicht sein, denn erstens ist er CSS3, und zweitens von einem Generator, aber er unterstützt IE 6-9, und noch ein paar mehr Browser.

Deshalb muss ich es auch zurücknehmen, er unterstützt auch teilweise Browser, welche kein CSS3 haben, wie zum Beispiel den IE 6.


hahaha solltest du aber ;)
Irgentwann werden <table>'s noch weniger eingesetzt