css padding issue

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter davejellyphish

    (@davejellyphish)

    16 years, 11 months ago

    sorry it is not a css issue. Am am using carriage returns to place the objects:

    div id="left">
<ul>
<?php if ( !function_exists('dynamic_sidebar')
        || !dynamic_sidebar(1) ) : ?>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<li>

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

</li>

<p>&nbsp;</p>
<p>&nbsp;</p>

<li>
			<?php wp_get_archives('type=monthly'); ?>
			</li>

<?php endif; ?>

</ul>

</div>

    SO how can I replace these to work in other browsers

    esmi

    (@esmi)

    16 years, 11 months ago

    Get rid of all <p>&nbsp;</p> lines. It’s a lousy way to add padding/margins to anything but especially within an unordered list outside of the <li></li> markup. That will seriously invalidate the markup – which means that pretty much anything could happen in terms of the display cross-browser.

    Use CSS:

    #left ul li {margin-bottom:10px;}

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘css padding issue’ is closed to new replies.