Kleur

Status
Niet open voor verdere reacties.
jettro

jettro

Gebruiker
Lid geworden
2 nov 2008
Berichten
333
Hoi;

dit is mijn code....staat in de index

Code: 
<tr bgcolor="<?=$kleur_balk;?>"><td height="200"><td colspan="15"><font color="<?=$tekst_kleur9;?>">

in een map heb ik de $kleuren staan.

$kleur_balk is rood "# FF0000"

Er is nu een volledig rood gekleurd venster

werkt allemaal super.
--------------
--------------

Nou wil ik dat de bgcolor van rood naar wit gaat # FFFFFF
Gradient color van boven(rood) naar beneden(wit)

Hoe krijg ik de $kleur_balk zo gek dat deze herkent wordt om van rood naar wit te overvloeien ?




ik ben hier mee bezig geweest ...http://www.web-source.net/html_background_gradient.htm

Dit krijg ik niet voor elkaar ,wat ik ook doe de balk blijft zwart :o

Jouw reactie wordt zeer gewaardeerd,

Jettro
 
Kijk eens op http://www.tankedup-imaging.com/css_dev/css-gradient.html

Ik heb ook ff een kleine test gemaakt met de info die je hebt gevonden in http://www.web-source.net/html_background_gradient.htm

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<title>Test gradient functie</title>
</head>
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"> 
<br />
<br />
<br />
<br />
<div align=center>
<table width="400">
  <tr>
    <td style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FF0000', startColorstr='#FFFFFF', gradientType='1');">dit is</td>
  </tr>
  <tr>
    <td style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#00FF00', gradientType='0');">een test</td>
  </tr>
  <tr>
    <td style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#0000FF', gradientType='1');">om na te gaan</td>
  </tr>
  <tr>
    <td style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFF00', startColorstr='#FFFFFF', gradientType='0');">of de gradient-</td>
  </tr>
  <tr>
    <td style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#FF00FF', gradientType='1');">functie wel werkt</td>
  </tr>
<table>
</div>
<br />
<br />
<br />
<br />
</body>
</html>

Dit lijkt mij goed te werken.
Ik denk echter dat deze methode alleen werkt in Internet Explorer omdat het zuivere Microsoft-code is en geen algemeen W3 / CSS-standaard is.
 
Laatst bewerkt:
Dat werkt inderdaad alleen in Internet Explorer 6 en hoger. Kan trouwens ook in 'n stylesheet.
Mogelijk werkte het niet omdat IE 6/7 hasLayout moeten hebben, anders werken filters niet. Kun je bereiken door aan de css voor die twee oude lijken toe te voegen: zoom: 1;
Dat heeft geen enkele invloed behalve dat hasLayout aan komt te staan. In IE 8 bestaat hasLayout gelukkig niet meer.

css3 heeft 'n eigenschap voor gradient in backgrounds. Dat is experimenteel al ingebouwd in webkit (Safari, Google Chrome) en Firefox. Ik heb er nog geen enkele ervaring mee, maar hier zijn wat links naar artikelen erover:
http://webkit.org/blog/175/introducing-css-gradients/
http://www.sitepoint.com/blogs/2008/04/25/css-gradients-transforms-animations-and-masks/
https://developer.mozilla.org/en/CSS/-moz-linear-gradient
https://developer.mozilla.org/en/CSS/-moz-radial-gradient
En met behulp van JavaScript:
http://ajaxian.com/archives/css-gradients-for-all
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan