gradient code? + stretching/tiling images

Firenova

New Member
Messages
19
Reaction score
0
Points
0
I am just learning how to do key graphics-related things...

1. How do I make a gradient background using only code?

2. How do I stretch an image across a given percentage of the screen?

3. How do I tile an image, and define the space between tiles?

For example, the background of this website is stretched (or maybe tiled ?)behind the active interface. a lot of good websites do that, and I'd like to know how.

I use MS Frontpage 2003. If you can give me any related advice applicable to this program, I'd appreciated it.
 

kkenny

Active Member
Messages
1,950
Reaction score
0
Points
36
1)
Do you mean gradiant as where like on the left side its black and then it slowly changes to white on the right side?

2)
Use <img src="SOURCE" width="%" height="%" />

3) What do you mean when you say tile an image?
 

letasega

New Member
Messages
5
Reaction score
0
Points
0
what he means is that he wants it like this forum, if my guess is correct :)
background wise
 
Last edited:

medphoenix

New Member
Messages
354
Reaction score
0
Points
0
For your first question:
gradient background using only code
You should use some generators for this otherwise you need to write the code manually.
HTML:
<style type="text/css">
#d1 {background-color:rgb(125,255,0)}
#d2 {background-color:rgb(126,255,1)}
#d3 {background-color:rgb(126,255,2)}
#d4 {background-color:rgb(127,255,3)}.........
#d255 {background-color:rgb(254,255,254)}

You can find the gradient background creating tool in the following website:
http://www.designdetector.com/2005/09/css-gradients-demo.php
 

Firenova

New Member
Messages
19
Reaction score
0
Points
0
heres what I mean by "tile".

suppose X is an image.

Here is X tiled.
XXXXXXXXXXXXXXXXX

Here is X tiled with spaces in between.
X X X X X X X X X


medphoenix, thank you very much for the link, it helps a lot.
 
Top