Problems with the background image in IE
Hi I've been optimizing some pages for the different browsers in Dreamweaver CS4. They all work fine in Safari, Firefox and Opera, Internet Explorer is, however not showing the background image I have selected. I can't for the life of me see what's going wrong! Any help wopuld be appreciated. here is the code on my index page which I built from a template. I don't know if it's the editable areas that are going wrong!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>test site</title>
<!-- InstanceEndEditable -->
<link href="oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-repeat: repeat-x;
background-image:url(file:///Macintosh HD/Users/me/Documents/websites/face_divorce/test/images/test_back.png);
.oneColFixCtrHdr #container {
width: 770px;
margin: 0 auto;
border: 0;
padding: 0;
.oneColFixCtrHdr #header {
text-align: centre;
border: 0;
padding: 0;
.oneColFixCtrHdr #header h1 {
<img src="../images/test_logo.png"
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
font-size: x-large;
text-align: right;
.oneColFixCtrHdr #mainContent {
padding: 0;
.oneColFixCtrHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-family: Verdana, Geneva, sans-serif;
color: #6699cc;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: lighter;
text-align: center;
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<meta name="Description" content="facedivorce.com.com is an online resource tool to help guide you through the various stages of divorce. Simply click on before, during or after divorce to find everything you could ever need to do with divorce.
" />
</head><meta name="keywords" content="test
" />
<!-- InstanceEndEditable -->
<body class="oneColFixCtrHdr">
<div id="container">
<div class="oneColFixCtrHdr" id="header">
<table width="740" border="0" align="center">
<tr>
<td border="0" height="38" ></td>
<td align="right" valign="bottom"><!-- InstanceBeginEditable name="HeaderLinks" -->
<p class="TextButtons"><a href="index.html" class="TextButtons">Home</a> <a href="featuredcompany.html" class="TextButtons">Featured Company</a> <a href="youngpeople.html" class="TextButtons">Young People</a> <a href="andmore.html" class="TextButtons">And More</a> <a href="blog/index.html" class="TextButtons">Blog</a></p>
<!-- InstanceEndEditable --></td>
</tr>
<tr>
<th height="48" align="left" valign="bottom">
<h1><a href="index.html" title="test"><img src="images/test_logo.png" alt="test" width="245" height="46" border="0" align="left" /></a></h1>
</th>
<td align="right" valign="bottom"><!-- InstanceBeginEditable name="HeaderButtons" --><a href="#"><img src="images/facebook-logo.png" alt="FaceBook Button" width="48" height="48" border="0" align="bottom" /></a> <a href="#"><img src="images/twitter_square.png" alt="Twitter Button" width="48" height="48" border="0" align="bottom" /></a><a href="#"><img src="images/blogbutton.png" alt="Blog Button" width="49" height="47" border="0" align="bottom" /></a> <!-- InstanceEndEditable --></td>
</tr>
</table>
<!-- end #header -->
Hi
The fact you are using a Mac is why both myself and JCellini assumed you where using a pre IE7 version.
But the code you are using to test in IE will cause a problem with any 'virtual machine' such as crossover, because it cannot reference anything outside its own assigned section of the drive, and referencing the png in the way you are would be for it an invalid reference, it also would not work in any browser when you uploaded the site.
Change - background-image:url(file:///Macintosh HD/Users/myname/Documents/websites/test/Test/images/test_back.png);
To - background-image:url(images/test_back.png);
But if the region is not editable I would suggest you temporarily make it so, externalize your css to a css file, insert a link to the external css file in your head content, then lock the region once again. This way you will always be able to edit your css without worrying about 'locked regions'.
PZ
www.pziecina.com
Similar Messages
-
Problems with the background image size in a photobook
Hi there, I really need help here. When I make a photobook I want to display my images large, taking the whole page. To do that I put the image as a background and it's OK. My problem is that when I do this, iPhoto always crops it. I have to use the move tool to move the image up and down, left or right to chose a best position. I don't want to do this, I want my image to be shown perfectly from end to end. I have to resize the image in many ways, even used the book's native resolution but it still doesn't work. If I choose "fit photo to frame size" I end up with two stripes at the top and the bottom of the page.
Please help me, what size should I resize my image to, so that iPhoto displays it as it is?
Thank youHi
The fact you are using a Mac is why both myself and JCellini assumed you where using a pre IE7 version.
But the code you are using to test in IE will cause a problem with any 'virtual machine' such as crossover, because it cannot reference anything outside its own assigned section of the drive, and referencing the png in the way you are would be for it an invalid reference, it also would not work in any browser when you uploaded the site.
Change - background-image:url(file:///Macintosh HD/Users/myname/Documents/websites/test/Test/images/test_back.png);
To - background-image:url(images/test_back.png);
But if the region is not editable I would suggest you temporarily make it so, externalize your css to a css file, insert a link to the external css file in your head content, then lock the region once again. This way you will always be able to edit your css without worrying about 'locked regions'.
PZ
www.pziecina.com -
What do I do when I create a pdf and it says fatal error, there is a problem with the background task
see Adobe Community: File Crashing on Output - printing/PDF/other
-
Why am I having issues with the background image here?
body {
text-align:left;
font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;
font-size:11px;
line-height:17px;
color:#8a8683;
margin:0;
padding:0;
* html body {
overflow:hidden;
* html div#content {
height:100%;
overflow:auto;
div#colBg2 {
width:519px;
height:100%;
margin:0 0 0 449px;
background:url(/images/colBg2.png) repeat-y top;
z-index:600;
table#colText {
height:100%;
width:433px;
text-align:left;
z-index:700;
<div id="colBg2">
<div id="colText">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
</div>
</div>
What this is supposed to do is show background image colBg2.png as a column extending from the top of the viewport to the bottom, whether there's enough text to fill it or not. If it doesn't, then it shouldn't produce a scrollbar. It uses 100% vertical height hacks, as demonstrated in the code above.
When there's more text than the viewport can handle, there's a scrollbar, and the colBg2 successfully scrolls along with the text contained in colText. HOWEVER... when that background scrolls upwards so we can go down the page, it stops tiling. It stops wherever the viewport ends.
If I stretch the window to reveal more of the column, no problem. It tiles just fine, and extends all the way to the end of the screen. But not if I scroll down.
Anyone know if I'm doing anything wrong with this code, or if there's an obvious fix that isn't occuring to me?I was just about to prepare that for you guys when I had a quick flash to try applying the background image directly to the table instead
of a containing div. I'm sure there was a reason I used a containing div to begin with, but can't for the life of me remember why right now. I'm sure it'll hit me at some point and I'll probably be back here when it does, but so far eliminating the containing div altogether has produced the desired effect. =) -
Since i upgraded my ipad to 7.0.2 there is a problem with the photo images are
can any one help my ipad photographs are now low quality with the a serious problem with the colours, this has all happened since i upgraded to 7.0.2
Do the filenames contain special characters, like "ä,ü,..." or white space or are the vry long? Is there anything special about the image format? Try to export the edited versions in that case and reimport it with a different, shorter filename.
For testing, create a new book with only the images you want to check.
If this does not fix it, try rebuilding. Depress the option and command keys, launch iPhoto and rebuild the library. -
Problem with the RAW images from Canon 5d Mark III
hope you are doing good. i need your opinion regarding a phenomena i am observing in the RAW images from Mark iii.
The following images appear to be absolutely correct in the camera and when viewed through a picture viewer.
I have tried and tested the following scenarios:
1. Used a medium speed kingston CF Card (new) and transferred the images through the USB cable supplied with the camera.
2. Thought the card might be slow OR faulty.. used Sandisk Extreme and Extreme Pro SD Cards but same result.
3. Transferred SD Card data through the builit in laptop card reader.
4. Have directly imported the images from SD Card into Lightroom 4.3, copied the data firstly to laptop HDD and then imported, copied the SD card data to an external HDD and then copied. .... same result!!
5. Have tried the same with both Win7 and Mac OS.
6. The DPP sw that came with the camera gives the error of 'Decoding Failed' with these images.
Usually 10-15 images out of 100 give this kinda pattern. so i was hoping if you can guide me what is going wrong here !!!The camera and PictureViewer are likely showing you the embedded JPG, while DPP and LR are decoding the raw data which appears to be corrupted. Assuming you have formatted your SD cards in the camera and the issues are always in the same positions in the same images when you transfer them multiple times from the card to different computers via different methods, then the data is on the card that way.
If the embedded JPG is ok then the sensor is ok, so something between the sensor-readout and the storage on the card appears to be failing intermittently, and it’s time to talk to Canon, I think. -
Hello all, I hope you can help.
In Photoshop I have a problem to overcome and have delved into the world of scripting..
If there is a quick way to produce the following could someone help me with some pointers?
Here is my situation..
I need to produce a photograph proof card, these are for a double image option so cause me a headache compared to just creating an action..
This proof card really is just a set of two different photographs placed onto a background image.
I would produce two different images of the same person and name them exactly the same except they are suffixed with an A or B to keep them together, these would be in a folder with approx 500 other images for example (250 x two of each person)
My preference for the process would be done in the following sequence:
1/ Open the background file jpg (which is sized at 2400 x 1800 pixels @ 300dpi)
2/ Load the first image from the batch file and place this.
3/ Get the filename of the first image and create it as a text layer and write it below the image at 10 point text size.
4/ Create another copy of this layer and change the font to 3of9barcode font, however the font needs an asterisk before the text then again after it. e.g. *filenameA*
Only the first image has the need for a barcode as they are for the same person. This is at 18 point.
5/ Load the next sequential image from the batch file and place this.
6/ Get the filename for the second image and as Item 3/ create a text layer below at 10 point text size.
7/ Place a png overlay with my copyright information over the images (I need to do this twice, once for each image)
8/ Flatten the images and save the file in a new folder with the same filename as the first image.
I can do this in Lightroom with the exception of putting the barcoded text, and the filenaming, this is because the background image is used as the identity plate and the filename is not based on the data from either photograph..
Can anyone shed some light on where to go from here?
Kind regards
BryanPhotoshop Scripting-wise this seems fairly "easy".
But I would recommend creating a template file (that already combines background image, png overlay and the Type Layers).
Maybe data driven graphics would also be an option …
Photoshop Help | Creating data-driven graphics -
I had an dual display image / setup working twice for a few seconds, but then it cut out. I think there may be a problem with the thunderbolt port.
As far as I can tell you have only listed that you have a DVI monitor connected to the Mini Displayport socket (i.e. the Thunderbolt socket) via presumably the Apple Mini Displayport to DVI adapter and a DVI to DVI cable.
You don't appear to have listed what the second monitor is and how it is connected (even though not working). As such I cannot tell what may be wrong. -
I need help with uploading photos from iPhoto to facebook. I could do it till 2 days ago. Now any new photo I try to upload gives me an error message:
Bad Image
There was a problem with the image file.
Please help.Can you drag it to the Desktop?
-
In CP5 - problem with the 'Paste as Background' option
Hi,
Since I have started working with CP5 I am having issues with the 'Paste as Background' option.
After I work with CP5, and use the option few times it disappears from the menu although I have an image copied to my clipboard.
After I close Captivate and re-open it, the option appears again.
Any ideas?
Thanks,
Merav.merav, have you run the recent update for CP5? It fixed a lot of issues with the Background issues.
Also, the Paste as background option is not there if you have "Use Master slide background" checked for the slide. It defaults to "on" if you copy slides, for instance. -
How can I get a parallax effect with Hub Control or change the background image scroll rate?
Like the title says, I'm trying to get more of a parallax effect with a Hub Control in Windows Phone. In my current hub app, the picture has to be as wide as the entire hub, and it scrolls through the picture quickly. I'd like a way to make the background
image scroll slower than the content on top of is.
I've looked everywhere in the API docs, but I can't find anything saying how to do this. :(Hi PTK7,
Yes, currently there is no documentation for this effect, however we can manually control the image scroll speed:
http://stackoverflow.com/questions/10589192/windows-8-gridview-parallax-background-image
Also I found a sample from code center:
https://code.msdn.microsoft.com/windowsapps/ParallaxBackground-A-Metro-f929e558, take a look to see if these helps.
--James
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey. -
How can I use a vector image to stretch with the backgrounds in Muse master pages?
How can I use a vector image to stretch with the backgrounds in Muse master pages?
Maybe there's a bug. I think it's only showing it when it wants to because look:
-
Macbook pro crashes and goes to the background image with no access to dock etc..
Macbook Pro Early 2011 version, running Lion OSX, crashes randomly and goes to the background image. the dock is not accesible nor are any other options, I have to hold down power to restart. I have found that a lot of my applications have started to crash especially iphoto, itunes and safari. Ive repaired permissions deleted anti virus software which i thought was slowing the computer down. Any help would be appreciated..
I suggest you post this issue on the iTunes forum. You will have an audience that is oriented specifically towards this application.
Ciao. -
Why do I not see the background image with html5 boilerplate
hello,
I downloaded the html5 boilerplate
And in the main.css I made this :
body {
font: 16px/26px Helvetica, Helvetica Neue, Arial;
background-image: url(../img/background.jpg)
and also in the normalize.css I set this :
body {
margin: 0;
background-image: url(../img/background.jpg)
But in IE10 I still do not see the background image.
Can anyone tell me what I did wrong ?
RoelofHello
You need to run your VI once. Wire the Select Signals express VI to your DAQ Assistant and run the VI once (this allows the signal names to propegate).
Check this forum:
select signals
Regards -
Problem in setting background Image to TabedPane.
Hi Pals,
I created a JFrame which consist of some components. The structure of the added components are given below.
1) I added a JPanel (MainPanel) with background image in a JFrame.
2) I added a JTabbedPane with 7 tabs in the previous JPanel (MainPanel).
3) Each tabs in the JTabbedPane having JPanel with Background Image.
This is my Frame Structure. but i haven't problem to run in JDK1.6,1.5. It is working perfect. But when am run in lower version like 1.3 or 1.4. The design is looking bad. The JTabbedPane overlap the (MainPanel). The background image of the (MainPanel) was hided. I set setOpaque(false) for the JTabbedPane. But it also not working. How can i solve this problem.
By,
MohanYour problems appear to stem from your choice of layout manager(s). To get better help sooner, post a [_Short, Self Contained, Compilable and Executable, Example Program (SSCCE)_|http://mindprod.com/jgloss/sscce.html] that clearly demonstrates your problem.
To post code, use the code tags -- [code]Your Code[/code] will display asYour CodeOr use the code button above the editing area and paste your code between the {code}{code} tags it generates.
db
Maybe you are looking for
-
I have a large number of tracks which I should like to convert from one format to another (aiff to Apple lossless). These tracks are distributed in a large number of playlists. Can I convert a track or tracks from one format to another so that the
-
When I go to back up my phone, it tells me to transfer my purchases made from my iPhone to my iTunes, but then as it makes it to that step, I get a pop up saying that my computer is not authorized to make the transfer even though it is authorized. I
-
Can i make it less compressed?
hi - idvd complete newbie here. i have created a short animation, which is about 9 mins long. I have exported it (from after effects) as an uncompressed quicktime, which uses a whopping 50 gig space. In idvd I selected 'best quality' not 'best perfor
-
External Video Monitoring-In HDV
How I view my HD fotage in an external monitor for editing? According (Help menu in FCP New features) in FCP "You can now output to external video interfaces whose settings don't match those of your sequence. Here are some examples of some of the pos
-
Please help. After installing Security Update 2010-002 on Leopard 10.5.8 all audio tracks play several bpm faster. This is true for pre created tracks in Logic and playing tracks in Toast or using quick preview. All iTunes material is also affected.