SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    May 2011
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation problem with setting 2 borders next to each other

    i cant figure out how to set two borders next to each other.
    Code CSS:
    #border
    border:1px solid #c9c9c9;
    width:200px;
    height:300px;
    margin:5px;
    }

    It works good up and down but i cant get it to work the other way around.
    any ideas?
    Last edited by ScallioXTX; May 9, 2011 at 14:16. Reason: wrapped code in [hightlight="css"]...[/highlight]

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,599
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    Hi thaman941. Welcome to SitePoint.

    It's not really clear what you are asking here. Could you be more specific. The code you posted should put a border all the way around the element that has an ID of #border. Where do you actually want the borders, and what kind of element are you styling?

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,821
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    If perhaps you want two elements side by side then you'll need to float the first one or float both.

    e.g.
    Code:
    #border border:1px solid #c9c9c9; width:200px; height:300px; margin:5px; float:left; }
    However as Ralph said it's not really clear what you are after

  4. #4
    SitePoint Member
    Join Date
    May 2011
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks its working now!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •