css of photoshop??

Erik schreef op 28.02.2006 11:33

ik kan de oplossing van jan eens proberen.
als je kijkt op de pagina van Jan, waar je je kan registreren voor de meeting zie je ook overgang tussen 2 kleuren.

prachtig is FF maar verrot in IE.

hoe heb je dat gemaakt Jan?

Ongeveer zoals ik net postte, maar in dit geval met de body tag:

body {
background: #fff url(bg.jpg) left top;
}

div.gradient {
background: url(gradient.jpg) left top repeat-x;
}

heb ik nu gebruikt.
ik heb een .gif bestand gemaakt met photoshop.
80px hoog en 8px breed.
maar als ik de code hierboven gebruik, komt het plaatje alleen maar heel vaak naast elkaar te staan.

Erik schreef op 28.02.2006 12:46

div.gradient {
background: url(gradient.jpg) left top repeat-x;
}

heb ik nu gebruikt.
ik heb een .gif bestand gemaakt met photoshop.
80px hoog en 8px breed.
maar als ik de code hierboven gebruik, komt het plaatje alleen maar heel vaak naast elkaar te staan.

Duh :) Repeat-x .... Als je wil dat het in alle richting herhaalt, repeat;, enkel in y richting, repeat-y ...

In java deze code gebruikt voor een achtergrond kleur, misschien dat je er wat aan hebt:

// Draw the background
g.setColor(g.getColorOfRGB(170,200,255));
g.fillRect(0,0,getWidth(),getHeight());
for (i=0;i<16;i++) {
g.setColor(g.getColorOfRGB(106+i*4,136+i*4,255));
g.fillRect(0,i*2,getWidth(),2);
}

Ik heb die FILTER van IE wel eens gebruikt voor een website, maar ik vindt het zeer onhandig, aangezien het alleen bij IE werkt.

Als je de richting wil veranderen moet je volgens mij gradientType veranderen...

Bijvoorbeeld:

FILTER: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#99CCFF, endColorstr=#000000;gradientType='1');

Dat schreef Roy ook al....

gradientType='1'

hier wordt het niet horizontaal door :(

http://msdn.microsoft.com/workshop/author/filter/reference/properties/gradienttype.asp

Misschien heb je hier wat aan:

klikklakklik