navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

CSS and hover buttons (graphics)

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> CSS and hover buttons (graphics)
Page: [1]
 
lilblackgirl

 

Posts: 288
Joined: 5/16/2002
From:
Status: offline

 
CSS and hover buttons (graphics) - 1/22/2007 13:50:28   
knowing that managing links via CSS is so simple, is it possible to do the same for navigation that is built with graphics? Theoretically, i've got a site that a client wants to use a certain font on their nav bar, so i have to build it using graphics. Is it possible to manage that nav bar with hover options with CSS instead of javascript? You would have to assign each button to a new <div id="">, but would that work? and wouldn't it still be a smaller file size than using the graphics on the page and the javascript?

i hope i'm making sense.

_____________________________

You look like you're about to do something stupid. I'm in.
jaybee

 

Posts: 14016
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: CSS and hover buttons (graphics) - 1/22/2007 13:57:51   
Build your nav using a list.

Use 2 images for each button, up and down.

Assign one image to the link and the other to hover.

http://css.maxdesign.com.au/listamatic/vertical11.htm

You'll need to adapt that to use different images for each button though as that one uses the same two and puts the text on as text.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to lilblackgirl)
lilblackgirl

 

Posts: 288
Joined: 5/16/2002
From:
Status: offline

 
RE: CSS and hover buttons (graphics) - 1/22/2007 15:38:11   
So, in your opinion, would using CSS be better? Or just more difficult b/c you'd have to have individual CSS info for each button, up and down?

and thanks for the info and link. :)

_____________________________

You look like you're about to do something stupid. I'm in.

(in reply to jaybee)
jaybee

 

Posts: 14016
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: CSS and hover buttons (graphics) - 1/22/2007 17:28:18   
I'd always use css unless there was a very good reason not to. At the moment I can't think of any.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to lilblackgirl)
Tailslide

 

Posts: 5927
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: CSS and hover buttons (graphics) - 1/23/2007 2:38:37   
Yes CSS is definitely better. You don't need different buttons if you're using the web page text as the button text either (which is the more accessible way of doing it).

If you want the button text to be part of the image then there's this method that I found the other day that's reasonably accessible: http://www.thevisualprocess.com/dev/rollover/index.php You do need to position the button for each menu item but it's not horrendous.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to jaybee)
lilblackgirl

 

Posts: 288
Joined: 5/16/2002
From:
Status: offline

 
RE: CSS and hover buttons (graphics) - 1/23/2007 15:40:31   
The only reason I'd be using the js is because the font they choses was not a common one, so the text wouldn't be an option in this case. And i'll give a run to the rollover CSS, Tailslide, thanks, but i'm not sure how much easier that would be. You can see the navigation i have to deal with - http://www.narrowtrail.org/.

There's probably a tradeoff between code size and difficulty in writing it.

_____________________________

You look like you're about to do something stupid. I'm in.

(in reply to Tailslide)
Tailslide

 

Posts: 5927
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: CSS and hover buttons (graphics) - 1/23/2007 16:44:06   
Shouldn't be too bad - make 'em all the same width to make your life easier.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to lilblackgirl)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS and hover buttons (graphics)
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts