HTML - Background Image Not Showing Up On Certain Page, But Does Individually...
Similar TutorialsIm using an email newsletter with a few inline css styles. I have a side background and looks like this <td width="145" valign="top" background="http:www.etcetc.com/images/BLsidegrey.gif"></td> NOW.this shows up fine in web based email like hotmail and gmail. HOwever the w3c validator says it not right to use the background part etc. So i tried the format below <td width="145" valign="top" style="background: url('http://www.etcetc.com/images/BLsidegrey.gif')" ></td> and the validator says great! ure html code is good. But the browser based emails dont show the image.However, when i download it to my mail program the image shows up. So im taking its the web based emails that r having an issue with it since most ppl just read it online and in their mail programs like outlook etc I even tried the bottom creating a seperate style and same issue and they dont show up. also i create a table in my newsletter and the text seems to be squishing to the sides of my coloumns in gmail. Hi Team, I placed this html code into my web editor by first uploading and saving the image as a .png file. Here is the code I used: <a href="http://www.awin1.com/cread.php?awinmid=2208&awinaffid=107642&clickref=&p=http%3A%2F%2Fwww.1staudiovisual.co.uk%2Fcatalog% 2Fsamsung-ue46b7020ww-inch-p-7066.html"><img src="1stAudioVisual.png" alt="IstAudioVisual.png" title="Samsung UE46B7020WW" /></a> As you can see I put the img src in the same way that I saved it in my files..When I go to the page it comes up without the image and just says what's written in the alt section How do I get the image to show up? Thanks. Sunil. Hi there, I'm looking for help aligning a tiling background gradient to the bottom of a page. I can't seem to figure out how to do it. You can see my code at michaelskinnider.com/tethco, and the effect I want in the PDF attachment. Thanks for your help! Hi guys I've spent the best part of two hours attempting this and have been failing. Miserably. What I'm trying to do is NOT to create a body background, but create an image, which will sit at the bottom of my browser window, regardless of it's size, and then go BEHIND other elements such as tables / images if my browser window size causes overlap. All help appreciated, thanks in advance. Antonz Hi, I would like to know if I can make the background image (over which I will write the content of the page) to fit the space I'm using. For example, I don`t how to explain it , but I see sites with the navigation bar image or the content image to adapt its size according to the amount of text on them. And then it seems like they are infinite, again, it adapts to the isze of the page. But my background image stays the same size all the time and I can see the end of it. I know I didn`t explain it very well but I don`t know exactly what I need to do this so, if someone could help me, thanks a lot. ref. URL: http://www.monmount.com/Default_prev...emplatename=60 screenshot: what it currently looks like a sloppily photoshopped approximation of what it should look like explanation: Basically I've laid the top nav. bar and the search box inside one div together (div id="nav_search_div") and I want the background of the nav. bar to display behind both of them. This is a Volusion cart store so I'm somewhat limited b/c I have to keep the content required to keep their auto-fill-in junk able to auto-fill-in. I can change the background image for the nav menu in one of the .css files provided with the volusion template, but if I use that then it applies it only to the nav. bar, not to the search box. Setting the nav. and the search field into a div together was supposed to be my work-around for this problem, but for some reason the background simply isn't displaying. Any help or explanation would be appreciated. p.s. I know that the page doesn't pass validation, but all the errors generated are from volusion code that I can't change and which shouldn't have any impact on this particular problem. The two td backgrounds wont show, does anyone know why? The background images is untitled-1.png and untitled-2.png Here's the code HTML Code: <head> <title>Morfian - Main</title> </head> <body link="#FFCC00" alink="#FFCC00" vlink="#FFCC00" bgcolor="#101010"> <font color="#FFCC00"> <table width="1010" height="300" border="0" bgcolor="#000000" align="center"> <tr> <td width="1004" height="102"><img src="pix/morfian_banner.png" width="1004" height="100"></td> </tr> <tr> <td height="300" align="center"><table width="998" height="314" border="0" cellpadding="0" cellspacing="0"> <tr> <th width="104" background="pix/Untitled-2.png" scope="row"></th> <td width="791"></td> <td width="105" background="pix/Untitled-3.png"></td> </tr> </table></td> </tr> <tr> <td height="40"><img src="pix/morfian_footer(3).png" width="1004" height="66" /></td> </tr> </table> </td> </tr> </table> </font> </body> Is it possible to put a smaller background image on top (like in layers) of my old background image? I have a background image, but I want to put a smaller image on top of that one, but for it to be treated also as background image. This image is a black vertical rectangle, but is faded on the edges to give a transparency, so its a .png. So ultimately what I am trying to do is put this black rectanlge on top of my original background image and with the transparency on the edges of this image, be able to see my original background image. How can I do so? Also what I was thinking was that this faded background would be scaled to fit different screen sizes, so do "width: 75%"? Just so that it ALWAYS stays at 75% no matter what screen size it is viewed on. Is this the right approach towards getting this result? I'm not sure if this is an IE issue, css, html... I have all icons and images showing a broken image" red X OVER the actual image? I've never seen this on any other sites or even on any other sites i've done. They are all .png images but I use .png files successfully all the time? Anyone encounter this? Here's the HTML surrounding the image file: HTML Code: <div class="header logo2"> <!-- Logo begins here --> <a href="index.php" title=""><img src="images/logo.png" alt="" /></a> </div> <!-- END Logo --> Here's the CSS surrounding the image with no other images or backgrounds being called??? HTML Code: .header { height: 41px; } .logo2 { text-align: right; } See Image Attached... I want to display an imagw which is an Icon. When I view it with IE noi mage. When I view the page with Firefox, it works fine. Does IE require something else? Here is the code I am using. <img src=./graphics/c3.ico HEIGHT="40" WIDTH="40"> I am working on the site rachelsnotary.com and I cannot get the images in 6 of the divs to show up. The other ones all look fine and work fine, but those couple dont work in IE (they do work in firefox though). Any advice? Its probably best to look at the site to see what I am talking about. thanks in advance! Hello All, I am a nubie to HTML. On this website: http://www.shareselfhelp.org/ After the first "Get Free Monthly Meeting Directory by Email" The E shows up. But on the second: "Get Free Monthly Meeting Directory by Email" The E is not visible. It is there, I can click on it. Right next to the word Email. If I click on it and hold the button down, I can see the little square dotted line box, outlining the image, but I can't see the image. Thanks in Advance, Laurence Hi, I designed and sliced my website in Photoshop CS4 and then tweaked the code as needed in Dreamweaver CS4. Can someone tell me why the image (seen below) isn't showing up on my company's web page, supposed to be on bottom left of my web page: http://www.majorleaguemotoring.com? I'm guessing it has something to do with the iframe code from Facebook? http://www.majorleaguemotoring.com/i...industries.gif Hey guys are the images on this page showing up for people: http://www.anotherlookonline.com/content/photo-gallery Thanks for the help! JT I'm posting this here, because I have no idea where else to post it, because I have no idea what my problem is... Here's one of the pages I'm having a problem with: http://apple-ss.net/teachers.php In Firefox, the page shows fine, but in IE7 (maybe IE6 too - I don't know) on Win XP, nothing is showing. I've seen this on three different computers. It's fine in IE7 on Vista though... I checked the source, and everything seems fine. I checked the DOM with the IE developer's toolbar, and it shows nothing in the body. On the menu on the left, the second, third and fourth pages have the same problem. I'm baffled. Any ideas what's going on here? Thanks for any help. Hi: I've designed a Registration Page for the new users of my site. When my new user enters a bunch of registration information (into my Reg Page) , *but* makes an error, I then wish to re-issue this Reg Page with all the info he/she entered for corrections, instead of just re-issuing the 'blank' Reg Page. I understand cookies can do this (?) -- but I know minimal about their use. Also, I am able to use my CGI program (its written in a superset of C and has great string-processing functions) and edit a copy of the reg page and place all submitted data back into the appropriate fields of the reg page -- But this is an *onerous* task. Question: Is there a *classic* way I should be doing this replacement task ? Or is there a different method that I could try. Thanks, -Mel Smith hi all, I'm trying to just put an image in a table but for the life of me can't see where i've gone wrong. here is the code: <table id=table1 align=center background=weddingband/weddingcard.gif></table> The image is in the corresponding folder. this is the css: #table1 { border: )0px solid blue;} #table1 td{ border: 0px ;} help appreciated, thanks, r Hi, I'm probably missing something really obvious, but I'm having a stumbling block on why for this page, you can see the image with the wreath when viewing it in Firefox, but not in Internet Explorer. I always use Firefox, but my bosses tend to use IE 6, so they were confused on why they couldn't see the image today. I also can't see the image in IE 7. Hi all, first post so please be kind! I have a toy and comic fansite here http://www.bloodforthebaron.com I have just discovered that my IMG BORDER="3" code is not working in Internet Explorer and AOL, please view using Firefox for the proper version. Please could someone advise? Don't worry about being patronising, I am self-taught and oftimes dense. How would i show a random image? When people come onto my site, i want the header to be random out of about, 6 different ones. When you refresh the page, it changes the image. (for more explaingin, ha) How would i go about doing this? |