[css-d] LI spacing issue revisited

2007-01-24 Thread Eoin Magure 
Hi,

   I posted previously about a spacing issue I was having with a UL. I've
posted some sample code online where people can have a look at it and maybe
give me some clue as to what is going on. 

http://www.miselva.com/css/testing_li.html


When you look at the example you'll see I've outlined things in red and
blue, I'm looking to vertically squash all the li elements as close together
as possible. Perviously I've never had a problem with this so it must be
something obvious I'm missing. If you look at the example you'll see that
there's extra vertical spacing above and below the word 'test' in each li,
and there's also spacing between the blue and red outlines, I want to remove
this extra spacing so that I have more control over the vertical height of
these LIs.

Any ideas anyone? This is driving me mad, especially cause I know it has to
be something really simple.

Cheers.

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.410 / Virus Database: 268.17.8/649 - Release Date: 23/01/2007
 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] LI spacing issue revisited

2007-01-24 Thread Barney Carroll 
Hi Eoin,

I modified your CSS as follows:

.wrapper li
{
border:1px solid red;
padding:0px;
margin:0px;
}


.wrapper li a

{
 display:block;
border:1px solid blue;
text-decoration:none;
color:black;
font-size:.7em;
padding:0;
margin:0;
 height:1em;
}

This gets you _pretty_ close. As of the present, it's impossible to get 
micro-typography done to any satisfying standard - the dilema is that if 
you want real control over metrics you have to make the object a block 
level box, but then your text metrics become ambiguous, especially in 
their relation to the surrounding box.

As it stands, the modifications I made above get rid of virtually 
everything except the line-height. But as you may or may not discover, 
ems are pretty entropic!

Regards,
Barney
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/