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
    Sep 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Line Breaks Issue

    Can someone please inspect www.dm4gov.com/index2.html and see why my 3 links at the bottom of the page line break . . . I need them to go across the bottom of the header image... I am an idiot at this, so any details you can provide would be awesome . . .

    Codes are below in images:

    Line Breaks Issue-html.jpg

    Line Breaks Issue-css.jpg

  • #2
    New Coder
    Join Date
    Sep 2012
    Location
    Boulder, CO
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts
    If I am understand what you want, all you need to do is add into your css file the float: left; property to each link class. Here is the coding:

    Code:
    .fp_donate {
        background: url("front_donate.png") repeat scroll center bottom transparent;
        display: block;
        height: 50px;
        text-indent: -99999px;
        width: 300px;
        float: left;
    }
    
    .fp_lpwv {
        background: url("front_lpwv.png") repeat scroll center bottom transparent;
        display: block;
        height: 50px;
        text-indent: -99999px;
        width: 300px;
        float: left;
    }
    
    .fp_enter {
        background: url("front_donate.png") repeat scroll center bottom    transparent;
        display: block;
        height: 50px;
        text-indent: -99999px;
        width: 300px;
        float: left;
    }
    Notice, that the last line of each selector has a float:left; property. Add that to your coding and see if that is the effect you are looking for.


  •  

    Posting Permissions

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