SitePoint Sponsor

User Tag List

Results 1 to 9 of 9

Thread: site borders

  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2009
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    site borders

    ok they aren't borders in strictest of senses, but if i've got a navigation bar, and a horizontal title bar (the same colour) how could i round off the corner between the two?

    (so that the nav bar swoop round and all the way to the top right hand corner.)

    cheers!

    nick

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2009
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    don't i know it

    nah, the problem is i'm not trying for a rounded border, I'm trying for a rounded edge between my navigation bar and top title bar. - This is a little difficult to 'google'! (imo - maybe not!)

    given that i'm a newbie, and that 1 at least is just a jpg that i've positioned, and that i want to 'join' both sections with an arc, this confuses me. i was looking for a little clarification.

    can i just make a 'shape' in PS and place it absolutely? (ie right on the first pixel - top left?) how can i then dictate how far that image stretches?

    so in my current navigation setup i just go (css)

    #nav {
    height: 100%
    width: 'x'
    }

    for the navigation menu

    and i've just put a border round the body content for the top title colour/segregation (ie to make a border at the top of my page)

    but obviously if this is an image that spans both the x and y axis this makes it more difficult (because i assume the image would have to be square, not 'L' shaped.

    Maybe I'm wrong - as I said, I'm a newb!

    sorry if this isn't exactly easy to understand - i'm not sure of the 'technical' terms!

    Nick

  4. #4
    SitePoint Addict Belfast75's Avatar
    Join Date
    Oct 2005
    Location
    London, England
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I can't quick understand what you're trying, can you maybe photoshop up a quick illustration of what you're trying to achieve?

  5. #5
    SitePoint Enthusiast
    Join Date
    Jun 2009
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i will do - but first let me try this:

    colour in the area that has your avatar and post count etc (from the green dot up to 'today, 0630'). now draw a line under what you have written, all the way across the screen. colour everything above that line the same colour as the avatar area.

    the two areas meet just below and to the left of "I can't".

    but they meet at a right angle. i want to make an arc from say the 'q' of 'quick' to about where brian's head is.

    make sense?

    if not i'll draw it - cheers for trying to understand!

    nick

  6. #6
    SitePoint Enthusiast
    Join Date
    Jun 2009
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    really? no one understands that ****?

    i'll get the scanner out

  7. #7
    SitePoint Member
    Join Date
    Jul 2007
    Location
    Manchester UK
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    is this what you meant?


  8. #8
    SitePoint Member
    Join Date
    Jul 2007
    Location
    Manchester UK
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If that is what you were after this is how I did it in PSP7

    http://www.plusplace.co.uk/temp3.html

  9. #9
    SitePoint Enthusiast
    Join Date
    Jun 2009
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    cheers!

    my only real problem is that i don't know how exactly to put that on my site. i've read about 'slicing' on this site, http://www.sitepoint.com/article/des...ite-photoshop/ but have been told its not the best way to go. - i think because you can't use CSS (which is what I am doing).

    Sorry if this is a bit basic!

    cheers for the help,

    Nick


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
  •