HTML - Why Wont My Bacground Image On My Header Show Up?
Hi,
I am trying to figure out why my background image is not showing up on my header... my website is http://www.mytodostuff.com I created the image to be 900px by 100px, and it should fit perfectly in the header div...but its not. Does anybody know why? i put the pic in my assets folder, its called 'banner.jpg' Similar TutorialsHi the website is showing up fine but there should be a repeater background image , and it doesnt show up in browser at all . Been working on it for 4 hours now. Please help me.. website link: http://extramoney.net16.net/instructions.html What do you need to fix ? Html code ? Image name: repeater.jpg and it is uploaded to hosting space . Thanks in advance for answers , Michael Hey everyone, I'm pretty new to html, and am having a problem with displaying some images. I cant seem to find any problems with the code I have, but the images wont show up in any browser. <center> <table border = "0"> <tr> <td><img src="/images/Home button.jpg" alt="Home" width="117" height="50"/></td> <td><img src="/images/apartments button.jpg" alt="apartments" width="117" height="50"/></td> <td><img src="/images/Tenant button.jpg" alt="Tenant Info" width="117" height="50"/></td> <td><img src="/images/Utilities.jpg" alt="Utilities" width="117" height="50"/></td> <td><img src="/images/About button.jpg" alt="About Us" width="117" height="50"/></td> <td><img src="/images/contact button.jpg" alt="Contact Us" width="117" height="50"/></td> </tr> </table> </center> I'm positive I have the file name and extension right, there all jpg's and all around 560KB. Help would be greatly appreciated. Thanks, Bill hi all, i have a holding page for my website and in Dreamweaver it look fine and works fine but when uploaded it doesnt work. here is my site and also my code... www.basicproduction.co.uk code... HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content="Basicproduction, Basic, Production, Video, VJ, Liam Carlin, 6071842, motion Graphics, Music, house"/> <meta name="description" content="Basicproduction Provides Live video performance, video production and motion Graphic Services"/> <title>Basicproduction Site coming soon!!!</title> <style type="text/css"> <!--body {margin: 0px;}--> </style> <body style="margin:0;background:#000;"> </head> <body> <div align="center"><a href="Image/BP_Holding_page.jpg" target="_blank"><img src="Image/BP_Holding_page.jpg" alt="" width="720" height="600" border="0"/></a></div> <div align="center"><a href='mailto:info@basicproduction.co.uk?subject'><img src="Image/Contact.gif" alt="" width="192" height="28" border="0" /></a></div> </body> </html> any ideas why? Thanks Guys Basic After some tricking and trying ive managed to integrate this "current_page" technique ive learned here from some very talented users. I think ive misplaced maybe one or two symbols.. because in the code everything SEEMs to look ok, but still the images fail to show up. If you care to relieve me from this frustration: have a look here, thanks a bunch the PINK squares are where the images are supposed to be! Im really getting tired of these unexpected flaws of IE. Cant wait to see how IE9 responds to code.. jeez. Anyway.. my scrollbar fails to show up here and here in IE. Ive used the overflow-x:hidden, but not the entire thing... FF and chrome display the vertical scrollbar just fine. stupid IE hides the entire thing! Where, o where did I go wrong.. I am coding a page in strait HTML. It was going fine until I put in a list. When I put the list in, it wont show, just caused a large area of blank space. Below is the code I used for the list. Let me know if you need the whole page. I am new to this and would greatly appreciate any help you can give. <ol type="I"> <li>Complete G1 Collection</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>All Accessories</li> <li>Tech Spec File Card</li> <li>Instructions</li> </ol> <li>Japanese only G1 Transformers</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>As Complete as Possible</li> </ol> <li>Complete G2 Collection</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>All Accessories</li> <li>Tech Spec File Card</li> <li>Instructions</li> </ol> <li>Complete Classics Collection</li> <ol type="a"> <li>C-9.0+ Transformer</li> <li>All Accessories</li> <li>Instructions</li> </ol> </ol> i have little problem i made this little ad for my brothers site but my table wont show at firefox? it works perfectly with Safari and Internet Eplorer here is the Code: Code: <table id="Table_01" width="300" height="108" cellpadding="0" cellspacing="0"> <tr> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area.jpg" width="168" height="28" alt=""></td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-02.jpg" width="124" height="28" alt=""></td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-03.jpg" width="8" height="28" alt=""></td> </tr> <tr> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-04.jpg" width="168" height="71" alt=""></td> <td width="100%" background="http://noadvancefeeloanmodification.com/ad/text_area-05.jpg"> <marquee behavior="scroll" direction="up" WIDTH=122 HEIGHT=70 scrollamount="1"> Your upward scrolling text goes here <br> <a href="http://www.noadvancefeeloanmodification.com">Please visit our site for more info.</a> </marquee> </td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-06.jpg" width="8" height="71" alt=""></td> </tr> <tr> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-07.jpg" width="168" height="9" alt=""></td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-08.jpg" width="124" height="9" alt=""></td> <td> <img src="http://noadvancefeeloanmodification.com/ad/text_area-09.jpg" width="8" height="9" alt=""></td> </tr> </table> or link noadvancefeeloanmodification.com/ad/ad.html Hi to everyone,have just made my first site,its basically a sales page that i made in word 2010,i have added 1 graphic(jpg) and a watermark running through the page,i have managed to upload it through my ftp panal,but when i go online to view my page the graphic and watermark are missing(in firefox) and the graphic is missing in IE(but the watermark is visible),and they have been replaced by boxes with a symbol in the top left corner,i saved the copy as indexhtml,any help would be much appreciated,simon Hi all! http://aksjefinans.com/ this is my page. I have set up some google web elements http://www.google.com/webelements/#!/news but these web elements will not show when i display the website in IE, but it works fine in firefox, safari, opera and chrome. What could this be? Do you see the web elements from google when checking the page in IE? Really hope to get some answers! Hi, How can I stop the table bacground image in this page from scrolling: http://augustineleudar.110mb.com/music.htm Its the bacground image of a table not the whole page any help appreciated i know this is prob somethin simple but iv tried everythin n cant get the image to display...... i no my code is right, its got to do with the actual pic, i have the right file type(gif), i have tried resizing it, saving it under diff file types by using gif converters!! but nothing seams to work... and yet the other pic's beside it work!! originally it was a micro visio diagram.... when i load the page into IE the normal gif,jpg images work. but when i right click on the image thats not working and go to properties its says not associated! plz help Cindy xx (on IE not firefox) On the bottom of my webpage I cant get a body backround image to stop repeating itself on the bottom of the page, I tried many things and if i try closing more tags it messes other lines up can anyone help me? you can see the problem he http://lilions.com/testindex/ heres some of the code but the whole page wont fit so please veiw source Code: <br></br><br></br> <center> <img src="http://lilions.com/home/images/tpc2.jpg"></center><center><img src="http://lilions.com/home/images/cnttp2.jpg"></center><table style="border-collapse: collapse;" width=1000 height=1090> <td id="center-mid"> </center> <font color="#FFFFFF"> <table border="3" bordercolor="FFFFFF" width="750" bgcolor="000000"> <tr> <td><b><center><font color="#FFFF00"> # </center></b></td> <td><b><center><font color="#FFFF00"> NAME </center></b></td> <td><b><center><font color="#FFFF00"> POS. </center></b></td> <td><b><center><font color="#FFFF00"> HT. </center></b></td> <td><b><center><font color="#FFFF00"> WT. </center></b></td> <td><b><center><font color="#FFFF00"> AGE </center></b></td> <td><b><center><font color="#FFFF00"> EXP. </center></b></td> <td><b><center><font color="#FFFF00"> SCHOOL </center></b></td> </tr> <tr> <td> 0 </td> <td><a href="http://lilions.com/roster/BlairBines" target="_blank" > Blair Bines </td></a> <td> WR/TE</td> <td> 6'</td> <td> 260 </td> <td> N/A </td> <td> N/A </td> <td> Rutgers </td> </tr> <tr> <td> 1 </td> <td><a href="http://lilions.com/roster/AnthonyCentrella" target="_blank" > Anthony Centrella </td></a> <td> WR/TE</td> <td> 5'9 </td> <td> 230 </td> <td> N/A </td> <td> N/A </td> <td> William Floyd </td> </tr> <tr> <td> 2 </td> <td><a href="http://lilions.com/roster/BradMcCoy" target="_blank" > Brad McCoy </td></a> <td> LB/ DE </td> <td> 6'2 </td> <td> 230 </td> <td> N/A </td> <td> N/A </td> <td> Nassau CC </td> </tr> <tr> <td> 3 </td> <td><a href="http://lilions.com/roster/BrandonOresto" target="_blank" > Brandon Oresto </td></a> <td> WR </td> <td> 6'2 </td> <td> 195 </td> <td> N/A </td> <td> N/A </td> <td> William Floyd </td> </tr> <tr> <td> 4 </td> <td><a href="http://lilions.com/roster/JohnChestnut" target="_blank" > John Chestnut </td></a> <td> WR/DB</td> <td> 6'</td> <td> 175 </td> <td> N/A </td> <td> N/A </td> <td> Cheyney Univ. </td> </tr> <tr> <td> 5 </td> <td><a href="http://lilions.com/roster/AlicioMettelus" target="_blank" > Alicio Mettelus </td></a> <td> DB </td> <td> 5'11 </td> <td> 190 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 6 </td> <td><a href="http://lilions.com/roster/StevieLeachJr" target="_blank" > Stevie Leach Jr. </td></a> <td> RB </td> <td> 5'11 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Charleston Southern </td> </tr> <tr> <td> 7 </td> <td><a href="http://lilions.com/roster/SteveOliveri" target="_blank" > Steve Olivei </td></a> <td> DB </td> <td> 5'8 </td> <td> 180 </td> <td> N/A </td> <td> N/A </td> <td> Commack </td> </tr> <tr> <td> 8 </td> <td><a href="http://lilions.com/roster/DonBonacorsa" target="_blank" > Don Bonacorsa </td></a> <td> P </td> <td> 5'7 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Commack </td> </tr> <tr> <td> 10 </td> <td><a href="http://lilions.com/roster/PeteBonelli" target="_blank" > Pete Bonelli </td></a> <td> LB </td> <td> 5'4</td> <td> 190 </td> <td> N/A </td> <td> N/A </td> <td> Molloy </td> </tr> <tr> <td> 11 </td> <td><a href="http://lilions.com/roster/DarnellWest" target="_blank" > Darnell West </td></a> <td> WR </td> <td> 5'10 </td> <td> 185 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 12 </td> <td><a href="http://lilions.com/roster/RobZippel" target="_blank" > Rob Zippel </td></a> <td> QB </td> <td> 6'1 </td> <td> 200 </td> <td> N/A </td> <td> N/A </td> <td> William Floyd </td> </tr> <tr> <td> 16 </td> <td><a href="http://lilions.com/roster/EdDixon" target="_blank" > Ed Dixon </td></a> <td> WR/DB </td> <td> 6'</td> <td> 205 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 18 </td> <td><a href="http://lilions.com/roster/CleefMettelus" target="_blank" > Cleef Mettelus </td></a> <td> WR </td> <td> 6'2 </td> <td> 215 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 19 </td> <td><a href="http://lilions.com/roster/SeanKenna" target="_blank" > Sean Kenna </td></a> <td> WR/KR </td> <td> 5'7 </td> <td> 190 </td> <td> N/A </td> <td> N/A </td> <td> Suffolk CC </td> </tr> <tr> <td> 20 </td> <td><a href="http://lilions.com/roster/ChrisPalazzolo" target="_blank" > Chris Palazzolo </td></a> <td> WR/KR </td> <td> 5'8 </td> <td> 180 </td> <td> N/A </td> <td> N/A </td> <td> Commack </td> </tr> <tr> <td> 24 </td> <td><a href="http://lilions.com/roster/KeithGraydon" target="_blank" > Keith Graydon </td></a> <td> WR/DB </td> <td> 5'10 </td> <td> 200 </td> <td> N/A </td> <td> N/A </td> <td> Smithtown </td> </tr> <tr> <td> 31 </td> <td><a href="http://lilions.com/roster/JairRomero" target="_blank" > Jair Romero </td></a> <td> RB</td> <td> 5'9</td> <td> 240 </td> <td> N/A </td> <td> N/A </td> <td> Wynadanch </td> </tr> <tr> <td> 32 </td> <td><a href="http://lilions.com/roster/DaWhiteHines" target="_blank" > DaWhite Hines </td></a> <td> LB </td> <td> 5'10 </td> <td> 230 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 34 </td> <td><a href="http://lilions.com/roster/JohnLockwood" target="_blank" > John Lockwood </td></a> <td> LB </td> <td> 6'</td> <td> 200 </td> <td> N/A </td> <td> N/A </td> <td> Bellport </td> </tr> <tr> <td> 35 </td> <td><a href="http://lilions.com/roster/AlfredFranklin" target="_blank" > Alfred Franklin </td></a> <td> RB </td> <td> 5'8 </td> <td> 195 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 38 </td> <td><a href="http://lilions.com/roster/CarlLorasille" target="_blank" > Carl Lorasille </td></a> <td> DB </td> <td> 5'10 </td> <td> 200 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 40 </td> <td><a href="http://lilions.com/roster/ChadLeach" target="_blank" > Chad Leach </td></a> <td> DE/FB</td> <td> 5'9 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Lindenhurst </td> </tr> <tr> <td> 45 </td> <td><a href="http://lilions.com/roster/LondonJRStanley" target="_blank" > London JR Stanley </td></a> <td> DE</td> <td> 6'3 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Longwood </td> </tr> <tr> <td> 49 </td> <td><a href="http://lilions.com/roster/CraigPinto" target="_blank" > Craig Pinto </td></a> <td> K </td> <td> 5'8 </td> <td> 170 </td> <td> N/A </td> <td> N/A </td> <td> Hofstra Univ </td> </tr> <tr> <td> 50 </td> <td><a href="http://lilions.com/roster/BrianHope" target="_blank" > Brian Hope </td></a> <td> DL </td> <td> 6'1 </td> <td> 240 </td> <td> N/A </td> <td> N/A </td> <td> Connetquot </td> </tr> <tr> <td> 51 </td> <td><a href="http://lilions.com/roster/FinkleyDufort" target="_blank" > Finkley Dufort </td></a> <td> DL </td> <td> 6'1 </td> <td> 250 </td> <td> N/A </td> <td> N/A </td> <td> Newton </td> </tr> <tr> <td> 52 </td> <td><a href="http://lilions.com/roster/JamelDudley" target="_blank" > Jamel Dudley </td></a> <td> DL</td> <td> 6'3 </td> <td> 270 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 54 </td> <td><a href="http://lilions.com/roster/DanHillman" target="_blank" > Dan Hillman </td></a> <td> C </td> <td> 6'1 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Commack </td> </tr> <tr> <td> 90 </td> <td><a href="http://lilions.com/roster/BrianMcLaughlin" target="_blank" > Brian McLaughlin </td></a> <td> DE </td> <td> 6'5 </td> <td> 250 </td> <td> N/A </td> <td> N/A </td> <td> Marist </td> </tr> <tr> <td> 91 </td> <td><a href="http://lilions.com/roster/ChadEllis" target="_blank" > Chad Ellis </td></a> <td> DE </td> <td> 6'2 </td> <td> 280 </td> <td> N/A </td> <td> N/A </td> <td> Deleware St. </td> </tr> <tr> <td> 99 </td> <td><a href="http://lilions.com/roster/DanEfinger" target="_blank" > Dan Efinger </td></a> <td> DE</td> <td> 6'1 </td> <td> 240 </td> <td> N/A </td> <td> N/A </td> <td> New Hyde Park </td> </tr> </table> </font> <center> <img src="http://lilions.com/home/images/cntbtm2.jpg"></center> <br></br> <center> <table valign="top" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" class="credit_white1"><font color="#ffffff"><img src="images/spacer.gif" width="30" height="1">Copyright 2011, MajorKillenDesign.com, Inc. All Rights Reserved.</font><br><br></td></center> </tr> </table> <center> <table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="2"> <tr> <td width="800" height="2" bgcolor="#D4D601"></td> </tr> </table> <table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="15"> <tr> <td width="800" height="15" class="subMenu"><p style="margin-left: 25px; margin-right: 0px; margin-top: 3px; margin-bottom: 5px" align="right"> <i> <a href="http://lilions.com/contact/"> Contact The Lions</a> </i> | <a href="http://majorkillendesign.com/"> Site & Design Sales</a> </p></td> </tr> </table> <script language="JavaScript"> if (document.location.toString().indexOf("home") == -1) { document.write('<table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="2"><tr><td width="800" height="2" bgcolor="#D4D601"></td></tr></table>') } </script> </tr> </table></center> </html> ok, ive tested this several ways and im stuck, ive coded the PHP navbar pretty much the same as the HTML version of my site.. but in th PHP page it wont show. I think the sprite is confliction in some way, dont see a way to put my finger on it: It concers this page, the red square. the whole Navbar: Code: <ul id="navigation"> <!-- SVIB ww / er --> <li><a style="background-image:url('img/nav/4back.png'); width:81px; height:80px; position:relative; border:solid 2px red;" id="bol_4" href="?page_id=2">back</a></li> <li><a id="bol_1" href="?page_id=187">1</a></li> <li><a id="bol_2" href="?page_id=189">2</a></li> <li><a id="inloggen" href="inloggen.php">3</a></li> <li><a id="bol_3" href="?page_id=55">4</a></li> </ul> and the CSS, which is pretty important in finding the error i believe: Code: #navigation { padding:0; margin:0; list-style-type:none; margin-top:-511px; margin-left:560px; } #navigation a { display:block; width:131px; height:128px; background-image:url(../img/nav/svib_compleet_sprite.png); text-indent:-9999px; outline:none; } /*TERUG*/ #bol_4 { width:40px; height:81px; position:relative; top:4px; left:4px; border:0; } #bol_4:hover {background-position:81px 0;} I wanted to add a header image to my Tumblr (blog) theme. This is a link to the theme I use so you can see what it looks like http://safe.tumblr.com/theme/preview/5136 Basically I wanted to have a rectangular image appear on every page on my site (kind of like this website and most others). I wanted it to be at the very top, above all links and appear on every page. I also want the image to be a link to the homepage (like the one here on htmlforum.com) Other than that if you could tell me what code I need to center everything instead of having it be on the left (as in the preview link) that would be great. I really don't know much about this stuff so thorough instructions will be much appreciated. I dont know whether to put this in HTML or CSS, but I will send my HTML if you want, it was just too long to paste here. Thanks a lot. Http://www.nonvoicebpo.co.cc In the above site, the header image is not opening properly in Opera Browser, Header image as a small gap in the right side corner. why does my local copy of my site look like this http://img106.imagevenue.com/aAfkjfp...m_122_61lo.JPG but after I upload it to my webserver at http://shellsite.okinawapc.com it looks correct?? Hi experts, would it be possible for any advice on a header issue please. I have created a website at www.ukdecals.com the website expands to fit most browsers and i've tried it in IE9 and Firefox, to me everything looks fine at my monitor settings of 1152 x 864 pxls But a friend has just sent me a screen shot from his screen on his computer in IE9 and the header seems to not be expanding in length across the page, would anyone one be able to view the source code and see if they could spy the problem, i've looked at it myself and i can't see it, but only learning html in the last couple of months, i'll admit that this ones got me stumped. I'd appreciate any help you could give. Kind Regards Jas.... Hey Guys, I am a graphic designer and don't know much about HTML (but am taking a class and about to start a few books). I am using tumblr right now and I am try to replace the automated header ("black atom studio") with a jpg banner. Anyone know where in the HTML I would do this and what code I would need to swap in? (the website I am working at is www.blackatomstudio.com ) (not a plug, just incase you guys need to see what I am talking about) Here is the code I need help on. http://snipplr.com/view/8582/blackatoms-tumblr/ Hi all, I'm trying to make my background (which contains my logo and site name) to be clickable to my site's URL. Seem to be having difficulty because I am using a modified WordPress template along with linking to a stylesheet. Not very good or familiar with php and css, unfortunately. Anyone have some energy to crank this one out with me? sorry for being vague in my initial post. Here is the header php code: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>[TITLE]</title> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> </head> Here is the css code: .header{margin:20px 0;} .header .top{background:url(images/logo-graphic.jpg) top left no-repeat; height:120px; width:960px; margin:20px auto;} .header .top #secondary{float:right; width:468px; height:60px; margin:20px 0 0 0; border:1px solid red;} .header .navigation{background:url(images/navigation-bar-bg.png) top left repeat-x; height:61px;} .header .navigation .nav-wrapper{width:960px; margin:0 auto; height:49px;} .header #searchform{float:right; width:325px; height:40px; margin-top:6px;} .header #searchform #s{font-size:14px; padding:6px 4px; border:1px solid #666; outline:none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow: inset 0px 1px 3px #888;-webkit-box-shadow: inset 0px 1px 3px #888;box-shadow: inset 0px 1px 3px #888; } |