Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Old 07-09-2006, 03:49 PM Navigation Bar Help
Pinkasaurus's Avatar
Experienced Talker

Posts: 47
Trades: 0
Hey guys. This is the first time I have attempted to do a navigation bar with roll-over images; but even after following several tutorials I just couldn't do it right. It screwed up the whole layout of the whole banner or it just did not work at all!

My question is; what is the easiest, most browser compatible and recomended way of doing this. Any help will be greatly appreciated because it's something I really want to include in this layout.

Here is the banner in question; http://www.shadowedcorner.co.uk/furr.../blog/test.htm
The images are both already sliced and prepared and are in place with tables. It shows how the buttons will look when highlighted.

If you are unsure of what I am refering to and want to achieve have a look at the navigation bar here; http://www.newgrounds.com/

I am sorry if this does not belong in the HTML part of the forum, but since I was unsure of what I am going to need I thought I would post it here.

Thanks in advance
__________________

Please login or register to view this content. Registration is FREE
Pinkasaurus is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 07-09-2006, 06:44 PM Re: Navigation Bar Help
mgraphic's Avatar
Truth Seeker

Latest Blog Post:
JAMISONTUNES
Posts: 2,918
Name: Keith Marshall
Location: Connecticut
Trades: 0
I usually use the following for my rollovers:

<img border="0" height="xx" width="xx" alt="" src="image_normal.gif" onmouseover="this.src='image_over.gif'" onmouseout="this.src='image_normal.gif'" />
__________________

<mgraphic /> - I don't have a solution but I admire the problem.
mgraphic is offline
Reply With Quote
View Public Profile
 
Old 07-10-2006, 06:09 AM Re: Navigation Bar Help
Pinkasaurus's Avatar
Experienced Talker

Posts: 47
Trades: 0
Ah yes; that worked great thanks.
Well It worked fine in all other browsers appart from IE. It seems that for some reason IE does not like my tables and is leaving large white gaps between the images.
Is there any way of fixing this?
__________________

Please login or register to view this content. Registration is FREE
Pinkasaurus is offline
Reply With Quote
View Public Profile
 
Old 07-10-2006, 09:42 AM Re: Navigation Bar Help
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Can we see the code ???
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-10-2006, 09:45 AM Re: Navigation Bar Help
mgraphic's Avatar
Truth Seeker

Latest Blog Post:
JAMISONTUNES
Posts: 2,918
Name: Keith Marshall
Location: Connecticut
Trades: 0
Try using a <br /> tag after the image -or- use this inside the img tag: style="display: block;"
__________________

<mgraphic /> - I don't have a solution but I admire the problem.
mgraphic is offline
Reply With Quote
View Public Profile
 
Old 07-10-2006, 01:54 PM Re: Navigation Bar Help
Pinkasaurus's Avatar
Experienced Talker

Posts: 47
Trades: 0
Quote:
Originally Posted by LadynRed
Can we see the code ???
The banner was placed on a page which I mentioned in my first post.
http://www.shadowedcorner.co.uk/furr.../blog/test.htm


Quote:
Originally Posted by mgraphic
Try using a <br /> tag after the image -or- use this inside the img tag: style="display: block;"
The display: block; trick worked great. Thanks!
__________________

Please login or register to view this content. Registration is FREE
Pinkasaurus is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Navigation Bar Help
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.26244 seconds with 12 queries