|
HTML - Ie Not Displaying Table Images!
Howdy all!
I recently developed the website http://www.dailytask.co.uk. I cant seem to get IE to show my images (regardless of format) within the tables ive used to put together its basic layout. Work okay in Firefox, Chrome and the rest. Could someone take a peak at the code for me and give me a shout out about what i am doing wrong here ? Thanks! Adil Similar TutorialsI need to display 40-50 images one-by-one using forward and backward buttons. It doesn't seem too difficult, but I'm pretty lost. Please help! I am having problems viewing any images on the browser and don't know why so I am starting from scratch. I have placed an image titled "jesus.jpg" into a folder named "church" on my C drive, the relative path is C:/mike'sdocs/websites/church just to be sure I checked the image's properties and it confirms the image is a jpg file, I copied this image into Apache's htdocs folder where I placed the index file and this is all I am getting, the pic itself does not show, all I am seeing where the image should be is a rectangular bordered box on a transparent background with a small icon of a dog-eared page with 3 colored tiny symbols in it, what could be wrong here please? This is not an Apache issue, I was getting this same problem before just using Firefox's browser and I was told to install a webserver which is why I installed apache which is working fine as I can see any changes made to the text on my index page in Notepad. The code I am using is: <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> <img src="jesus.jpg" width="144" height="50" /> </body> </html> I need to display TIFF images in a browser. I would prefer not to have to download and install ActiveX controls to the client to accomplish this. All of the clients are Windows 2000 or XP and use IE 6. Is this possible and if so any tips or pointers on where to start? Hi, Im a bit of an amateur and for some reason I cant get an image to display in firefox, but its fine in explorer.... Does anyone know why this might be? Thanks Aly_ve Hello, I'm not sure if what I'm asking is possible using html, but I'm going to ask anyway... I'm trying to figure out how to have a sidebar randomly cycle through a series of images each time the page is loaded/refreshed. I'd like the same image displayed at the top and bottom of my sidebar, one image each at the top and bottom of my menu list. But I want to make sure that the image displayed at top and bottom are the same one. Here's my current version of the site: http://home.comcast.net/~blayne81/l5rrpgweb/ You can see the menu on the left side of the page and the two images at the top and bottom of the menu. I have another eight or so images I'd like it to display randomly or cycle through in order (it really doesn't matter which), whenever the page loads/reloads so I don't have to manually pick which image appears every page I write, the code will do that for me. Thanks for your help, Brienprime my website is here crafthouse.net.au the offending directory is crafthouse.net.au/bonnie.php I have written this site with notepad. I use htm, css, and javascript routines from either freeware sites or other sources The site displays galleries of images (an amateur interest of mine) Each gallery page has a text preamble with thumbs below. Clicking on a thumb lays a transparent layer over the parent and a larger version of the image slides open centred on the page - looks very sweet (the routine is freeware - I adapted it to suit). Since doing this I've seen it a few times on other sites (don't you hate that!) ALL galleries have been working well. Today I decided to add a 1px border to the images in one gallery - I used a newly acquired version of CS4. PS is the only thing unique to this problem - I have updated from CS3 - but surely an image is an image is an image. When I uploaded the new versions of the images the images don't open. I have replaced them with origanals from D: to no avail? I have used colour space sRGB and Adobe 1998 - just in case? I have been in contact with my host and they say it's coding - but it's NOT! I have redone the page with a template from another working page. The rewtritten page displays well (of course) but the images still don't open. I have replaced the folder on the server in case the folder has problem (now I'm sounding like a jerk) Permissions are all correct. I've used WS Ftp Pro and FZ - the image folder on the server is black - the others are not! I wonder what this is about? Can anyone shed any light on this? I don't understand this at all. As I said in my introduction I have been dragged out of to produce 2 websites which is not my usual area of IT business. I have used MS Visual Web Developer 2008/IIS because that is what I have and I am having trouble with a small piece of code: <table> <tr> <td> <img src="Images/RSAshed.jpg" alt="Image not found" /> <img src="images/RSAstore.jpg" alt="Image not found" /> <img src="images/RSAwarehouse.jpg" alt="Image not found" /> </td> </tr> </table> With IIS Firefox displays 3 images horizontally across the page, but when this is uploaded to the Namesco host I get: http://www.mohairmarketing.org.uk/page4.html i.e. one image and two of 'image not found'. We have a Mandriva Linux file server so I have loaded the pages into Apache and get the same problem. Can anyone tell me what is the problem please. It seems that it may be wise to transfer production to Linux. I have tried Amaya but my eyesight is pretty poor and a cannot read the very faint coloured text. It would be preferable if the code was changed so that it works on all platforms. Thank you in advance. Malcolm Hi Could anyone take a look at my site at www.cyclistsfc.org.uk in Firefox and IE tell me why the navbar is showing in FF but not IE? Its just simple tables so I suppose I must have forgotten to close something somewhere... Cheers Luke Hi everyone! On a site I am making there's a table which -- only in the IE-s including version 7 -- is not properly displayed: the column containing the text is only approx. half filled in width. Most (not to say all) other browsers get this right... Anyone got an idea, why this could be? Thx and best, T Okay, so I have a table and for some row I want to actually display text like <html> and other HTML tags, but obviously when I have that within a table it will treat all HTML tags as data and not text... any suggestions? Example: <head> <title>Title</title> <style> table{color:FFFFFF} </style> </head> <body> <table border="1"> <tr> <th>Blah</th> <th>Blah 2</th> </tr> <tr> <td>Random text</td> <td><html></td> </tr> <tr> <td>CreateFile</td> <td><body></td> </tr> </table> </body> </html> Hi guys, i'm having some problems displaying my table text (it's getting out of table borders, which are hidden.). It has some Javascript on it and as well css, but i wasn't sure where to post, so if this is a wrong section, please move it, and i feel so sorry. Here's the link: http://hpdiscoversrbija.rs/agenda3.html And here's the full code: PHP 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=utf-8" /> <title>HP Discover Srbija</title> <script type="text/javascript"> <!-- function toggle(box,theId) { if(document.getElementById) { var cell = document.getElementById(theId); if(box.checked) { cell.className = "on"; } else { cell.className = "off"; } } } // --> $(function () { // this line makes sure this code runs on page load $('.checkall').click(function () { $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked); }); }); </script> <style type="text/css"> div.centered { text-align: center; vertical-align:middle } div.centered table { margin: 0 auto; text-align: center; vertical-align:middle } tr.Selected { background-color:#ff0000; } tr.Selected label { font-weight:bold; color:#000080; } table td label { display:block; width:100%; height:100%; padding:10px; cursor: pointer; } #ctl00_ContentPlaceHolder1_gvCustomers { color:#000; background-color:#fff; border-color:#ccc; border-width:1px; border-style:solid; font-family:verdana,sans-serif; font-size:11px; border-collapse:collapse; } <!-- .off { background-color: #FFE9D3; cursor: pointer; } .off:hover { background-color: #8b8b8b; } .on:hover { } .on { background-color: #4c535c; color: white; } .style35 { font-weight: bold; font-size: 16px; color: #FFFFFF; } td { vertical-align: middle; } --> </style> <body> <div class="centered"><table cellspacing="0" style="background-color: #FFE9D3;" cellpadding="0"> <col width="61" span="2" /> <col width="61" /> <col width="145" span="7" /> <tr> <td align="center" width="61">Start*</td> <td align="center" width="61">End</td> <td align="center" width="61">Duration</td> <td align="center" colspan="7">AGENDA - DRAFT</td> </tr> <tr> <td height="29" align="center" >9:30</td> <td align="center" >10:00</td> <td align="center" >0:30</td> <td align="center" width="100"> </td> <td align="center" width="100"> </td> <td align="center" colspan="3">Registration and welcome drink</td> <td align="center" width="100"> </td> <td align="center" width="100"> </td> </tr> <tr> <td height="80" align="center" >10:00</td> <td height="80" align="center" >10:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell1"> <input type="checkbox" style="display:none;" id=bla1 onclick="toggle(this,'cell1')"><label for=bla1>KEY NOTE - Enterprise ON*</label> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >10:30</td> <td height="80" align="center" >11:00</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell2"> <input type="checkbox" style="display:none;" id=bla2 onclick="toggle(this,'cell2')"><label for=bla2>KEY NOTE - IT TRENDS</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >11:00</td> <td height="80" align="center" >11:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell3"> <input type="checkbox" style="display:none;" id=bla3 onclick="toggle(this,'cell3')"><label for=bla3>KEY NOTE - HP Converged Infrastructure</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >11:30</td> <td height="80" align="center" >12:00</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center">Break</td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >12:00</td> <td height="80" align="center" >12:00</td> <td height="80" align="center" >0:00</td> <td width="100" height="80" align="center" class="off" id="cell4"> <input type="checkbox" style="display:none;" id=bla4 onclick="toggle(this,'cell4')"><label for=bla4>CIO TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell5"> <input type="checkbox" style="display:none;" id=bla5 onclick="toggle(this,'cell5')"><label for=bla5>NPI TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell6"> <input type="checkbox" style="display:none;" id=bla6 onclick="toggle(this,'cell6')"><label for=bla6>Infrastructure Solutions TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell7"> <input type="checkbox" style="display:none;" id=bla7 onclick="toggle(this,'cell7')"><label for=bla7>Business Solution TRACK</label></td> </tr> <tr> <td height="80" align="center" >12:00</td> <td height="80" align="center" >12:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell8"> <input type="checkbox" style="display:none;" id=bla8 onclick="toggle(this,'cell8')"><label for=bla8>Cloud Business</label></td> <td width="100" height="80" align="center" class="off" id="cell9"> <input type="checkbox" style="display:none;" id=bla9 onclick="toggle(this,'cell9')"><label for=bla9>Matej Kurent</label></td> <td width="100" height="80" align="center" class="off" id="cell10"> <input type="checkbox" style="display:none;" id=bla10 onclick="toggle(this,'cell10')"><label for=bla10>Cloud News</label></td> <td width="100" height="80" align="center" class="off" id="cell11"> <input type="checkbox" style="display:none;" id=bla11 onclick="toggle(this,'cell11')"><label for=bla11>Jelena Bratic</label></td> <td width="100" height="80" align="center" class="off" id="cell12"> <input type="checkbox" style="display:none;" id=bla12 onclick="toggle(this,'cell12')"><label for=bla12>Virtual System - Infratstructure Conslodiation</label></td> <td width="100" height="80" align="center" class="off" id="cell13"> <input type="checkbox" style="display:none;" id=bla13 onclick="toggle(this,'cell13')"><label for=bla13>Nemanja Milutnovic</label></td> <td width="100" height="80" align="center" class="off" id="cell16"> </tr> </table></div> </body> </html> P.s. i had to cut it somewhere 'cause of limits of posting! I would also like to know how to center text vertically, as i couldn't... Thanks a lot! Hi, I'm new to HTML. I have not yet started using CSS. I'm just using basic html. I'm having problem creating a nested table as shown in the attachment without using CSS style sheets. I appreciate anyone's suggestions in this. I pasted the code that tried below. <h3> 5) - Nested Table </h3> <table align="left" width="350" bgcolor="#ffff00" border="1"> <tr height="75" align="left"> <td height="100" > </td> <td height="75"> test2 </td> <td height="75"> </td> </tr> <clear="left" /> <tr> <td> <table align="left" bgcolor="f5f5dc" border="1"> <tr> <td width="100%" height="75"> a nested table </td> <td width="100%" height="75"> With this text at the top </td> </tr> <tr> <td width="100%" height="75"> </td> <td width="100%" height="75"> </td> </tr> </table> </td> </tr> <tr height="75" align="left"> <td></td> <td></td> <td></td> </tr> </table> Thanks in advance hi guys. I am trying to get rounded edges to appear around my tables when displayed in Firefox. However, while it does display rounded edges, it also displays an angular border, which takes whatever colour the text has. here is the code. Quote: <!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=utf-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- #MainCell { border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; width: 800px; background-color: #FFF; height: 1000px; } .whitebackground { } #LogoCell { background-color: #006; height: 15px; } #LinksCell { background-color: transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; width: 77%; } #ContentCells { text-align: center; } #BottomLinksCell { } table { -moz-border-radius: 30px; border: #cc2800; } body { background-color: #006; color: #0F0; border: transparent; } .TableBackground { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } --> </style> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link rel="stylesheet" href="../ajxmenu.css" type="text/css" /> <script src="../ajxmenu.js" type="text/javascript"></script> </head> <body> <table width="100%" border="1" align="center" id="MainCell"> <tr> <th scope="row"><table width="100%" border="1" id="LogoCell"> <tr> <th class="whitebackground" scope="row">LogoCell - I'll see if my guy will do something for you or if you can get a mate to, if not I'd go to a professional</th> </tr> </table> <table width="78%" border="1" align="center" id="LinksCell"> <tr> <th scope="row"><div class="AJXCSSMenueDFaTFD"><!-- AJXFILE:../ajxmenu.css --> <div class="ajxmw1"> <div class="ajxmw2"> <ul> <li><a href="#"><b>Home</b></a></li> <li><a class="ajxsub" href="#"><b>Gallery</b></a> <ul> <li class="sfirst slast"><a href="#">Slideshow</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>Corporate Work</b></a> <ul> <li class="sfirst slast"><a href="#">Testimonials</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>About Us</b></a> <ul> <li class="sfirst"><a href="#">Qualifications</a></li> <li class="slast"><a href="#">Business Associates</a></li> </ul> </li> <li class="tlast"><a href="#"><b>Contact Us</b></a></li> </ul> </div> </div> <br /> </div> </th> </tr> </table> <!-- TemplateBeginEditable name="ContentRegion" --> <table width="68%" border="1" align="center" id="ContentCells"> <tr> <th width="50%" height="113" scope="row"><p> </p></th> <td width="50%"> </td> </tr> <tr> <th height="135" scope="row"> </th> <td> </td> </tr> </table> <!-- TemplateEndEditable --> <table width="100%" border="1" id="BottomLinksCell"> <tr> <th scope="row">BottomLinksCell</th> </tr> </table> </th> </tr> </table> </body> </html> Can anyone tell me how I can get rid of the angular border, and just be left with the rounded one? Thanks! Hi, I'm trying to make a table to hold the "news" section for my website, I want to have the table have smooth edges, and I was thinking of having a "side" "corner" etc. and run them in smaller tables aroudn the outline, and have them repeat if new content is added, when I tried this it ended up messy, any ideas? thanks! - much like http://www.ask.com/?&o=101881&l=dis&&qsrc=119 http://www.sedition-gaming.com/test/ As you can see at the top, the images themselves aren't cooperating. How do I put them in their place? Thanks in advance. This code is taken from here (select gallery). I have been asked to add extra images to the gallery and the idea is to have a more button and replicate the same page but with new images - but I can't get it to work. I've tried editing the original image names with the new ones I;ve created. The image on the right shows but not on the left. Also the images don't seem to have the border The code: <div style=" margin:16 0 0 22px; line-height:13px " class="w2"><img src="images/4_p1.jpg" alt="" border="0" align="left" style="margin-right:30px "><a href="gallery.html" target="cont"><img src="images/4_p2.jpg" alt="" border="0"></a><a href="gallery2.html" target="cont"><img src="images/4_p3.jpg" alt="" border="0" style="margin-left:19px "></a><br> <br style="line-height:19px "><a href="gallery3.html" target="cont"><img src="images/4_p4.jpg" alt="" border="0"></a><a href="gallery4.html" target="cont"><img src="images/4_p5.jpg" alt="" border="0" style="margin-left:19px "></a><br> <br style="line-height:19px "><a href="gallery5.html" target="cont"><img src="images/4_p6.jpg" alt="" border="0"></a><a href="gallery6.html" target="cont"><img src="images/4_p7.jpg" alt="" border="0" style="margin-left:19px "></a></div> <div style=" margin:15 0 0 167px; line-height:13px " class="w2"><strong>Dream Catcher Hello I am trying to figure out the best way to make a table that shows a product then under the product has a small description, link to get details and then an add to cart link/image. an example of what I ma trying to do is the table they have built here; http://www.cabothillsmaple.com/order_syrup.htm What is the best way to do this? Thanks for your help I'm setting up a table showcasing a bunch of logos and they're all different widths. I saved the Jpegs as all the same height. I need help coding it though I want the page to look like this but it looks like this when I use this code Quote: <table border="0"> <tbody> <tr> <td><a href="http://www.champssports.com"><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/02/champs.png"/></a></td> <td><a href="http://www.ladyfootlocker.com"><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/02/footlocker.png"></a></td> <td><a href="http://www.drjays.com"><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/02/drjays.png"></a></td> </tr> <tr> <td><a href="http://www.shoecity.com"><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/02/shoecity.png"></a></td> <td><a href="http://www.shiekhshoes.com"><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/02/sheik.png"></a></td> <td><a href="http://www.finsihline.com"><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/02/finishline.png"></a></td> <td><a href="http://www.jimmyjazz.com"><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/02/jimmyjazz.png"></a></td> </tr> </tbody> </table> and I don't even know how I would code that green square image that says "thes are some of our retailers" it wouldn't go within that table right? Any help is appreciated! Hi everyone, I'm creating a fan site for South Park, and I'm attempting to create a kind of layout type thing. I'm not new to HTML, but I'm not too experienced with tables and layouts. So, anywho, there is a break in between my banner image and the table. I want it to look like the banner is part of the table, but I'm not succeeding. I REALLY need help. Could someone PLEEEEEEEAAAAAASE help me?!?!? URL: http://www.freewebs.com/patrickduffylegland/index.htm my site is REALLY rough right now. I just started. If anyone knows, I would like to make the light blue part in the table separate from the dark blue part. Like the light blue part would be a different table if anyone knows how to do that. It would just make it easier since the light blue part will be the menu. Heres my HTML code so far: <html> <head> <title>Patrick Duffy Leg Land - Keeping the World Safe From Crab People since 2007</title> </head> <body> &nbs p; <img src="http://www.freewebs.com/patrickduffylegland/top_banner.png"> <table align="center" width="780" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="72" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="5" background="http://www.freewebs.com/patrickduffylegland/table_bg.png"> <tr> <td class="espacio2"> <font color="#CCCCCC" face="verdana" size=1><br></font> </td> </tr> </table> </td> </tr> I have received so much help from the experts here that I am having a blast trying new things with HTML. But, now I've run into another little problem that I just can't figure out. So here I am again seeking the advice of the experts. I have a table and I am trying to get an image in it. I can get the image in, but because the particular cell that the image is in (as a background btw) is longer than the image, the image repeats itself below the image I want. Other than shortening the cell itself, is there a way to keep this background image from repeating itself within the cell of the table? Thanks, Vance |
|||||||