Forum Moderators: not2easy

Message Too Old, No Replies

Thumbnails

shrinking problem

         

sbronson

2:10 pm on Jun 15, 2009 (gmt 0)

10+ Year Member



I've tried making thumbnails and when I shrink the image it doesn't show the whole image.
here is a sample of what I"m trying to finish.

a.slide001 {background:url(images/tt101.jpg);}
<a class="gallery slide001" href="#nogo"><em><img src="images/101.jpg" alt="" title="" width="600" height="425" /></em><span><br /></span></a>

I took over the design to this site and I think the <em> is throwing me off. I've tried all kinds of converters but every time I try the complete image will not show up.

Can anyone help?

SuzyUK

6:04 am on Jun 16, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld, sbronson!

a fair bit of assuming going on here.. but I'm assuming the "tt101.jpg" the background image is the actual thumbnail image? and that it is the same dimensions as the gallery <a> link?

If so the <em> should be hidden, then when you rollover the link the background image doesn't change but the <em> display property is being triggered to show the actual image in a different position in the page at full size

there's not enough code here, but the full size image should not be being shown inside the link at all

Greenjah

7:32 am on Jun 16, 2009 (gmt 0)

10+ Year Member



(a class="gallery slide001")

I don't think that you need to get rid of "gallery" before "slide001"...

Greenjah

7:35 am on Jun 16, 2009 (gmt 0)

10+ Year Member



as well as is your images folder placed inside parent folder?

If yes maybe you need to add ../ before "images/tt101.jpg", so ../images/tt101.jpg