Background image won't align properly in IE7, need help...

Heya,
I am working on a website that is using the following CSS to
display a shadow effect for an image. It's calling a background
image and using margins to align it properly but IE7 refuses to
render it yet Safari, FF and even IE6 display it properly no
problems.
.img-shadow-wrapper { /* Drop Shadow */
*background: none;
_background: url(/themes/ocp/images/shadow.gif) no-repeat
bottom right;
.img-shadow-wrapper img { /*Drop Shadow Positioning */
border: 1px solid #777;
padding: 1px;
margin: 0px 5px 5px 0px;
HTML
<div class="img-shadow-wrapper">
<img src="
http://web.ocp.org/products/12244_t.jpg"/>
</div>
Can anyone help me find the solution?? Thanks

Why are you hacking?
.img-shadow-wrapper { /* Drop Shadow */
*background: none;
_background: url(/themes/ocp/images/shadow.gif) no-repeat
bottom right;
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Spencer Hill" <[email protected]> wrote in
message
news:f1vvuk$b3p$[email protected]..
> Heya,
> I am working on a website that is using the following
CSS to display
> a
> shadow effect for an image. It's calling a background
image and using
> margins
> to align it properly but IE7 refuses to render it yet
Safari, FF and even
> IE6
> display it properly no problems.
>
> .img-shadow-wrapper { /* Drop Shadow */
> *background: none;
> _background: url(/themes/ocp/images/shadow.gif)
no-repeat bottom right;
> }
> .img-shadow-wrapper img { /*Drop Shadow Positioning */
> border: 1px solid #777;
> padding: 1px;
> margin: 0px 5px 5px 0px;
> }
>
> HTML
> <div class="img-shadow-wrapper">
> <img src="
http://web.ocp.org/products/12244_t.jpg"/>
> </div>
>
> Can anyone help me find the solution?? Thanks
>

Similar Messages

Images won't open properly after an upgrade.

I upgraded today from cs5 to cs6 and my images won't open properly only a small portion of the image is visible. How do I fix this?

What software have you upgraded?
Thanks
Nikhil

My macbook pro will not shut down. It tells me that safari has cancelled shut down and to quit safari and try again, but every time I try to quit safari it won't let me. I need help...I don't know what to do.

My macbook pro will not shut down. It tells me that safari has cancelled shut down and to quit safari and try again, but every time I try to quit safari it won't let me. I need help...I don't know what to do.

Have you tried holding the power button down for several seconds? I would try the force quit as mentioned earlier first, or go to the Activity Monitor in Applications>Utilities and try force quit there.

Wrapper div background image won't appear in browser...

Hi All,
Here's a link to the test site:
http://www.davidcoshdesign.com/test/tee
If you go to 'About' – top right nav, there should be two vertical 'lines' running all the way down the page(s), either side of the main body copy.
All the pages are created from the same template.
It's a repeating background image in the #wrapper div. I can see it DW, but not in any browsers.
I guess it's not linking somehow... but can't figurte it out.
Also, the layouts on the 'Partners and 'Philosophy' pages 'jump' when you go to them. Again, I guess there's an error in the code somewhere...
Any help with these two things would be very much appreciated.
RP

Change this -
#wrapper {
    background-repeat: repeat;
    background-image: url(assets/images/columnedge.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 19px;
    font-weight: normal;
    color: #999;
    text-decoration: none;
    width: 980px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: auto;
to this -
#wrapper {
    background-repeat: repeat;
    background-image: url(assets/images/columnedge.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 19px;
    font-weight: normal;
    color: #999;
    text-decoration: none;
    width: 980px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: auto;
   overflow:hidden;
You need to clear the floats so that div#wrapper will contain the contents. To fix the jumping, add this to your CSS -
html { overflow-y:scroll; }

Images won't open properly in cs6

I upgraded from cs5 to cs6 and my images are not opening properly in cs6. What can I do?

Melin1990 wrote:
What can I do?
You could explain what "not opening properly" means.

Background Image Won't Stay!

Okay, I repaired disk permissions, repaired the disk and reinstalled the system (archive and install)
If I change my background image it only stays until I switch spaces. Then I go back to the background prefs and it is as if I never changed it. It always reverts to the Space pic. The only way to change it is to go to /System/Library/CoreServices and replace DefaultDesktop.jpg with the image I want... it's kinda annyoing to do this. How can I fix it?

interpolarity wrote:
Okay, I repaired disk permissions, repaired the disk and reinstalled the system (archive and install)
If I change my background image it only stays until I switch spaces. Then I go back to the background prefs and it is as if I never changed it. It always reverts to the Space pic. The only way to change it is to go to /System/Library/CoreServices and replace DefaultDesktop.jpg with the image I want...
don't do that.
it's kinda annyoing to do this. How can I fix it?
delete the file /users/username/library/preferences/com.apple.desktop.plist and log out/in. then try changing the desktop background again.
Message was edited by: V.K.

Background image seems to be applied twice Can someone help with this CSS issue....

Can someone help with this CSS issue....
http://66.162.81.144/cms400min/default.aspx
If you view the main page you will see that our background is
2 shades of
orange.. if you look at the line that divides those colors to
the right and
left you wil notice that the line is higher
if you notice that it seems that there is another background
on top of the
first one..its the only thing i can think of..
the only place where the image is being referenced is in this
CSS style
html, body
min-height:100%;
margin-bottom:1px;
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Is there something wrong with the above CSS that could or
would cause this?
is it because im applying the image to both the HTML and
BODY?
ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
2008

You've attached the background to both the html and the body.
I would do this:
html, body {
min-height:100%;
margin-bottom:1px;
body{
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Having said that the image doesn't look any higher on the
right than the
left to me in Firefox. Is it just an optical illusion?
Daniel wrote:
> Can someone help with this CSS issue....
>
>
http://66.162.81.144/cms400min/default.aspx
>
> If you view the main page you will see that our
background is 2 shades of
> orange.. if you look at the line that divides those
colors to the right and
> left you wil notice that the line is higher
>
> if you notice that it seems that there is another
background on top of the
> first one..its the only thing i can think of..
>
> the only place where the image is being referenced is in
this CSS style
>
> html, body
>
> {
>
> min-height:100%;
>
> margin-bottom:1px;
>
> text-align:center;
>
> background-repeat:no-repeat;
>
> background-image:url(images/Background-Color2.jpg);
>
> background-color:#F74902;
>
> background-position:center;
>
> background-attachment:fixed;
>
>
> }
>
> Is there something wrong with the above CSS that could
or would cause this?
> is it because im applying the image to both the HTML and
BODY?
>

I can't save properly, I can't use effects properly, and I need HELP!!

I've had iMovie HD 6 for a while now. It was quite lovely at first. It did exactly what I wanted it to do, and it did exactly what it was supposed to do. I use it often, and I have quite a few iMovie files saved to a special folder because sometimes I need to edit my movies later on.
For a while now (around eight months or so) I've been struggling with iMovie. iMovie is winning. My first and biggest problem is the fact that my iMovie files won't save properly. All my movies are in the place I want them to be, I save, and then I exit iMovie. The next day I open up the file to work on my movie, and everything is gone except for titles, photos, stillframes, background music and sound effects, and any clips that I edited. I've been dealing this by simply never exiting iMovie while I'm working on a project. iMovie will stay open for days (sometimes weeks) at a time until I finish and can put it onto iDVD and burn it. It burns fine. Another way I've been dealing with it is by editing every single clip in my movie with the effect settings placed so that nothing is actually changed. For instance, I'll use the Hue Adjust effect on every clip, but I won't touch the settings on it so that all the clips look exactly the same as before. This worked well for a while, and it brings me to my second problem...
My second problem is that I can't use my effects properly anymore! Over the months, more and more effects would become unusable. Now I don't have any that work properly. For instance, if I try to use the Fairy Dust effect, I will still have a sparkle going across the clip as I'm supposed to, but the entire clip will be many shades lighter as if I used Brighten and Contrast to make the clip lighter even though I didn't. It is the same for every other effect now. They work, but they make the clip they are used on lighter.
One more problem is that I can't export to Quicktime with Full Quality. If I do full quality, the movie freezes at a single frame partway through the movie while the audio keeps going. I always assumed that this was because the file was too large to work properly, but if I could export my movies with full quality, I would feel better about deleting my iMovie project files. It's always done this. It's not a new thing.
Wow, I have way too many problems with iMovie. Help with any one of them would be greatly appreciated! I really need to do something about this soon. I've tried reinstalling iMovie, but there was no difference. Thank you so much!

It would be a good idea to do close down all programs and do a permissions repair. Use the Utilities/Disk Utility application on your Mac hard drive and follow the on screen directions.
After that, with iMovie closed trash the file com.apple.iMovie.plist file located in User/Library/Preferences. iMovie will create a new file on relaunch.
If you are storing your project on an external hard drive, make sure that your external hard drive is formatted for Apple. Should be Mac OS extended. If you reformat, first remove all of your data on the external drive to another drive, because reformatting will erase all data on the drive.
Update all of your iLife programs to current, particularly Quicktime.
Finally, make sure that you have enough free disk space on your startup drive--at least 10GB, and more is better.
G5

MBP won't boot recovery USB drive, need help

HDD failed on 15" mid2009 MacBook Pro, purchased a Seagate 1TB hybrid drive (SSHD) to replace it with. Went to boot to USB recovery drive with OS X 10.8 using option/alt on boot and would only get the folder with flashing question mark. Tried command+R also. Tried different USB ports. Tried with HDD pulled out. The USB recovery drive does work because we were able to boot to it from a different MBP, and verified the files on it with Disk Utility. Just can't get any kind of recovery options or anything on this Mac with replaced HDD. Need help. Never encountered anything like this, can't find anything like it online, and none of my coworkers can figure it out. We've all been working comps for yrs, one even an ex apple-tech. Thanks for any suggestions!!

Sorry - missed that part about having used both USB ports...
Since you've verified that the USB thumb drive works on another Mac, and that it won't boot whilst holding down the option key, I would advise taking your machine to an Apple Store or an AASP to have them diagnose your machine (which will be free). They, too, should have USB sticks that they can use to test the machine.
Good luck,
Clinton

Text / images do not align properly

Good Afternoon Everyone
Many of you will more thank likley tell me to look up different tutorials however my problem is that i learn as i go along ( im like a sponge) the way i learn is by getting it wrong to begin with.
My question is. when i sometimes add an image or text they are perfectly inline for where i want them to be. however when i go into live mode, they are either too high up or too low down.
How do i correct this? ive tried to switch between relative, absolute ect. but all i see that changes is that in absolute i can move the text / image
If you could tell me what im doing wrong and how to fix this this would be great..
I am very new to this and i am wanting this to be a great project...
Thank you in advance

Hi there.
As you will see form the image the "tj lettings is way out of line in the design just to show how bad it is in the live version. im wanting both pieces of text to sit above the grey banner.
the code for the website is as follows ( I think):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.a {
    font-family: "Century Gothic";
    font-size: 16px;
.white {
    color: #FFF;
.blue {
    color: #09F;
.white {
    color: #FFF;
    font-family: "Century Gothic";
    font-size: 16px;
.telephone {
    font-family: "Century Gothic";
    font-size: 16px;
    color: #09F;
.colouredbox {
    font-family: "Century Gothic";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #09F;
    background-color: #999;
    height: 20px;
    width: 150px;
</style>
</head>
<body bgcolor="#0099FF">
<div id="TJ" style="position: absolute; left: 356px; top: -46px; width: 285px; height: 274px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 230px; color: #FFF;"><P align="center" class="tj">TJ</P></div>
<div id="undertrim" style="position: absolute; left: -3px; top: 393px; z-index: 2;"><img src="website/Undertrim_BLue.png" width="1454" height="500" /></div>
<div id="Tjlogo" style="position: absolute; left: -95px; top: -36px; z-index: 1; : height: 285px; width: 252px;"><img src="website/logo2.png" width="500" height="500" /></div>
<div id="arrowgrey" style="position: absolute; left: 223px; top: 434px;"><img src="website/BannerArrow.png" width="42" height="29" /></div>
<div id="bannertop" style="position: absolute; left: 0px; top: 224px; z-index: -1; width: 1406px; height: 49px;"><img src="website/bannertop.jpg" width="1450" height="50" /></div>
<div align="center" id="email" style="position: absolute; left: 345px; top: 220px; width: 413px; font-size: 18px; font-family: 'Century Gothic';"><p> <span class="blue">e:</span> <span class="white">[email protected]</span></p></div>
<div id="tele" style="position: absolute; left: 947px; top: 222px; width: 203px;"><p class="telephone"><span class="blue">t:</span></span> <span class="white">01159 875 747</span></p></div>
<div id="twitter" style="position: absolute; left: 851px; top: 275px;"><img src="website/twitter.jpg" width="60" height="59" /></div>
<div id="instagram" style="position: absolute; left: 926px; top: 274px; width: 54px; height: 56px;"><img src="website/insta.jpg" width="55" height="59" /></div>
<div id="topprop" style="position: absolute; left: -3px; top: 275px; z-index: -2;"><img src="website/Riverbank launch 030.JPG" width="1453" height="617" /></div>
<div id="Lettings" style="position: absolute; left: 652px; top: -176px; width: 693px; height: 215px; font-size: 152px; color: #FFF; font-family: Georgia, 'Times New Roman', Times, serif;"><p>Lettings</p></div>
<div id="bannertag" style="position: relative; left: 0px; top: 430px; z-index: 2;"><img src="website/bannertop.jpg" width="222" height="21" /></div>
<div id="pofw" style="position: absolute; left: 12px; top: 438px; z-index: 3;"><p class="white">Top Property of the week</p></div>
</body>
</html>

HELP! Images won't print properly!

Hello,
I am trying to print an InDesign CS4 document but when I convert it to a pdf and print it some of the images have lines through them and are half transparent. The rest are fine. I did not create this document so I am unsure of what process the individual photographs have gone through. I have checked preflight and it says no errors and has a green button.
I cannot print directly from InDesign CS4 as it gives an error message on the printer..."can't create PictWPSDoc from `/private/var/spool/cups/d00062-001'.ERROR during execution of pictwpsto".
Ideally I would like to solve both these issues but to be able to print the document either way would be great!
Any help is much appreciated as I am getting desperate!
daraclare

Eugene Tyson wrote:
It's do with your printer more than anything else, probably can't handle the file. Hard to know without knowing what printer you have?
You printer (if a desktop out of the shop one) won't have very hi-res anyway, usually around 150 - 200 dpi.
So you could probably print it as a bitmap and not see any difference in picture quality.
Hold on there, Eugene. Printers today output in the range of 600 - 1200 DPI, but tend to use screen frequencies in the range of 100 LPI which means an image resolution at print size in the 150 to 200 PPI range is usually adequate.
DaraClare2,
I'm curious how this looks on screen with overprint preview turned on. Also, what version of ID are you using, and what formats are the images used?
And expensive printers, especially from Xerox, are not immune to some quirks.

New versions of images won't upload properly

I am having trouble uploading new versions of images with the
same file name, and I cannot figure out why.
http://obviate.us/catalog/index.php
You can see the corners of the blue side bar headers do not
match the color of the rest of the header. I changed the color of
the headers in my CSS file, and the corners are GIFs.
I changed the colors of the corners in Photoshop to match the
headers and saved them with the same file name.
I tried saving the GIFs as both RGB and Indexed Color (what
they started out as) after editing.
I made sure they were in the correct folder.
However, when I upload the edited GIFs, the image doesn't
change to the new one when I reload the page.
I've been able to edit these very images before with no
problems.
any ideas as to why this may be happening?

Are you sure you saved the new images in this directory:
http://obviate.us/catalog/images/infobox/?
That is where the images are
located. Try and delete the old images ON the server, and
then move the new
images back.
Dan
"BullocksTroy" <[email protected]> wrote in
message
news:eb7pc4$5n8$[email protected]..
>I am having trouble uploading new versions of images with
the same file
>name,
> and I cannot figure out why.
>
>
http://obviate.us/catalog/index.php
>
> You can see the corners of the blue side bar headers do
not match the
> color of
> the rest of the header. I changed the color of the
headers in my CSS file,
> and
> the corners are GIFs.
> I changed the colors of the corners in Photoshop to
match the headers and
> saved them with the same file name.
> I tried saving the GIFs as both RGB and Indexed Color
(what they started
> out
> as) after editing.
> I made sure they were in the correct folder.
>
> However, when I upload the edited GIFs, the image
doesn't change to the
> new
> one when I reload the page.
> I've been able to edit these very images before with no
problems.
>
> any ideas as to why this may be happening?
>
>

Images won't load properly after reset

I am running Firefox 22.0. I received a message from Mozilla that Firefox was running slow and should be reset. After the reset, some images will load but not all images will load. Gmail, Amazon, and the Mozilla pages are missing images. I have tried updating plugins, re-loading Java, ActiveX and 4.0 full .net Framework. Nothing has corrected my problem.

Hello,
Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache.
Note: ''This will temporarily log you out of all sites you're logged in to.''
To clear cache and cookies do the following:
#Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
#Under "Time range to clear", select "Everything".
#Now, click the arrow next to Details to toggle the Details list active.
#From the details list, check ''Cache'' and ''Cookies'' and uncheck everything else.
#Now click the ''Clear now'' button.
Further information can be found in the [[Clear your cache, history and other personal information in Firefox]] article.
Did this fix your problems? Please report back to us!
Thank you.

My images won't load on my website. Help!?

So basically I uploaded a website and all the files it needs to run properly to my control panel. It finds index.html and the images that have a url as the source but not the images with local paths as the source. I checked using 'firebug' and I saw there were no paths to these images on the site. So I went into the text edit on control panel to look and the paths were there. I'm confused. I tried moving the images around in the files directory on the control panel and altering the path in the text edit but this has not worked. I'm running out of ideas so it would be great if someone could give me a hand.
Have a look at the website:
http://www.btccs.co.uk
Here is some of the code from the text editor:
<div class="slider" id="slider1">
       <div class="leftarrow" id="prev">
            <img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-left-128.png">
       </div>
       <div class="slider_image" id="slider">
            <img src="Morris Construction/Images/Clarissa-01.png" width="100%" height="100%"/>
            <img src="Morris Construction/Images/rhino.png" width="100%" height="100%"/>
            <img src="Morris Construction/Images/Vinie-Graffiti-France.png" width="100%" height="100%"/></a></div>
       <div class="rightarrow" id="next">
            <img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-right-128.png">
       </div>
</div>

So Ken I have a new problem now, I've changed all the code to lowercase and it now works on the website but when I preview locally the images don't show. Its like the initial problem has swapped round to not working on the website to not working on dreamweaver. I think its still looking for the folder "Morris Construction" rather than the new folder "morris_construction" even though I've changed the folder and file names and copied them into the code.
This is the code in dreamweaver:
<div class="slider" id="slider1">
<div class="leftarrow" id="prev">
<img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-left-128.png"></div>
<div class="slider_image" id="slider"><img src="morris_construction/images/clarissa1.png" width="100%" height="100%"/>
                                                              <img src="morris_construction/images/rhino.png" width="100%" height="100%"/>
                                                              <img src="morris_construction/images/vinie_graffiti.png" width="100%" height="100%"/></a></div>
<div class="rightarrow" id="next">
<img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-right-128.png"></div>
</div>
This is the code when i preview in firefox. I found this using 'firebug':
<div id="slider1" class="slider">
<div id="prev" class="leftarrow">
<img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-left-128.png">
</div>
<div id="slider" class="slider_image">
<img width="100%" height="100%" src="Morris Construction/Images/Clarissa-01.png">
<img width="100%" height="100%" src="Morris Construction/Images/rhino.png">
<img width="100%" height="100%" src="Morris Construction/Images/Vinie-Graffiti-France.png">
</div>
<div id="next" class="rightarrow">
<img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-right-128.png">
</div>
</div>
Why is the preview browser/live view looking for the old path when I have changed the code in dreamweaver?

Flash won't install properly and I need your help!

Details:
-Computer: Mac OS X 10.5.8 (Intel Core 2 Duo)
-Browser: Safari 5.0.5 (5533.21.1)
-Flash version: Flash 10.3
-Problem: Installation seems successful, but websites still cannot play Flash content and request (again) I download the latest version
Hello everyone!
I hope someone here can help, because this problem is driving me crazy. My Flash has always worked fine until about three weeks ago when Youtube told me to download the latest Flash. Facebook applications were telling me to do the same.
Obediently, I followed the prompts to the Adobe website to download:
-Flash 10.3 for Mac OS X 10.5.8 (Intel)
However, it seems that nothing has changed, and these same websites are still requesting I download the latest version of Flash.
I am not TOO tech savvy, but it appears to have downloaded correctly. The installation manager states that it was successful, however Flash is not listed under my Applications folder (not sure if it is supposed to?). I have tried uninstalling and reinstalling, but still no luck.
I would appreciate ANY advice you might have. I have no idea how to fix this by myself. Please help!
Tia

Hi, Check and make sure the Shockwave Flash plugin is Enabled in Safari.
See if that is the problem.
eidnolb

Background image won't align properly in IE7, need help...

Similar Messages

Maybe you are looking for