Hi,

This is with regards to having multiple link styles on a page...
Someone advised I switch the email address contact line from a SPAN to a DIV
because the email wasn't holding the style...it was defaulting to Times New
Roman, black @ 12px. When I switched to DIV, the text at least took on the
correct font and font color (though from what I've read online, it seems SPAN
would be the more appropriate choice), but here's my trouble:

I'd like for the email address at the bottom left to be under the phone & fax
line, left flush, unbolded. On the hover-over, it is to display an underline
and that's all.
When I made the email address an active link, that's when it took on the
incorrect visual attributes for whatever reason.

http://www.fasttag.com/prestige%2Dla...sting%2Dphase/

Can you please advise as to how I can tweak the code to fix this issue and get
it to appear as intended?

Thank you!

That was a bogus suggestion. Div or span would make absolutely no
difference.

Right now you have this -

<td class="contactdetails"><span class="contactdetails"><strong>T</strong>
800 327 8824&nbsp; |&nbsp; <strong>F</strong> 800 735 1234</span></td>

</tr>
<tr>
<td class="contactdetails"><div class="contactdetails"><a
href="mailto:info@prestigelane.com">info@prestigel ane.com</a></div></td>
</tr>

You really only need this -

<td class="contactdetails"><strong>T</strong> 800 327 8824&nbsp; |&nbsp;
<strong>F</strong> 800 735 1234</td>

</tr>
<tr>
<td class="contactdetails"><a
href="mailto:info@prestigelane.com">info@prestigel ane.com</a></td>
</tr>

Then you have this -

..contactdetails a:visited, .contactdetails a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #591F00;
margin-left: 18px;
text-decoration: underline;
}

and you should do this -

table.tableborder .contactdetails a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 9px;
color: #591F00;
margin-left: 18px;
}
table.tableborder .contactdetails a:hover {
text-decoration:underline;
}

If you had defined your body tag with the font-family, you could then remove
that from all the other rules, you know?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"r_tist" <webforumsuser@macromedia.com> wrote in message
news:g20o2i$18l$1@forums.macromedia.com...
> Hi,
>
> This is with regards to having multiple link styles on a page...
> Someone advised I switch the email address contact line from a SPAN to a
> DIV
> because the email wasn't holding the style...it was defaulting to Times
> New
> Roman, black @ 12px. When I switched to DIV, the text at least took on the
> correct font and font color (though from what I've read online, it seems
> SPAN
> would be the more appropriate choice), but here's my trouble:
>
> I'd like for the email address at the bottom left to be under the phone &
> fax
> line, left flush, unbolded. On the hover-over, it is to display an
> underline
> and that's all.
> When I made the email address an active link, that's when it took on the
> incorrect visual attributes for whatever reason.
>
> http://www.fasttag.com/prestige%2Dla...sting%2Dphase/
>
> Can you please advise as to how I can tweak the code to fix this issue and
> get
> it to appear as intended?
>
> Thank you!
>
>

Thank you...that's worked!
Now...the top line with the tel & fax isn't flush or "obeying" the margin-left
18px command. After studying your code it would seem like it'd make the most
sense to change the 'normal' or regular state class name to:

table.tableborder .contactdetails {

...but that's not working.

I see where you are grabbing the reference for .tableborder from but how did
you figure out to add 'table' in front of that class? How did you know to do
that?

Thank you! (I haven't updated the live preview site with the revisions...I'm
working it on my local at the moment)

> Thank you...that's worked!

You're welcome.

> I see where you are grabbing the reference for .tableborder from but how
> did
> you figure out to add 'table' in front of that class? How did you know to
> do
> that?

I wanted to add specificity to the rule so that it would override other
rules that might be cascading into that particular set of table cells. I
did this by adding to the selector. I'm happy to see that it worked.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"r_tist" <webforumsuser@macromedia.com> wrote in message
news:g212bp$c1c$1@forums.macromedia.com...
> Thank you...that's worked!
> Now...the top line with the tel & fax isn't flush or "obeying" the
> margin-left
> 18px command. After studying your code it would seem like it'd make the
> most
> sense to change the 'normal' or regular state class name to:
>
> table.tableborder .contactdetails {
>
> ...but that's not working.
>
> I see where you are grabbing the reference for .tableborder from but how
> did
> you figure out to add 'table' in front of that class? How did you know to
> do
> that?
>
> Thank you! (I haven't updated the live preview site with the
> revisions...I'm
> working it on my local at the moment)
>