Win a copy of Re-engineering Legacy Software this week in the Refactoring forum
or Docker in Action in the Cloud/Virtualization forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

bigger photo...but bigger image appear below smaller

 
Leonidas Savvides
Ranch Hand
Posts: 403
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
In homePage(1 photo) and in Gallery(9 photos) at
http://www.pafos-wedding.com/
I setup mouse rollover functionality > bigger photo...but bigger image appear below smaller...what to do appear next to smaller, so top side of both photos are on same line?
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64632
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I'm not quite sure what you are trying to say.

But one thing to keep in mind, is that most browsers, when a photo is bigger than will appear within the window, will show a smaller version. Usually clicking on it reverts to full sized. Could that be what you are running into?
 
Leonidas Savvides
Ranch Hand
Posts: 403
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
just go to url and rollover a photo...what to use to write text starting on right side of photo from top to photo bottom? I think rather text appear the div with bigger photo in - appeared(the bigger) when rollover smaller... I use vista now but I think in xp is differ....ie8.
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64632
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Positioning the images is just a matter of adjusting the CSS values correctly. What specific problems are you having with that? I'm certainly not going to go digging into all the source code for that site to try and find it myself.
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You should try using something like this: http://www.justinbarkhuff.com/lab/lightbox_slideshow/

Eric
 
Leonidas Savvides
Ranch Hand
Posts: 403
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
to: Bear Bibeault

just tell me, well, if I have an image and write text on the right side(same line) this go/starts to bottom and continue to the right, well how starts from the top/right corener of image and continue to the right / bottom?

I think is float:left ? what if image centered in a td ?
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
The problem with your example page is that when you show the image underneath, it goes off the bottom of the page and I can see only about 20% of it. It is not a good design to start with.

Have you tried to do the markup without the showing and hiding? Just create a sample page and make the sample display you want. After you get that right, make it show and hide.

Eric
 
It is sorta covered in the JavaRanch Style Guide.
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic