How to Add Image and text at the Top of Fly Out Navigation?

Need help aligning navigation bar (css)?

  • I'm fairly new to web design but understand it quite well... Just, when there's math involved I get lost completely O.O Pretty much what I did for the navigation bar is I created a sprite and am now using the two different halves of the sprite to be able to create the effect of the link being hovered over. Oh and theres hyperlinks involved btw also which i blocked out with the span tag so yeah. so if somebody could please help me out heres my bands page http://atfamusic.hostei.com/# (works best in firefox idky still gotta fix tht) there isn't really much on it so yeah. the code is ( for css) #navigation { margin:0; padding:0; width:900px; height:50px; background-image:url(navigation-backgrou… } #navigation li { margin:0; padding:0; list-style-type:none; display:inline; height:44px; text-align:center; float:left; line-height:40px; } #navigation a { display:block; height:44px; } #navigation a:hover { background-image:url(navigation-backgrou… } #nav-bio {width:81px; } #nav-bio a:hover { background-position:85px bottom; } #nav-photos { width:116px; } #nav-photos a:hover { background-position:-166px bottom ; } #nav-music { width:102px; } #nav-music a:hover { background-position:-197px bottom ; } #nav-videos { width:108px; } #nav-videos a:hover { background-position:-278px bottom; } #nav-external sites { width:202px; } #nav-external sites a:hover { background-position:-556px bottom; } #nav-merch { width:120px; } #nav-merch a:hover { background-position:-1112px bottom; } #navigation span { display:none; } So yeah plz help... Oh and if anyone could figure out why the header isn't aligning in internet explorer that'd be great!!! :) P.s. if willing to do extra center the navigation bar as well \m/ that'd be awesome. sorry if I suck and am a newbie :P

  • Answer:

    :-D

Ripper Metal at Yahoo! Answers Visit the source

Was this solution helpful to you?

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.