HTML - Im Stuck: Image In Navbar Wont Load
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;} Similar TutorialsHey guys I'm new here, as I found this forum on google. I've run across a little problem or big problem so to speak. I have coded my website and it will load in FF, but not Safari or IE. It had an php function wrong the other day, but I have since fixed that and now I just a white page. Here's a link to the site(don't mind the simple, crappy layout) http://s2roots.com/random/done/ Please any help would be great, this is a project due by Wed. I made an image in gimp, just a gradient from black to green to set as the background for my website. For some reason when I test it, everything shows up fine. When I upload it to the server and point my browser to the website the background wont show up. Tried it in IE, firefox, and chrome. For all you curious about how I set it up this is in my css style sheet. Code: body { background-image: url(images/background.jpg); } As you can see, I saved it as a jpg and it's in a folder labled images, pretty sure the code is right because it will show perfectly when I test it. Any ideas? Thanks. i recently uploaded a holding page to a web address (www.nataliejwatts.com). all it is is an swf file on a html document. its fine when i view it in safari or firefox but apparently on pcs and internet explorer it isnt working. i was told the problem with this: "You cant see it because there is a Java Script error on the opening page whihc is preventing what looks like a flash window from opening and running what I can only assume to be the intro. Get onto the designer and tell him the following error message: Line: 36 Character: 3 Error: SWFObject is undefined That should tell them all they need to know to correct and test the issue (make sure they test it on all browsers before giving it back to you and on Windows running .Net Framework 2 if it does not work on IE 6 or 7 it means he has not only not actually tested your site properly but it also means it was most likely not developed with .Net Framework restrictions in mind, hene why it is not working in Explorer, and that is the browser most of your customers are going to be using :-/ " line 36 is: var so = new SWFObject("NJWatts.swf", "Flash Movie", "300", "300", "5"); 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> 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' Hi 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 Hi, I'm having a strange problem. I've added a new page to my website, but I can't get the image to load. It loads OK from a folder on my desktop, but when I copy the files to my web host the image won't load. Any ideas, anyone? Stuart. Hi guys, my first day here + i'm new to web design. i'm trying to learn html from the scratch and trying some simple tutorials. i faced a bit of a problem. I have the following code to display some web site : <html> <body> <h1>This is my Main Page</h1> <h2>This is a heading2</h2> <p>This is some text.</p> <p><a href="page1.htm">This is a link to Page 1</a></p> <p><a href="page2.htm">This is a link to Page 2</a></p> </body> </html> problem is as soon as i add <img src="imagename.jpg"/> to the code above, it just doesn't work and when i try to load the page i get a new window popping up that tells me "C:\....path.... can not be found" why? how can i load an image to the site? where should i be saving it? and are there constraints concerning the size? thanks in advance... cheers, Lina This is giving me serious grief. I've set up an index page containing a number of thumbnail graphics. One of the images (the 12th) loads fine in IE7 and Safari, but not in Firefox 3 or Opera. Here's the link: http://www.pragma.pwp.blueyonder.co....ono/index.html Any thoughts? I have a very strange intermittent problem that I can not figure out. Sometimes, one image on my page does not load. When it does not load the image in the <div> next to it is in its place, and next to that image there is a blank spot the size of the image that did not load. The part that really confuses me is that when I view that pages source the <img> tag is there with the name of the image. The name of the image is rather long, about 25 characters long. The first thing I am wondering is if a long file name might prevent the image from loading. I doubt it... but, I don't know what else to consider. Here is what that section of code looks like: <div class="noBorder"> <a href = "http://www.luckygamez.com/"><img src="img/Lucky_Top_312_90_Bubble.jpg"width="312" height="90" vspace="0px"/></a> </div> Thanks, Matt Hi ! I want to delay loading an image (Logo.gif) a while while the backgound image is loading. How ? /Bertil Hello, Could someone please help I have made a very simple site http://www.101.dentalcompanion.com I placed a <span> image to sit on top, it works when crome opens but in internet explorer and firefox the image does not open. I also added the same image in a <div> tag in the siidebar and the same issue crops up. i thought I had it worked out but I just can't seem to make it work. Thank you ever so much. kama Is it possible with html? i've been working on a site but each time you click the next arrow a new page loads, all the text is in the same place so it doesn't move and is even in a fixed div but due to it being a new page everything loads, the text collapses until the larger image in the center loads. Of course this is fixed when the site is cached but of course the site would only be cached once someone has clicked through it and experienced the problems 27 times... so my question is is it possible to code for when i click the next arrow only a new image from a different link to load? is this possible with html? I don't know a single thing about flash or javascript. thanks for all the help in advance here is the page in question (not done but you can still see the problems. the home and bio links well, aren't links yet) http://www.paulodourado.com/ Hey, I am using a background image on the body section of my page; however it loads very slowly. I there a way to speed up the load speed without reducing the clarity or detail of the image using either CSS or HTML? Right now the image is 2.2 MB, which is part of the problem. But when ever I shrink the size in gimp, the detail of the image is reduced.. Thanks! Hi, I want to add some flash to my header image on my website. Before i add the flash i was wondering if there was any code i could use to first check if flash is installed and if not for it to just ignore the flash and load the background image. The flash is just going to be an animation of my logo. Is there something i can do similar to when you use code to check for browser version? If the person has not got flash installed i don't want them to be promted to install it i just want it to load the static logo image which will be set as the background image behind the flash. For people with flash already installed i would like the flash annimation to load. Any ideas on if this is possible would be appreciated Thanks in advance CC_DESIGN hi, i have an image rotation code, but its working on switching the code on a timer, and i want it to appear randomly on the page load. anybody know how to change the code? i have the timer part of it below. thanks in advance. var interval = 1.5; // delay between rotating images (in seconds) var random_display = 1; // 0 = sequential, 1 = random interval *= 1000; Hello, I'm new to this forum, but I came here because I need help with editing a navbar that came with a free template I downloaded. You can view the navbar (along with the rest of the sight) here. I'd like to change it to these images in the order they come. Regular = Mouse Over = Link To = index.htm Regular = Mouse Over = Link To = forum/index.php Regular = Mouse Over = Link To = download.htm Regular = Mouse Over = Link To = http://mail.google.com/a/layercakeclan.com Regular = Mouse Over = Link To = frappr.htm Regular = Mouse Over = Link To = music.htm And here's the spacer to fill the rest of the space... The current code for the navbar is... HTML Code: <td colspan="3"> <a href="index.html"><img src="images/Slice_07_7.gif" alt="" width="57" height="37" border="0" hsrc="images/Slice_07_7_over.gif"></a></td> <td> <a href="forum/index.php"><img src="images/Slice_08_8.gif" alt="" width="73" height="37" border="0" hsrc="images/Slice_08_8_over.gif"></a></td> <td> <a href="forum/index.php?board=3.0"><img src="images/Slice_09_9.gif" alt="" width="49" height="37" border="0" hsrc="images/Slice_09_9_over.gif"></a></td> <td colspan="3"> <a href="roster.html"><img src="images/Slice_10_10.gif" alt="" width="71" height="37" border="0" hsrc="images/Slice_10_10_over.gif"></a></td> <td colspan="2"> <a href="matches.html"><img src="images/Slice_11_11.gif" alt="" width="81" height="37" border="0" hsrc="images/Slice_11_11_over.gif"></a></td> <td> <a href="downloads.html"><img src="images/Slice_12_12.gif" alt="" width="105" height="37" border="0" hsrc="images/Slice_12_12_over.gif"></a></td> <td> <a href="sponsors.html"><img src="images/Slice_13_13.gif" alt="" width="93" height="37" border="0" hsrc="images/Slice_13_13_over.gif"></a></td> <td> <a href="links.html"><img src="images/Slice_14_14.gif" alt="" width="57" height="37" border="0" hsrc="images/Slice_14_14_over.gif"></a></td> <td> <a href="about.html"><img src="images/Slice_15_15.gif" alt="" width="85" height="37" border="0" hsrc="images/Slice_15_15_over.gif"></a></td> <td colspan="2"> <img src="images/Slice_16_16.gif" width="194" height="37" alt=""></td> ..that's all the information I think you'll need, but if you need more jusr reply and I'll see what I can do. Hello, I've downloaded the Extreme Gaming template and was pleased to find the the navigation bar had a PSD that was easy and simple to edit. However, I'm having problems integrating the edited navigation bar into my site. When I do, it seems to move around all the tables and leave black spaces everywhere. I'm not experienced enough at HTML to find the problem and fix it. I was hoping that maybe someone could do it for me or give me a few pointers at what I'm doing wrong. Here's the images I go after editing the PSD and slicing it accordingly. This is what I want the new nav bar too look like... (mouse off) (mouse on) (those are all different images, not one big long one) Here's a zip for all the images above... images.zip The links are as follows... Home - index.html Forums - forums/index.php Downloads - downloads.html Structure - structure.html Frappr - frappr.html Mail - http://mail.google.com/a/extremedeadlyforce.com/ And here's the code for the current navbar... Code: <tr> <td colspan="3"> <a href="#"><img src="index_files/Slice_07_7.gif" alt="" hsrc="images/Slice_07_7_over.gif" border="0" height="37" width="57"></a></td> <td> <a href="#"><img src="index_files/Slice_08_8.gif" alt="" hsrc="images/Slice_08_8_over.gif" border="0" height="37" width="73"></a></td> <td> <a href="#"><img src="index_files/Slice_09_9.gif" alt="" hsrc="images/Slice_09_9_over.gif" border="0" height="37" width="49"></a></td> <td colspan="3"> <a href="#"><img src="index_files/Slice_10_10.gif" alt="" hsrc="images/Slice_10_10_over.gif" border="0" height="37" width="71"></a></td> <td colspan="2"> <a href="#"><img src="index_files/Slice_11_11.gif" alt="" hsrc="images/Slice_11_11_over.gif" border="0" height="37" width="81"></a></td> <td> <a href="#"><img src="index_files/Slice_12_12.gif" alt="" hsrc="images/Slice_12_12_over.gif" border="0" height="37" width="105"></a></td> <td> <a href="#"><img src="index_files/Slice_13_13.gif" alt="" hsrc="images/Slice_13_13_over.gif" border="0" height="37" width="93"></a></td> <td> <a href="#"><img src="index_files/Slice_14_14.gif" alt="" hsrc="images/Slice_14_14_over.gif" border="0" height="37" width="57"></a></td> <td> <a href="#"><img src="index_files/Slice_15_15.gif" alt="" hsrc="images/Slice_15_15_over.gif" border="0" height="37" width="85"></a></td> <td colspan="2"> <img src="index_files/Slice_16_16.gif" alt="" height="37" width="194"></td> </tr> Here's the link for the whole template... default_template.zip Thanks is advance! If you need anything else just say so. I am trying to create a navbar based on http://www.myweddingfavors.com. Here is mine: http://www.prizepappa.com In FireFox the onmouseover and onmouseout seem to be working fine but not in IE. There is a strange delay. And I can't seem to get my searchbar looking right. I am really new to this. Anyone think they could help me straighten out my code and css? Thanks |