New Zenner
- Join Date:
- Nov 2006
- Posts:
- 14
- Plugin Contributions:
- 0
gah..no pop up image!
I'm not sure how this happened..but now I have no pop up images. The pop up appears...but no image in it.
where do I turn this off or on?
thanks!
Views: 1,148
New Zenner
I'm not sure how this happened..but now I have no pop up images. The pop up appears...but no image in it.
where do I turn this off or on?
thanks!
Black Belt
If pop up image = larger image - then I am seeing them ??
Try clearing your browser cache, close the browser and re-launch and see if that helps
New Zenner
Thanks for looking, I figured it out. A classic "trickle down" situation.
It started with me altering the CSS script body tag to:
body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #FFFFFF;
width: 850px;
margin-top: 0px;
margin-left:auto;
margin-right:auto;
This worked great for centering the shop and making it the same size as the rest of the website....but.... it also effected the pop up window.
I'm guessing it is encompassed in the body tag somehow. the images were always there, you just couldn't see them until you made the window bigger. They were centered, in a window sized the same as the rest of the pages, not the default 300 x 300..or whatever it is.
so...the fix (I hope) was to pull out the pop up tag by itself and give it these commands. I added a little room at the top to make it look nice.
#popupImage {
width: 300px;
margin-top: .5em;
}
I am certanly learning my way around my CSS page..... whether or not it's proper coding..who knows? It looks great on my computer.
Black Belt
The body tag actually is to control the space around/behind your shop
You should actually be defining these in the main wrapper entry like this:
#mainWrapper {
width: 80%;
background-color: #FFFFFF;
text-align: center;
vertical-align: top;
border: 1px solid #000000;
and reduce the declarations in your body to something like:
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
}
New Zenner
I think that is how it was originally. The problem when I put in the 80% is it pulled it to the left.
I'll try it that way and see what happens. Thanks! :yes:
Tell staff why this post should be reviewed.