toxiczen
Citizen
Registered: 10-2006
Province: everywhere and nowhere...
Posts: 1001
Karma: 38 (+38/-0)
|
ReplyQuote
|
|
edge question.
if i wanted to design an image, say draw it on paper, scan it, than put it on photobucket, or design it on computer.
how could i than apply it to the two edges (left and right) of my main page? they would stretch from top to bottom, im thinking maybe a long image or a short but tiled on on top of another image so i can have a border, a good example of what im speaking of is the pillars on the edges of the screen on this site.
--- "Love is the strongest force the world possesses, yet! it is the humblest imaginable."
~Gandhi
"it is easier to tell the truth: you don't have to remember anything"
~Mark Twain
|
1/17/2007, 3:20 pm
|
Link to this post
PM toxiczen
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: edge question.
Hi, Toxiczen.
CSS: (leave out the part in gray)
body {
margin: 0;
background: #CCCCCC url(url_to_left_image.gif) top left repeat-y;
everything else that's already in your body definitions
}
#container {
background: url(url_to_right_image.gif) top right repeat-y;
padding: 0.5em 100px;
}
Very first thing in HTML Header:
<div id="container">
Very last thing in HTML Footer:
</div><!-- end container -->
Notes:
• Do not use a background color in your #container,
or it will cover up the body{} image.
• The note in gray means, if you already have
body { ... } in your CSS, you can just add
margin:0; and the background definitions to your
existing body { ... } instead of adding another one.
If you already have a background or margin specified
there, leave the current ones out and replace with
the code I gave you.
• #container padding —
• The first measurement (0.5em) refers to the
top and bottom padding. Increase, decrease, change
to a unit in px instead of em, or whatever you
think looks good.
• The second measurement (100px) refers to the
left and right padding. Increase or decrease
to allow space for your background images to
show through.
That should do it.
|
1/18/2007, 2:11 am
|
Link to this post
PM Lesigner Girl
Read Blog
|