UNL Web Developer Network

by **mmesarch1** » Mon Mar 24, 2008 4:01 pm

call me a late bloomer. Just starting use shadowboxes. I don't seem to have the knack though.

OK I have made my image the exact pixel width and height that they are suppose to be. for example for the image_small_16x9 is 210 px wide and 118 px hieght

Then when I go to apply the class to the image...I only see 5 class types. I don't see image_small_16x9

I only see
image_large
image_medium
image_small_4x3
image_small_short
image_small_square
image_small_tall

I am pretty sure I have the newest ucomm
I even tried just hand entering the image_small_16x9 and that did not work.

When I tried to figure out what one of these class types sizes should be for my image, I got something close....the image looks a little too big and over laps the underlying image on the right and bottom so I don't see the shadow at all.

Thanks

by **beck** » Mon Mar 24, 2008 4:37 pm

As long as you have this line in your <head> section you should be able to at very least manually type in the class you want. - (it won't show up while previewing in a browser on the local file - but will work once the page is uploaded to your server.)

Code: Select all: <link rel="stylesheet" type="text/css" media="screen" href="/ucomm/templatedependents/templatecss/layouts/main.css" />

Do you have an example page you're working on that someone could take a look at to see if they notice anything?

by **mmesarch1** » Tue Mar 25, 2008 8:55 am

Hi,
The line that showed is part of the template. So it is in every page.

Go to http://snr.unl.edu/acs/test/snrhome.asp
The large picture at the bottom is the designated 210 by 315 for the image_small_tall class. As you can see it looks too wide and to tall.

The three images on the top are all the correct size for image_small_16x9 which are 210 by 118. However, In Dreamweaver when I try to apply a class to the image I only see the classes that I listed in the first email. So in these cases I applied the "center_image" class.

Any ideas?
Thanks

by **bbieber2** » Tue Mar 25, 2008 10:32 am

Hey Mark,

I think you just need to enclose the image in a <div> with the image class on it. Like this:

Code: Select all: <div class="image_small_tall"> <img src="/acs/test/images/tLAKEClassTBarrow+smalltall.jpg" alt="Tadd Barrow making measurements" /> </div>

by **mmesarch1** » Tue Mar 25, 2008 11:26 am

Well if I would just look closely at the example I would have seen that was the way to do it. Instead of trying to have the class in the img tag. It has to be in a div tag.

So why don't I see all the class types as I am typing in the div tag? I still only see the ones that I listed in the email. But I can apply the others and they seem to work.

Thanks for the help

UNL Web Developer Network

Shadowbox

Shadowbox

Sample page

That did it

Who is online