line-height style negated by image insertion

[jeffpelletier]

The line-height attribute works fine in IE using this code:

Stylesheet:
.text2 { font-family: Arial, Helvetica, sans-serif; font-weight:bold;
font-size:10px; color:#000000; text-decoration:none; line-height:20px; }

Code:
<div style="padding:0px 10px 10px 10px">
<span class="text2"> <u>My Text</u> <a href="mypdf.pdf"
target="_blank">more</a> </span>
</div>

but when I add an image after the 'more' link like so:

<div style="padding:0px 10px 10px 10px">
<span class="text2"> <u>My Text</u> <a href="mypdf.pdf"
target="_blank">more</a><img src="images/myimage.gif" width="8" height="6" />
</span>
</div>

it negates the line-height specified in the styles. Any ideas why?

[Murray *TMM*]

Which DW are you using? Is the page rendering in quirks mode or standards
mode? What happens if you put the image outside the <span>?

In DW8, I do not see the problem you are describing.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"jeffpelletier" <webforumsuser@macromedia.com> wrote in message
news:dhu00m$h1v$1@forums.macromedia.com...

> The line-height attribute works fine in IE using this code:
>
> Stylesheet:
> .text2 { font-family: Arial, Helvetica, sans-serif; font-weight:bold;
> font-size:10px; color:#000000; text-decoration:none; line-height:20px; }
>
> Code:
> <div style="padding:0px 10px 10px 10px">
> <span class="text2"> <u>My Text</u> <a href="mypdf.pdf"
> target="_blank">more</a> </span>
> </div>
>
> but when I add an image after the 'more' link like so:
>
> <div style="padding:0px 10px 10px 10px">
> <span class="text2"> <u>My Text</u> <a href="mypdf.pdf"
> target="_blank">more</a><img src="images/myimage.gif" width="8" height="6"
> />
> </span>
> </div>
>
> it negates the line-height specified in the styles. Any ideas why?
>
>

[jeffpelletier]

Yeah...I tried stripping the code out of my page, and inserting in a blank haml
page, and it works fine, it must be other styles affecting this somehow, I have
a couple large style sheets, I'll have to do some back-tracking!

Thanks - I'm using DWMX2004. Not sure what quirks or standards modes are.
And tried the image movement, but same results. I'll figure it out.

Thanks.

[Murray *TMM*]

If you are using DMX2004, your pages will all have a valid and complete
doctype. This means that unless you change something, you will be rendering
in Standards mode.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"jeffpelletier" <webforumsuser@macromedia.com> wrote in message
news:dhu31t$lll$1@forums.macromedia.com...

> Yeah...I tried stripping the code out of my page, and inserting in a blank
> haml
> page, and it works fine, it must be other styles affecting this somehow, I
> have
> a couple large style sheets, I'll have to do some back-tracking!
>
> Thanks - I'm using DWMX2004. Not sure what quirks or standards modes are.
> And tried the image movement, but same results. I'll figure it out.
>
> Thanks.
>