|
HTML - Images Dont Show In Table
none of the images are showing in my table. the are specified to the correct location. anyone have any ideas why this is?
Code: <table border="1" cellspacing="5" cellpadding="5">
<tr>
<td width=100px, height=80px><img scr="images/apple schnapps.jpg" width="60px" height="80px"/> <br /> Apple Schnapps</td>
<td width=100px, height=80px><img scr="images/cachaca.jpg" width="60px" height="80px"/> <br /> Cachaca</td>
<td width=100px, height=80px><img scr="images/champagne.jpg" width="60px" height="80px"/> <br /> Champagne</td>
<td width=100px, height=80px><img scr="images/Coca Cola.jpg" width="60px" height="80px"/> <br /> Coca Cola</td>
<td width=100px, height=80px><img scr="images/cranberry juice.jpg" width="60px" height="80px"/> <br /> Cranberry Juice</td>
</tr
<tr>
<td width=100px, height=80px><img scr="images/espresso.jpg" width="60px" height="80px"/> <br /> Espresso</td>
<td width=100px, height=80px><img scr="images/grapefruit juice.jpg" width="60px" height="80px"/> <br /> Grapefruit Juice</td>
<td width=100px, height=80px><img scr="images/lime juice.jpg" width="60px" height="80px"/> <br /> Lime Juice</td>
<td width=100px, height=80px><img scr="images/passion fruit juice.jpg" width="60px" height="80px"/> <br /> Passion Fruit Juice</td>
<td width=100px, height=80px><img scr="images/peach juice.jpg" width="60px" height="80px"/> <br /> Peach Juice</td>
</tr>
<tr>
<td width=100px, height=80px><img scr="images/rum.jpg" width="60px" height="80px"/> <br /> Rum</td>
<td width=100px, height=80px><img scr="images/soda water.jpg" width="60px" height="80px"/> <br /> Soda Water</td>
<td width=100px, height=80px><img scr="images/sugar.jpg" width="60px" height="80px"/> <br /> Sugar</td>
<td width=100px, height=80px><img scr="images/Vodka.jpg" width="60px" height="80px"/> <br /> Vodka</td>
</tr>
</table>
Similar Tutorialshello there... if any one can help thanks in advance i am making a site for my class as a final project its about me and when i tested with firefox everything is perfect loads up in no time and when i test them in ie they dont dont seem to come up the page just loads for ever... if it was for me i wouldnt care about ie but i think my teacher preffers ie for her own use so i have to get it to work in ie ... is there anything i can do to make it work... she told me to slice the images down and load them to a table by pieces it would work should i try that... <table width="30" border="5"> <tr> <td colspan="3" class="title2"> Select Data Source <asp:Button ID="btnCheckAll" ToolTip="Check All" OnClick="btnCheckAll_Click" runat="server" Width="20" Text="+" /> <asp:Button ID="btnUnCheckAll" ToolTip="Uncheck All" OnClick="btnUnCheckAll_Click" runat="server" Width="20" Text="-" /> </td> </tr> <tr> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="parameterFrame"> <asp:CheckBoxList ID="cblQBCompany" runat="server"></asp:CheckBoxList> </td> </tr> </table> I have this table and what i am trying to go is to get my buttons to be align to the end of my CheckListBox right now it looks like Select DataSource button1 button2.... But i need Select DataSource Button1 button2 I dont know how to create padding or spacing betweeen of elements within the same table row why the table i have dont expand over browser borders when sum of td widths is bigger than screen width? How can i overcome this problem? 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 everyone Newbie here and nearly finished my first site - phew! I have one quick question - you know how a browser shows an outline box of the shape of an image before the image downloads, well, is there any way to get rid of it? This box disappears once the image has loaded so it is nothing to do with the "border" tag and all of my images have the height, width border="0" and alt tags completed. (I use a lot of images on the my site as I am a photographer and it looks really ugly while it is waiting for the images on a slow connection) Am happy to use html, css, java... Thanks for any help. Tre Why do the images in the background show through the drop in box on my site? http://www.nomoreheartdiseaseandstrokes.com/ Should I put all the information within a table in the drop in box? Thanks Hi, I made a test site with HTML coding as .txt, then I opened it with the browser (Internet Explorer) and looked just as I made it. However, when I paste the code in the editor of the site host (freewbs.com) it does not show my images, they just dissapear. I used this kind of code when I put the images: <TD width=300 background="examplesite_archivos/navbar1.jpg" </TD> and it works great except when I open the site with the host. I thought I should upload them somehow, but doesn`t works. It's the first time I use a host so if someone could explain me what I'm doing wrong or what's the problem?? Thanks a lot. 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 show record in table on first page index.html I want to show records from database in in first index.html page. my code is working when i click on link. thanks http://new.leflein.com This works in FF but the top table is fixed right, and nothing else shows. I can see the source so it's loading just not showing. Ideas? hello Every i have to displaying this image on a HTML page , i know i can display it as a image but i was wondering if i can show it as a HTML table, the only problem in showing it as a table is that line which i have highlighted in the image is their any way to show it as an Table and one more thing can you tell me which program people use to display Mathematical Formulas as an image and where i can get it , i don't know what is the name of program, in this program all you have to do is Write a mathematical Formula in it and it convert it to a pic 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. 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 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 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 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 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 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'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! I need a bit of help with some images within the cell of a table. In this cell I have a background image that I am hoping will adjust to fit the varying heights of my table on different pages (some pages have more info and are therefore taller - for lack of a better description). In this same cell, and on top of the background image, I have the navigational image and it all seems to work exactly the way I want it to, with one exception. The exception is that when I view the page, the navigational image is much to low in the cell. I have done a bit of reading and unless I am just flat out not looking in or for the right information, I can't find anything that looks like it could be a solution. You can see what I am trying to explain here. You can see just how low the navigational list is and I would like to have it moved more towards the top of the cell. I am pretty sure that I can move it up if I use a lt of " " but I don't think this would be the best way to go. I am sure there is a way to do this so if any of the experts here have a suggestion as to how to fix this or where to look for information about moving the images around in a cell I would greatly appreciate any help. Thanks, Vance |
|||||||