Solved

Getting multiple images with hover affects to line up

Posted on 2000-04-24
8
153 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
 
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
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

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…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
Add visuals to your Prezi to keep your audience engaged. Learn how to embed images, edit them, and more in this video micro tutorial. Select "Insert" from the top menu in your Prezi editor: Select "Image": A toolbar will pop in from the right …

746 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now