Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Borders (DIVs & CSS)

    I have seen this effect made graphically before but never just with plain old CSS and DIV's and i have been trying all day so now im asking here for help or pointers to a tutorial or something. The effect im talking about is where a border runs all the way around a menu or some content but there is a gap in the border at the top where the title for the menu or content sits centered where the border should be. I tried to find an example of this done with tables and graphics but i couldnt find it. I'm hoping there's a way to replicate this effect using CSS and preferably DIV's.

    All help appreciated.

  • #2
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If I've understood correctly, you could just absolutely position an image over the border: like this - http://bonrouge.com/test/legendimage.htm


  •  

    Posting Permissions

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