Main Menu
Web Browser
Website Links
Computer Help Forum and Programming Advice :: View topic - CSS Problem
View previous topic :: View next topic
Author
Message
nemo Freshman Joined: Mar 21, 2005 Posts: 3
Posted: Tue Mar 22, 2005 9:41 am Post subject: CSS Problem
Damn CSS
--------------------------------------------------------------------------------
Hi All.
I've got the followin html in a page, which is being called by javascript and written to the browser.
Code: <TABLE id=Table25 cellSpacing=0 cellPadding=0 width="98%" border=0>
<TBODY>
<TR vAlign=center align=left>
<TD height=18><A href="http://www.ukpa.gov.uk/" target=_blank class="link3"><strong>Passport Office</strong></A> </TD>
</TR>
<TR vAlign=center align=left>
<TD height=18><A href="http://www.fco.gov.uk/servlet/Front?pagename=OpenMarket/Xcelerate/ShowPage&c=Page&cid=1007029390554" target=_blank class="link3"><strong>Foreign Office</strong></A> </TD>
</TR>
<TR vAlign=center align=left>
<TD height=18><A href="http://www.fco.gov.uk/servlet/Front?pagename=OpenMarket/Xcelerate/ShowPage&c=Page&cid=1007029395231" target=_blank class="link3"><strong>British Embassies Abroad</strong></A></TD>
</TR>
<TR vAlign=center align=left>
<TD height=18><A href="http://mbs_server_name/OP/INT/visas.htm" target=_self class="link3"><strong>Visa Applications</strong></A></TD>
</TR>
<TR vAlign=center align=left>
<TD height=18><A href="http://mbs_server_name/OP/INT/vaccinations.htm" target=_self class="link3"><strong>Health and Vaccinations</strong></A></TD>
</TR>
<TR vAlign=center align=left>
<TD height=18><A href="http://www.fco.gov.uk/servlet/Front?pagename=OpenMarket/Xcelerate/ShowPage&c=Page&cid=1007029390590" target=_blank class=link3><strong>Travel Advice</strong></A></TD>
</TR>
<TR vAlign=center align=left>
<TD height=18><A href="http://mbs_server_name/OP/INT/phone-cards.htm" target=_self class=link3><strong>Phone Cards</strong></A></TD>
</TR></TBODY></TABLE>
Then I have the following in a CSS file :
Code: A.link3 {FONT-WEIGHT: bold;
FONT-SIZE: 9px;
COLOR: #003399;
FONT-STYLE: normal;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
text-decoration: none;}
A.link3:visited {FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #003399;
FONT-STYLE: normal;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
text-decoration: none;}
A.link3:hover {FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #ff9900;
FONT-STYLE: normal;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
CURSOR: hand;
text-decoration: underline;}
The problem is that I have 2 tables with links in it which use link3 in the CSS, the first table displays the links fine, but the second table doesnt display the links as BOLD, so when you hover over the link the CSS sets the link as BOLD and the text looks like its moving. I dont understand why this is happening because I've get the CSS to display the links as BOLD as standard and on hover, anyone any idea? LIke I say, the first table displays fine.
Back to top
Jon Web Design Admin Joined: Jul 12, 2004 Posts: 72
Posted: Tue Mar 22, 2005 9:45 am Post subject:
change A.link3 { FONT-SIZE: 9px; to FONT-SIZE: 10px; so is the same as the hover. Ive just recreated two tables and used the same styles and it works fine.
That said, with font-size 9px, the text looks like moving when hover.
Hope this helps _________________Free Music Cpop Server Definition
Back to top
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum