• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

bigger photo...but bigger image appear below smaller

 
Ranch Hand
Posts: 403
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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?
 
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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.
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
 
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
reply
    Bookmark Topic Watch Topic
  • New Topic