HTML - Nav. Pictures Wont Show Up
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! Similar TutorialsIm 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.. 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 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> 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 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, 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 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 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 Relating to: http://www.envirotechuk.org/show.php?page=2 I'm trying to get the news section of this page up and running properly, and this is a "template" I have come up with so far, but as you can see it is a very ugly look, very simple, and does not align properly. The code I am using for this page so far is: <br><blockquote><h1><font face="century gothic,comic sans ms,dotum">News from 26-30th April, 2010</font></h1></blockquote> <p><br> [image-left:parliamentfinal.jpg] <B>Parties Clash Over Climate Change Credentials </B><br><br> For more information, visit <A HREF="http://www.independent.co.uk/environment/climate-change/parties-clash-over-climate-credentials-1954632.html">http://www.independent.co.uk/environment/climate-change/parties-clash-over-climate-credentials-1954632.html</A> <br><p><hr><p> [image-left:renewablefinal.jpg] <b>Britain reaches milestone for renewable energy </B><br><br> For more information, visit <A HREF="http://www.independent.co.uk/environment/climate-change/britain-reaches-milestone-for-renewable-energy1952990.html">http://www.independent.co.uk/environment/climate-change/britain-reaches-milestone-for-renewable-energy-1952990.html</A> <br><br><br><p><hr><p> [image-left:airportfinal.jpg] <b>Empty skies proved that airports cause pollution </b><br><br> For more information, visit <A HREF="http://www.independent.co.uk/environment/climate-change/parties-clash-over-climate-credentials-1954632.html">http://www.independent.co.uk/environment/climate-change/parties-clash-over-climate-credentials-1954632.html</A> <br><P><hr><p> [image-left:earthquakefinal.jpg] <b>Tiny climate changes may trigger quakes</b><br><br> For more information, visit <A HREF="http://www.independent.co.uk/environment/climate-change/tiny-climate-changes-may-trigger-quakes-1948432.html">http://www.independent.co.uk/environment/climate-change/tiny-climate-changes-may-trigger-quakes-1948432.html</A> <br><br><p><hr><p> [image-left:batteryfinal.jpg] <b>Giant batteries could make renewable energy more reliable</b><br><br> For more information, visit <A HREF="http://www.guardian.co.uk/environment/2010/apr/26/gravel-batteries-renewable-energy-storage">http://www.guardian.co.uk/environment/2010/apr/26/gravel-batteries-renewable-energy-storage</A> <br><br><p><hr><p> Does anyone know of anything I can do to make the page look a bit better, and to line up better. All the pictures are 100x(52-100) pixels, but I can only find ways to set the maximum width, nowhere can I seem to resize it to 100x100, or something along those lines. Maybe a good website that resizes pictures to exact sizes? Or is there a template I can use to separate the articles a bit more and give it a uniform look, that will allow for the different heights of the pictures? Any help would be appreciated. I created this website, http://solarroadways.com/news.html and everything I created worked. Then my client added new content and pictures by themself and apparently the images load but then disappear in IE. Debugging didn't help, go figure. Anyone encounter this problem? hello, how can i place pictures i wrote a poem left side and need place a pic right side of the poem but it goes right side of where the poem end any help appreciated can a border be made around a picture without making a table? TIA http://www.reliablegaming.com/test/games2.html I cant seem to get text under each picture, only on the sides....could someone do 1 and resend code so i can see how you did it? Code: <!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=iso-8859-1" /> <title>Welcome to Reliablegaming</title> <link href="style/style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 { font-size: 14px; font-weight: bold; } --> </style> </head> <body> <table width="969" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="15" class="l-bg"><img src="images/bg-left.gif" alt="Reliablegaming" width="15" height="19" /></td> <td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="940" height="208"> <param name="movie" value="images/top01.swf" /> <param name="quality" value="high" /> <embed src="images/top01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="940" height="208"></embed> </object></td> </tr> <tr> <td><img src="images/barbg.gif" alt="Reliablegaming" width="940" height="58" border="0" usemap="#Map" href="#" /></td> </tr> <tr> <td align="center" valign="top" class="bg1"><blockquote><span class="style1"><u>ReliableGaming - Game Packages</u></span><br> <p align="center"><a href="Drag to a file to make a link."><img src="images/bf2.jpg" width="100" height="100" /></a> <img src="images/bf2142.jpg" alt="" width="100" height="100" /> <img src="images/css.jpg" alt="" width="100" height="100" /> <img src="images/cs1.6.jpg" alt="" width="100" height="100" /> <img src="images/cscz.jpg" alt="" width="100" height="100" /></p> <p align="center"><img src="images/dod.jpg" alt="f" width="100" height="100" /> <img src="images/dods.jpg" alt="f" width="100" height="100" /> <img src="images/tf2.jpg" alt="f" width="100" height="100" /> <img src="images/css.jpg" alt="f" width="100" height="100" /> <img src="images/css.jpg" alt="f" width="100" height="100" /></p> <p align="center"><img src="images/css.jpg" alt="f" width="100" height="100" /> <img src="images/css.jpg" alt="f" width="100" height="100" /> <img src="images/css.jpg" alt="f" width="100" height="100" /> <img src="images/css.jpg" alt="f" width="100" height="100" /> <img src="images/css.jpg" alt="f" width="100" height="100" /></p> <p align="center"><img src="images/css.jpg" alt="rwer" width="100" height="100" /> <img src="images/css.jpg" alt="werwer" width="100" height="100" /> <img src="images/css.jpg" alt="werwe" width="100" height="100" /> <img src="images/css.jpg" alt="ewrwe" width="100" height="100" /> <img src="images/css.jpg" alt="rwer" width="100" height="100" /></p> <p align="center"> </p> <p align="center"> </p> </blockquote> </td> </tr> <td height="30" align="center" valign="middle" class="bg1"><a href="#" class="footerlink">Home</a> | <a href="terms.html" class="footerlink">Terms of Service</a> | <a href="http://www.reliablegaming.com/modernbill/order/?v=1" class="footerlink">Packages</a> | <a href="forums/" class="footerlink">Forums</a> | <a href="mailto:admin@reliablegaming.com" class="footerlink">Contact Us</a> | <a href="index.html" class="footerlink">ReliableGaming</a></td> <tr> <td><img src="images/footer.gif" width="939" height="74" border="0" /></td> </tr> </table></td> <td width="15" class="r-bg"><img src="images/bg-right.gif" alt="Reliablegaming" width="15" height="19" /></td> </tr> </table> <map name="Map" id="Map"><area shape="rect" coords="152,4,263,26" href="mailto:admin@reliablegaming.com" /> <area shape="rect" coords="34,7,113,25" href="forums/" /> <area shape="rect" coords="734,6,855,25" href="/support.html" /> </map> </body> </html> Im hoping to put a animated picture on top of a header, but not sure how... All help appreciated Heres some of my code: <html> <body background="black.jpeg"> <head> <div id="header"><h1>Faed's Money Making Guide 2009</h1></div> <div id="links"><ul> <li><a href="links 1.htm"></li> Main</a> <li><a href="mainpage.html"></li> Introduction</a> <li><a href="page1.html"></li> Agility</a> <li><a href="page2.html"></li> Construction</a> <li><a href="page3.htm"></li> Cooking</a> <li><a href="page4.htm"></li> Crafting</a> <li><a href="page5.htm"></li> Farming</a> <li><a href="page6.htm"></li> Fletching</a> <li><a href="mainpage.htm"></li> Fishing</a> <li><a href="mainpage.htm"></li> Firemaking</a> <li><a href="mainpage.htm"></li> Herblore</a> <li><a href="mainpage.htm"></li> Hunter</a> <li><a href="mainpage.htm"></li> Magic</a> <li><a href="mainpage.htm"></li> Mining</a> <li><a href="mainpage.htm"></li> Prayer</a> <li><a href="mainpage.htm"></li> Ranging</a> <li><a href="mainpage.htm"></li> RuneCrafting</a> <li><a href="mainpage.htm"></li> Slayer</a> <li><a href="mainpage.htm"></li> Smithing</a> <li><a href="mainpage.htm"></li> Summoning</a> <li><a href="mainpage.htm"></li> Theiving</a> <li><a href="mainpage.htm"></li> Woodcutting</a> </ul> </div> There are about 200 photos in a folder d:\photos\. How to make a script to display slideshow of all photos one by one without entering each photo's name? I found a script which displays all photos but need to input all photos' name. when I preview my website a active x bar shows up and another thing is that my pictures are not showing. What can I do? Hi, guys. Both new to forums and HTML, but learning fast! I'm currently working on a project, got design and everything ready, and I have created all <div-tags> that I need. I now have a problem with pictures now showing up as I want them. I have created a graphic element for example, with squares on the bottom of the page, and the file is saved as .png, with an opacity. When I specify which file it is in the CSS file, pictures won't show up. Might it be cause the file has an opacity on the direct graphic, and if so; is it possible to set opacity in the HTML.code, or do I need to start with PHP too? Cheers, I'm green at html. I designed a webpage 10years ago using html for dummies, but I have not touched it since. Things have changed and I have forgotten, but google has helped me. What I do struggle with is having pictures side by side and text under them. using: <a href="6922_13_x.jpg"><img src="6922_13_x_thumbnail.jpeg" width="335" height="282" /></a> <a href="6969_01_x.jpg"><img src="6969_01_x_thumbnail.jpeg" width="125" height="280" /></a> gets the thumbnails side by side, but once adding <p>text</p> they change position. Help would be appreciated deply. when working locally in the latest Version of IE. They show up fine in FireFox. I searched the forum but it didn't turn any thing up. I tried my setting in IE but can't figure this out. Does anyone have a simple fix for this? Thanks....tg |