homepage Welcome to WebmasterWorld Guest from 54.211.160.88
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
How do I.....
Convert the following into .css
Daily Sparring

10+ Year Member



 
Msg#: 4175 posted 3:47 pm on Jul 22, 2004 (gmt 0)

I would like this to be test and not images. I am not too familiar with .css and am having trouble making this display properly.

<td valign="top" background="images/menuback.gif" height="20" align="right" ><A href=""
onmouseout="onoff('link1','off')"
onmouseover="onoff('link1','over')"><img src="images/link1off.gif" border="0" name="link1" alt="current mortgage rates"></a><img src="images/spacer.gif" border="0"><A href=""
onmouseout="onoff('link2','off')"
onmouseover="onoff('link2','over')"><img src="images/link2off.gif" border="0" name="link2" alt="link2"></a><img src="images/spacer.gif" border="0"><A href=""
onmouseout="onoff('link3','off')"
onmouseover="onoff('link3','over')"><img src="images/link3off.gif" border="0" name="link3" alt="link3"></a><img src="images/spacer.gif" border="0"><A href=""
onmouseout="onoff('link4','off')"
onmouseover="onoff('link4','over')"><img src="images/link4off.gif" border="0" name="link4" alt="link4"></a></td>
</tr>

Thank you in advance.

 

timhisu

10+ Year Member



 
Msg#: 4175 posted 4:11 pm on Jul 22, 2004 (gmt 0)

It really depends on what those images contain. Are they just images of text? If so, you can use CSS to replace them.

drbrain

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4175 posted 4:20 pm on Jul 22, 2004 (gmt 0)

<div id="nav">
<a href="#">Mortgage Rates</a>
...
</div>

#nav :link { /* link styles */ }
#nav :visited { /* visited styles */ }
(if you want visited styles to match link styles, use #nav :link, #nav :visited)
#nav :link:hover, #nav :visited:hover { /* hover styles */ }
#nav :link:active, #nav :visited:active { /* active styles */ }

Daily Sparring

10+ Year Member



 
Msg#: 4175 posted 6:24 pm on Jul 22, 2004 (gmt 0)

Thanks, that worked great. Only problem I have now is getting it to display in the middle (absmiddle apperently not supported) of my background image.

I also was wondering if I could include alt information, as I do with the images.

drbrain

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4175 posted 9:49 pm on Jul 22, 2004 (gmt 0)

You mean tooltips? Add a title attribute to your anchors:

<a href="" title="Tooltip stuff">...</a>

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved