homepage Welcome to WebmasterWorld Guest from 54.163.72.86
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




msg:1194767
 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




msg:1194768
 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




msg:1194769
 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




msg:1194770
 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




msg:1194771
 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