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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Please help me with code to do the following:

    I have seen a few times now on websites where a person has something that looks like this


    ---Some text here-----------------------------

    I love how that looks, but have been unable to create one using css. Could someone give me some help?

  • #2
    Regular Coder BWiz's Avatar
    Join Date
    Mar 2006
    Location
    Sol System
    Posts
    471
    Thanks
    7
    Thanked 21 Times in 21 Posts
    Are you talking about the <fieldset> and <legend> tags? I'm not too sure.

    Code:
    <fieldset>
     <legend>Title</legend>
     <p>
      Some text here.
     </p>
    </fieldset>
    Side note: there are some good examples of CSS at http://www.cssplay.co.uk
    BWiz :: Happy Coding!
    2006
    2007 2008 2009
    2010 2011
    Irrational numbers make no sense.

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, BWiz

    I guess that I should not try and describe something I need after fighting with it for 5 hours in the middle of the night

    http://75.64.217.158/dreams/blah.asp

    This is an example of what I am looking to do. The line runs through the red bordered box, with some text in the middle. (All borders are there for testing purposes only). I thought I had it, but if you resize the window into a very small size you will see that the "Some Text" will move out of the main content box, and I can not figure out how to keep it within it. Any help?

  • #4
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    check out "min-width" and apply it to that centre div.

    works on most Modern browsers. (I think)

  • #5
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Min-width, max-width, min-height and max-height does not work on IE 6.
    .
    .


  •  

    Posting Permissions

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