I think I have assigned and use my CSS in a wrong way.
See this : http://www.coffeesociety.co.th/facilities.htm
Rollover the text and it changes the color. Pretty bad.
It did not happen before, until the day that new versions of browsers were released.
This is the code:
this is the html:Code:.verdana11normalwhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration:none; } .verdana11normalwhite:hover { color: #CE8B00; text-decoration: none; }
HTML Code:<div align="left" class="verdana11normalwhite"> <p><strong>Coffee Society Silom </strong> invites you to explore our four levels and four experiences, each level having a unique personality to suit your mood:</p> <p align="left"><strong>Our ground level </strong> is an open area featuring a towering Swiss clock that explodes through the ceiling and up to the third level. It's a great area to sit and chat, read a newspaper or magazine, surf using our free high-speed wireless Internet access on your laptop, or watch (or be watched by!) the throng of interesting people passing by through the floor-to-ceiling window. Also enjoy<br>alfresco dining and a dessert and a smoke on our large outdoor patio facing Silom Road. </p><div>
Of course I assignedbecause sometimes I need to use class:verdana11normalwhite with a link which a link should change the font color when it is mouseovered. but this turn out to be a normal paragraph text change the color when mouseovered.Code:.verdana11normalwhite:hover { color: #CE8B00; text-decoration: none; }
Could anyone suggest what is the right way to avoid this problem?
Should i avoid giving class to <DIV> and use <span> instead or? what is a better tag for this?
Thank you in advance!![]()



Reply With Quote

Bookmarks