|
| |||||||
![]() | Welcome to iWEBTOOL Talk, where you talk about
webmaster-related stuff.
1 Register
2 Browse the board
3 Discuss whatever may interest you! | |||||||||||||
![]() |
| | Thread Tools | Search this Thread | Display Modes |
| | #1 |
| Smurf Join Date: Apr 2008
Posts: 10
![]() | I would like to know what you guys think of my css rollover images. I have heard that its not good to have images of text for links but I do. I was using javascript to do the rollovers before and it was faster at the rollover but then someone talked me into doing it with css and its slower on the rollover but now the links across the top of my page will not display to blind users. At lest not as far as I can tell. Do you guys have any idea what I should do about the accessibility? Do you guys have any idea how I can speed up the rollover process? My site is http://www.drysnot.com I have added links at the bottom of my page that allow navigation but its kinda just going around the problem. As for the rollover speed I don't know what to do maybe if I can preload the animated images. Oh and one more thing with my level of html and css knowledge if you don't feel like you are talking to an idiot I may not be understanding what you are talking about lol
__________________ Getting a sailed at McDonald's is like getting your vitamins at a crack house. |
| | |
|
| |||||||
| | #2 |
| Junior Guru Join Date: Nov 2006 Location: Ayr, Scotland
Posts: 626
![]() ![]() | Not quite sure this will solve your problem, maybe you could adapt this to suit. I used a background image with static text as the link, the background image changed on rollover. Create a single graphic made up of both the standard link button background, and the hover background. The standard background is 30px tall and fills the top part of the graphic, the hover background is also 30px tall and fills the bottom part of the graphic, giving a graphic element at 60px tall. In normal mode the top 30px is visible, in hover the bottom 30 px is visible. The CSS looks like; .nav a:link, .nav a:visited { width: 160px ; height: 30px ; display: block; overflow:hidden; background: url(’images/nav1.gif’) 0px 0px no-repeat; } .nav a:hover, .nav a:active{ background-position: 0px -30px; }
__________________ ahb Solutions |
| | |
| | #3 |
| Smurf Join Date: Apr 2008
Posts: 10
![]() | Thank you very much for the reply and the code!!!! I'm going to try it out right now.
__________________ Getting a sailed at McDonald's is like getting your vitamins at a crack house. |
| | |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | Search this Thread |
| Display Modes | |
|
|
Similar Threads | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| A better way to assess the quality of directory links | Talks_44 | Directories | 0 | 09-22-2007 10:45 AM |
| Never been a better time to get a FavIcon | canasta | Web Development | 1 | 05-24-2007 02:21 PM |
| Rome by night,a new way to do a Rome tour | Rome tour | Advertise your website | 1 | 05-22-2007 06:05 AM |
| A better way too show active users!!! | Internetwiz | Suggestions & Feedback | 0 | 05-03-2007 07:26 AM |
| hi can Iwebtool is the better way to get knowledege of SEO ??? | srkbaroda | Introduce yourself | 4 | 01-06-2007 02:48 PM |