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 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need help with a spacing problem when floating an object

    Hopefully someone knows an easy way to fix this problem. I am floating a table to the right of the first line of my content which is located within a <td> but it is indenting the first line of my text right after the floated object. Ive noticed that indentation goes away when i remove my ,margin from the floated object, but obviously i need the padding. Anyone know a solution? the html code and css are below. Thanks !

    Code:
    <tr>
                  <td align="left" valign="top" class="content"><table width="160" border="0" cellpadding="0" cellspacing="0" class="floatRight">
                    <tr>
                        <td width="10" height="10" valign="top"><img src="images/topLeft.png" width="15" height="15" /></td>
                        <td height="10" valign="top" background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
                        <td width="10" height="10" valign="top"><img src="images/topRight.png" width="15" height="15" /></td>
                    </tr>
                    <tr>
                        <td background="images/roundedBoxBg.png" bgcolor="#dff0ff"></td>
                        <td valign="top" background="images/roundedBoxBG.png" bgcolor="#cdcdcd" class="roundedCornerBoxContent">&ldquo;Quality is
                          not expensive                      &ndash; it&rsquo;s priceless.&rdquo;</td>
                        <td background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
                    </tr>
                    <tr>
                        <td valign="top"><img src="images/bottomLeft.png" width="15" height="15" /></td>
                        <td valign="top" background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
                        <td valign="top"><img src="images/bottomRight.png" width="15" height="15" /></td>
                    </tr>
                                </table>
                    At Broad River Paint &amp; Body, our goal is to ***** This is the line that indents ***** return your vehicle to pre-accident condition as quickly as possible. You get <span class="highlight">proven results</span> (<a href="photogallery.html">view examples of our work</a>) and the peace of mind of a <span class="highlight">job done right the first time</span>.<br />
                    <br />
                    We are conveniently located off of Greystone Blvd. and provide 24/7 towing service.<br />
                    <br />  
                    <span class="contentHeader">Here&rsquo;s what you can count on from Broad River Paint &amp; Body: </span>
                    <ul>
    					<li>Your vehicle restored to pre-accident condition</li>
    				    <li>Your vehicle repaired without delay</li>
    				    <li>Straight-forward communication throughout the repair</li>
    				    <li>The latest equipment and technical training</li>
    				    <li>Coordination with your insurance company at all times</li>
    				    <li>Lifetime warranties on all repairs</li>
    				    <li>ASE certified technicians and I-CAR training</li>
    				    <li> A clean and well lit facility</li>
    				    <li> Assistance in getting a rental vehicle</li>
    				    <li>Minimal out-of-pocket expense </li>
    				</ul>
                    Learn about the <a href="repairprocess.html">repair process</a>. <br />
                    See before &amp; after <a href="photogallery.html">photos of our work</a>.</td>
                </tr>
    Code:
    .floatRight {
    
    	float: right;
    	margin: 0em 0em 1em 1em;
    }
    Last edited by Scotty Pills; 01-04-2008 at 08:16 PM.

  • #2
    Regular Coder
    Join Date
    Jan 2008
    Location
    Willow Grove, PA
    Posts
    169
    Thanks
    1
    Thanked 27 Times in 27 Posts
    Hey Scotty,

    I took the code and css and put it in an html file and I cannot reproduce. Can you put in the entire html file? Or give us a link to the site where it is not working (if possible)?

  • #3
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh sorry, that was just bits and pieces. The file is here:

    http://www.prstorewebdev.com/WebSite...32_BroadRiver/

    It is going to look fine if you use FF. But the indentation shows up in IE.

  • #4
    Regular Coder
    Join Date
    Jan 2008
    Location
    Willow Grove, PA
    Posts
    169
    Thanks
    1
    Thanked 27 Times in 27 Posts
    It actually looks good in IE7 for me. Are you using IE6?

  • #5
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yeah the work pc we use to check our sites is using IE6. Any idea why it would do this in IE6 (and below i assume)?

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try this:

    Code:
    <p style="text-indent:0px;">Content</p>
    i havent tried it, but it couldnt hurt!!


  •  

    Posting Permissions

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