SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    May 2010
    Posts
    228
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    weird float alignment issues

    how come the 3 sections in the middle of this page are staggered down instead of all horizontally aligned? I have a float:left on them all and the wrapper has a clear:left. what am i missing?

    please advise. thanks in advance.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Remove those breaks after your divs. They are totally unnecessary in a CSS layout:

    </div><br>
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Addict
    Join Date
    May 2010
    Posts
    228
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I wish I could but this WordPress theme I'm using is doing some funky things and inserting them. In the control panel section for this theme, there's an input area where I add in all the text I want to appear there. But I've thrown in some HTML along with just the text. Here's what I have...

    Code:
    <div class="blurb">
      <h2>Corporate Events</h2>
      <p>Jonathan Blair is available for private evetns of all kinds. More introductory sentences about private events will go here. Yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada...</p>
      <p>(<a href="/wordpress/private-events/">Read More</a>)</p>
    </div>
    <div class="blurb">
      <h2>Private Events</h2>
      <p>Jonathan Blair creates the ideal magic presentations for your corporate events, from corporate outings to product launches. More intro sentences about corporate events go here. Yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada...</p>
      <p>(<a href="/wordpress/corporate-events">Read More</a>)</p>
    </div>
    <div class="blurb">
      <h2>Kids Parties</h2>
      <p>Blair Kids Magic has several shows to meet your magical entertainment needs.  Whether you are planning a child's birthday party, family celebration, school event or fundraiser, or corporate event, Blair Kids Magic has the right show to fit your needs...</p>
      <p>(<a href="/wordpress/kids-parties">Read More</a>)</p>
    </div>
    So all those br's are somehow getting auto populated. Please advise. Thanks!

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    I don't know how WP works in this respect, but I suspect there's an option to turn that off. Presumably it thinks you are inserting raw text and is thus inserting breaks to imitate paragraphs? Is there are setting for inserting HTML?

    If all else fails, you could insert this in the CSS (though it may mess up other things on your site):

    Code:
    br {display: none;}
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Tags for this Thread

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
  •