I need to make a border around my site

Discussion in 'HTML & Website Design' started by overdrive, Oct 17, 2007.

  1. #1
    I am trying to get a border to go around the right and left sides of my site. I want the kind of border that www.crutchfield.com has. I already have made the image, but I am not sure how to get it to go on the sides of the site. My site is www.overdriveelectronics.com and it is going through some changes right now. Can someone help me out with this?
     
    overdrive, Oct 17, 2007 IP
  2. Kaosfalco

    Kaosfalco Guest

    Messages:
    11
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    On www.chutchfield.com, I'm not seeing any borders around the site. Can you please point them out for me? =]
     
    Kaosfalco, Oct 17, 2007 IP
  3. foreststone

    foreststone Peon

    Messages:
    1,355
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #3
    foreststone, Oct 17, 2007 IP
  4. azcn2503

    azcn2503 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Please try adding this attribute to your body tag:

    style="border:10px solid black;border-width:0 10px 0 10px;"
    Code (markup):
     
    azcn2503, Oct 18, 2007 IP
  5. overdrive

    overdrive Active Member

    Messages:
    969
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    80
    #5
    overdrive, Oct 18, 2007 IP
  6. Bagi Zoltán

    Bagi Zoltán Well-Known Member

    Messages:
    364
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    #6
    I belive that you will need two images which can be used as a background of two cells providing the gradient border effect. Place them as background of two new cells around the actual table using "background-repeat:repeat-y" attributum.
     
    Bagi Zoltán, Oct 18, 2007 IP
  7. night|shift

    night|shift Peon

    Messages:
    22
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I'd take an image ( you can't realise that with CSS borders because of the shadow ) like this one here and background-repeat it to the y-axis:

    thecssobject { background-image:url(shadow.gif); background-repeat:repeat-y; }
    Code (markup):
    With the float-option in CSS you can adjust the border on the left and right egde of your site.

    ~
     
    night|shift, Oct 18, 2007 IP
  8. overdrive

    overdrive Active Member

    Messages:
    969
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    80
    #8
    when I put the background image attribute, the image just sent to the left side of the screen and went down the whole page, I just want it to go down the right and left side of the site because I do not need a bottom image because there is one already there.

    Night|Shift: so do you I have to put in a class in my css in order to get the image to float?
     
    overdrive, Oct 18, 2007 IP
  9. night|shift

    night|shift Peon

    Messages:
    22
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    oh, just saw that he made it another way. easier.

    His backgroundimage is the whole background of the page, not just the shadowstroke.
    The made a div, applied the image like I said and coded the content into the div.

    ~
     
    night|shift, Oct 18, 2007 IP
  10. overdrive

    overdrive Active Member

    Messages:
    969
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    80
    #10
    so would I have to create a div and put all the rest of the content into it and not do any of the background repeat stuff?
     
    overdrive, Oct 18, 2007 IP