By clau_bolson on

I have developed my own theme, and as you can see in http://www.hilp.org.ar/node/243 , I get this extra space after each ul opening and closing tag. This doesn't happen if I change themes to, say, Bluemarine. I can't find anything in the CSS to explain this, I have even copied what I though relevant of Bluemarine's template style.css (which, I understand, is the only difference in css between the two templates). It's driving me crazy. Please help!.

⋅ Categories: Drupal 6.x

Comments

dadderley’s picture

dadderley commented

You have nested uls. This is cool but your css (below)

.clear-block ul {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:18px;
margin:20px 0 20px 20px;
text-align:justify;
}

gives each of these uls a 20px margin on the top and the bottom.
try adding this to your css sheet.

.clear-block ul ul {
	/*sets the margin of nested <ul>s in .claer-block to 0*/
	margin: 0;
}

You should get the Firebug extension for Firefox and get familiar with it. This is a great tool for themers.
https://addons.mozilla.org/en-US/firefox/addon/1843

clau_bolson’s picture

clau_bolson commented

Oh.
(banging head on desk)
Thanks a lot!

dadderley’s picture

dadderley commented

happy theming