Css inconsistencies

Question

im using a css i made to create rollovers on text. i found
that inorder for it to apply i had to put the css on the word
(style doesnt appear to change tho) and then put the link on the
word. once the link is on the css appears on the word. i ddi this
for several text buttons and everyonce in a while it will just not
work and when i put the link on, the word jumps to being a plain
underlined hyperlink. why is dreamweaver so inconsistent this way
and how do i fix it?

Answer 1

Sorry - I don't see what the problem is.
You could tighten your css substantially to this -
.pellio2 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
text-decoration: none
.pellio2 a:hover {
color: #6CF;
And in fact, if you did this -
ul.pellio2 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
text-decoration: none
ul.pellio2 a:hover {
color: #6CF;
to your CSS, and this to your HTML -
<ul class="pellio2">
<li><a href="#">Looking for a competitive
Credit Card?</a></li>
<li><a href="#">Compare Balance Transfer
deals</a></li>
<li><a href="#">Check out the new Mint
Credit Card from <br>
Royal Bank of Scotland</a></li>
<li><a href="#">Apply for a Credit Card
easily and quickly</a></li>
<li><a href="#">See the latest deals on UK
Credit cards</a></li>
<li class="pellio2"><a href="#">Compare a
huge range of products to get the Best
Credit Card for you</a></li>
</ul>
You'd have much nicer HTML, too.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"pellio" <[email protected]> wrote in
message
news:[email protected]...
> heres the css code
>
> .pellio2 a { font-family: Verdana, Arial, Helvetica,
sans-serif;
> font-size:
> 10px; font-style: normal; line-height: normal;
font-weight: normal;
> font-variant: normal; color: #000000; text-decoration:
none} .pellio2
> a:hover {
> font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
> font-style: normal; line-height: normal; font-weight:
normal;
> font-variant:
> normal; color: #66CCFF; text-decoration: none}
>
> heres some of the code showing the css on a text button
on the page:
>
> <td width="11" rowspan="6" align="left"
valign="top"> </td>
> <td height="19" colspan="3" align="left"
> valign="top"> </td>
> </tr>
> <tr>
> <td width="297" height="229" align="left"
> valign="top"
> background="parts/content-section1.jpg">
> <table width="100%" border="0">
> <tr>
> <td width="1%" height="2"> </td>
> <td width="97%" align="left" height="2"
> class="boldcss">credit
> cards</td>
> </tr>
> <tr>
> <td width="3%" height="127"
> rowspan="2"> </td>
> <td width="97%" height="27" align="left"
> valign="bottom"
class="listings"> </td>
> </tr>
> <tr>
> <td width="97%" height="63" align="left"
> valign="top">
>
> <li class="pellio2"><a href="#">Looking
> for a
> competitive Credit Card?</a></li>
> <li class="pellio2"><a href="#">Compare
> Balance
> Transfer deals</a></li>
>
<span class="pellio2"><a
> href="#">Check
> out
> the new Mint Credit Card from <br>
> Royal Bank of Scotland</a></span><br>
> </li>
> <li class="pellio2"><a href="#">Apply for
> a
> Credit
> Card easily and quickly</a></li>
> <li class="pellio2"><a href="#">See the
> latest
> deals on UK Credit cards</a></li>
> <li class="pellio2"><span
> class="pellio2"><a
> href="#">Compare
> a huge range of products to get the Best
> Credit
> Card for you</a></span><br>
> <br>
> </li>
>
> </td>
> </tr>
> </table>
> </td>
> <td width="9" rowspan="5" align="left"
> valign="top"> </td>
> <td width="302" align="left" valign="top"
> background="parts/content-section2.jpg"><table
width="100%" border="0">
> <tr>
> <td width="1%" height="2"> </td>
>
>
>