www.webdeveloper.com
Results 1 to 5 of 5

Thread: Any idea how I can get fullwidth hr tag

  1. #1
    Join Date
    Aug 2009
    Posts
    45

    Any idea how I can get fullwidth hr tag

    Hello,

    I'm struggling with some CSS. The link to my website is http://woodlandprint.com/woodl2011/what-we-do/design. Does anyone know how I can make the hr tag expand across the fullwidth of the page? Currently the css is:
    Code:
    hr 	{background:none repeat scroll 0 0 #659730;margin-bottom:0.5px;clear: both;width:100%;padding:0.5px;height: 3px;}
    I would like it to be the same as the top green bar, that goes across the full width of the page. Any help would be greatly appreciated. Thank you

  2. #2
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,213
    CSS errors

    Ignore those about border radius.

    HTML errors

    CSS
    HTML

    I would say with a width of 100%, the hr will be at a 100% width of its container. If green bar and hr are not in same size width containers, then they be different.

    BTW, you have no background so coding it in makes no sense. Only if you want the color: background: #659730;

    The clear I guess is for clearing some floats. Didn't look at code.

  3. #3
    Join Date
    May 2005
    Location
    Rochester, NY
    Posts
    30
    I wouldn't even bother with the hr tag. I would just change the top and bottom borders of a div that surrounds the main content of your website.

  4. #4
    Join Date
    May 2011
    Posts
    4
    just make the margin:0 then width:100%

    It will fix your problem.

  5. #5
    Join Date
    May 2011
    Posts
    5
    Try this one;

    hr {background:none repeat scroll 0 0 #659730;margin:0.5px;clear: both;width:100%;height: 3px;}

    Hope this help

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles