[Mac Guru]

I'm working on a price chart for my website but I'm getting HUGE line space between the different sections... and I can't figure out how to bring the lines closer. Basically I want them stacked on top of each other, not spaced out.

http://www.jamesmeister.com/cost.html

Lemme know if you see something I don't

Thanks,
Mac Guru

[Millennium]

Originally posted by Mac Guru:
I'm working on a price chart for my website but I'm getting HUGE line space between the different sections... and I can't figure out how to bring the lines closer. Basically I want them stacked on top of each other, not spaced out.

http://www.jamesmeister.com/cost.html

Lemme know if you see something I don't

Thanks,
Mac Guru

Just a thought; consider replacing your point-based font sizes with pizel-based, if you really want a fixed font size like that. Most browsers have bugs with points, which is likely to be at least contributing to the problem you're having, if it's not the entire cause.

[clam2000]

my guess is that the [h4] tags are causing the problem.

make a second, imbedded table.


...
[table height=36]
[tr][td height=12 style="font-size: 13; font-weight: bold;"]
128 x 128 pixels
[/td][/tr][tr][td height=12 style="font-size: 15; font-weight: bold;"]
$175.[sup]00[/sup]
[/td][/tr][tr][td height=12 style="font-size: 17; font-weight: bold;"]
per icon
[/td][/tr]
[/table]
...

example:
<table height=36><tr><td height=12 style="font-size: 13; font-weight: bold;">128 x 128 pixels</td></tr><tr><td height=12 style="font-size: 15; font-weight: bold;">$175.⁰⁰</td></tr><tr><td height=12 style="font-size: 17; font-weight: bold;">per icon</td></tr></table>

--will

[york28]

It's easy, just add

Code:
padding: 0;
margin: 0;

to each of your heading tag style declarations (H2, H3, etc.)
That ought to kill the unwanted space. Most of the default tags have default spacing that you almost always have to get rid of for anything to work.

[m a d r a]

ask 4 different people - get four different answers!

it's because &lt;H&gt; is a block element, so the browser puts a carriage return after each &lt;/H&gt; end tag.

if you're determined to use &lt;H&gt; tags, rather than create custom classes, you'll have to redefine your &lt;H2&gt;,&lt;h3&gt; and &lt;H4&gt; tags as being 'inline elements instead. thus...

Code:
H2 {
color: #666666;
font: 12pt Arial, sans-serif;
display:inline;
}

H3 {
color: #666666;
font: bold 30pt Arial, sans-serif;
display:inline;
}

H4 {
color: black;
font: 10px Arial, sans-serif;
display:inline;
}

then. because you've now redefined your &lt;H&gt; tags to display inline, you'll have to explicitly add &lt;BR&gt; tags into your HTML to format up the numbers as you want...

Code:
<table width="200" border="0" class="price_tab">
<tr>
<td><h4>128 x 128 pixels</h4>
<br>
<h3>$175.<sup>00</sup></h3>
<br>
<h2>per icon</h2>
</td>
</tr>
</table>

oh. BTW - millenium is right. you should use pixels instead of points for your text sizes as a point on a PC isnae necessarily the same as a point on a mac.