Help - Search - Members - Calendar
Full Version: Website Advice
Zymic Webmaster Forums > Zymic Free Web Hosting > Zymic Free Web Hosting - General Discussion & Help
Deaf_Raiders
am designing a bus website has part of my course work I would like the navigation to be smiliar to this http://www.helium.com/ the top bar how did that person get the image behind and use css on the text.

I want mines to when hover change color of the overroll button and underline/change color with a css of the text of course and when click the picture or the text will take me to the same page.

Cheers in advance
Deaf_Raiders
Jack
Hey,

This may be random, but you're not at the UEA are you?

Anyway, I would highly recommend you visit http://www.cssplay.co.uk/menus/ for some horizontal menu examples.
Jack
I coded an example of you, I think it meets your criteria: http://www.jackcator.com/menu/

Let me know ...
Deaf_Raiders
I don't think that what am looking for exactly.
Al post my pics i want to use in a min.
Deaf_Raiders
my pictures the normal links on the nav bar will be and over roll with and the text links in css (if possible) with be bold and underline.

I haven't used <li> tags yet.

Hope this helps mate.
Deaf_Raiders
check this jack:

http://deafraiders.zymichost.com/menu.htm and tell me whats wrong please
Trippin7464
I see quite a few things wrong with your css... first off you have a bunch of repeat things pointing to button.gif and you have two or three background tags pointing to a location on your own computer. You also have in the li a:hover section, point to the same button.gif image. If your trying to get the image to change when you put your mouse over it, make that section a different image.

To fix it though, go to this section
CODE
li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #006600;
    display: block;
    background-image: url(button.gif);
}

and change background-image to button2.gif or something similar, and make another image. Heres one I made while testing all I did was throw it in paint and flip it upside down.
Deaf_Raiders
thanks i try that later. i think i finally got hang of it now cheers guys.
Trippin7464
No problem, let me know if it worked.
Deaf_Raiders
ok heres what i've done so far it seems all wrong.

The HTML file:
http://deafraiders.zymichost.com/template.htm

The css file:
http://deafraiders.zymichost.com/mcdades.css

What are am doing wrong it suppose to do the other image when hover of the navbar
wozzym
it seems to be working for me...cool.gif its changing pictures...
Trippin7464
It's working perfect for me. The only problem I see is the Terms & Conditions tab is staying highlighted. to fix that either move class="current" from the terms & conditions link, to a different one, or delete it completely.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.