Welcome to Help4Web.co.uk - Web Design Help, Html Tutorial, Php, Asp , SQL help and CCNA, MCSE definitions!
Google
Webkpop-web.com

     Main Menu

· Home
· Free Downloads
· Computing FAQ
· Contact Us
· Free Software Downloads
· Tech Forum
· Technology News
· Web Design Help
· Web Links
· Your Online Account
· Your PM



     Web Browser


     Website Links
Supermediastore! #1 in Computer media & Accessory

White Papers IT
Learn Korean
Chinese Pop Music
Advertise Kpop
Korean Pop Site Map
Web Design
Pop Music
Chinese Girls
HK Pop Korean Music
Lee Hyori
Hyori
Boa Park Ji Yoon
Baby Vox YG Family
Jeon Ji Hyun
1 Tym Ha Ji Won
Shyne Rain Bi
Shin Mina SM Town
Fly to the Sky
Korean Girls and Models
Nicholas Tse
161 Clan
보아
Edison Chen
Sung Hi Lee
Shinhwa
Andy Lau Jay Chou
White Papers
Case Study SES
Kelly Chen
Liu Yi Fei Sammi Cheng
Jordan Chan Music
Computer Jobs IT

Computer Help Forum and Programming Advice :: View topic - CSS Problem
 Forum FAQForum FAQ   SearchSearch   UsergroupsUsergroups   ProfileProfile   Log inLog in 

CSS Problem

 
Post new topic   Reply to topic    Computer Help Forum and Programming Advice Forum Index -> Html
View previous topic :: View next topic  
Author Message
nemo
Freshman
Freshman


Joined: Mar 21, 2005
Posts: 3

PostPosted: Tue Mar 22, 2005 9:41 am    Post subject: CSS Problem Reply with quote

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
View user's profile Send private message
Jon
Web Design Admin
Web Design Admin


Joined: Jul 12, 2004
Posts: 72

PostPosted: Tue Mar 22, 2005 9:45 am    Post subject: Reply with quote

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 MusicCpopServer Definition
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    Computer Help Forum and Programming Advice Forum Index -> Html All times are GMT + 10 Hours
Page 1 of 1

 
Jump to:  
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







Learn Chinese | Learn cantonese | Learn Mandarin | Grace Park | Party Organisers | Kaila yu | Phone Card | Twins | Chinese Society | Loans UK | BokuMaro | CV Help Book | Chinese Wife | Korean Singles | British Born Chinese | Bae Yong Jun | Speak Korean | Chinese Models | Music | Information Security Management | Maritime Greenwich Campus | Covering Letters Help | Chinese Music | Jang Nara | SES | YG Family | Learn Korean | Firewall Definition | Server Definition | Wireless Network Definition | E-Commerce Definition | Sales Leads | Application Firewall | CCNA definitions | Research Papers | Webcast | CV Help

Author KPop Music :- Jon Bock ( Chinese Pop Music Learn Korean )
Produced by Kpop-Web Design Associates, all rights not reserved.
Internet Marketing and Search Engine Optimisation Software Defined Radio