Runboard.com
Слава Україні!



🙂       Use the black navigation bar to log in or create your account.

 
toxiczen Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: edge question.


Hi, Toxiczen. emoticon

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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
1/18/2007, 2:11 am Link to this post PM Lesigner Girl Read Blog
 


Add to this discussion



You are not logged in (login)
Back To Top

This board's time is GMT.