Solved

Getting multiple images with hover affects to line up

Posted on 2000-04-24
8
157 Views
Last Modified: 2010-04-06
I've tried every different way I can think of including Frontpage Hover buttons, javascript and java and I can't get this to work without horizontal spaces between each graphic?  Does anyone do this successfully?  Please click the URL below to see what I am talking about.

http://www.bachmannwebworks.com/bwwhover.htm

Thanks!
0
Comment
Question by:snocross
  • 4
  • 3
8 Comments
 
LVL 15

Expert Comment

by:lyonst
ID: 2747022
Hi,

I had a quick look at the html source code for this page an it appears to be correct and I was getting the same problem as you described above.

Hovever when I edited the html (Using Frontpage) there appeared to be a space between each image and the return character.  By removing the spaces ( using Shift and the Enter Key instead of the Enter 'character' Key only) the problem disappeared.

I assume whatever editor you are using is doing something similar.

Let me know if this works or not and if not I will try something else ?

Thanks,

T.
0
 
LVL 15

Expert Comment

by:lyonst
ID: 2747023
Hi,

I had a quick look at the html source code for this page an it appears to be correct and I was getting the same problem as you described above.

Hovever when I edited the html (Using Frontpage) there appeared to be a space between each image and the return character.  By removing the spaces ( using Shift and the Enter Key instead of the Enter 'character' Key only) the problem disappeared.

I assume whatever editor you are using is doing something similar.

Let me know if this works or not and if not I will try something else ?

Thanks,

T.
0
 
LVL 3

Expert Comment

by:MorFF
ID: 2747045
snocross,

I think lyonst is close, but maybe not quite there.  I've come across a similar problem to this problem before.  Try taking the carriage returns out of each of your lines (ie it all ends up on the same line) for each graphic.  the prowser somtime interpreates these as a space.

Also, take out that space before each of your <br>'s.

Cheers - MorFF
0
Is Your AD Toolbox Looking More Like a Toybox?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

 
LVL 15

Expert Comment

by:lyonst
ID: 2747069
Hi,

MorFF is probably also correct and describes probably better than I did what  I actually did.  The solution does work.

Thanks,

T.
0
 
LVL 5

Author Comment

by:snocross
ID: 2747280
Actually, I use MS Frontpage and whenever I go back into the editor it seems to add the returns.  I remove them and save it again but they come back.
0
 
LVL 5

Author Comment

by:snocross
ID: 2747323
Ok, I just read all your comments and I will try putting the HTML on one line and see what happens...
0
 
LVL 15

Accepted Solution

by:
lyonst earned 50 total points
ID: 2747347
Hi snocross,

It is ok for the returns to be there as described above ,  you just need to make sure that there are no other characters present.  It took me a couple of attempts using FrontPage to get this to work (perhaps its not the best product to be using after all !!!!!).

T.
0
 
LVL 5

Author Comment

by:snocross
ID: 2827161
Sorry for the wait... it works now.  It was a combination of both the spaces and putting the code all on one line.  I thank you both for your help.  I had a hard time deciding who to give the points to.  I awarded the points to the expert with less points... but thank you both.
0

Featured Post

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Color Difference On Site 19 152
Using older programs/reverse engineering 5 69
Imac (Gaphic Card 4GB, 32 RAM) and After effects? 4 87
Pinnacle Studio 19 5 44
Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
In this Micro Tutorial viewers will learn the basic shortcuts and functions of Illustrator. The viewer will learn about the paintbrush tool, anchor points, font sizing, and more.
Learn how to create interesting presentations by including videos to keep your audience engaged using Prezi. Select "Insert" from the top menu in your Prezi editor: Select "YouTube Video": Paste the video URL into the prompt: "Select "Insert":…

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question