|
HTML - Image Not Showing In Table?
hi all, I'm trying to just put an image in a table but for the life of me can't see where i've gone wrong. here is the code:
<table id=table1 align=center background=weddingband/weddingcard.gif></table> The image is in the corresponding folder. this is the css: #table1 { border: )0px solid blue;} #table1 td{ border: 0px ;} help appreciated, thanks, r Similar TutorialsI have a list within a table and much of the content has links to two different javascript codes. One is a popup javascript to so that I can control the window size and the other is a toggle.display javascript to show/hide specific details about my list. The scripts run fine, but for some odd reason the content in my table gets cut off randomly towards the end of the list. I went through to make sure that I didn't have any div tags nested.. etc.. and i'm now at a complete loss as to why my content within the table gets randomly cut off. Any help would me much appreciated. The link for the site is he http://netimpact.org/displaycommon.c...rticlenbr=2440. You'll notice at the very bottom of the table it randomly stops.. I'm not sure if this is an IE issue, css, html... I have all icons and images showing a broken image" red X OVER the actual image? I've never seen this on any other sites or even on any other sites i've done. They are all .png images but I use .png files successfully all the time? Anyone encounter this? Here's the HTML surrounding the image file: HTML Code: <div class="header logo2"> <!-- Logo begins here --> <a href="index.php" title=""><img src="images/logo.png" alt="" /></a> </div> <!-- END Logo --> Here's the CSS surrounding the image with no other images or backgrounds being called??? HTML Code: .header {
height: 41px;
}
.logo2 { text-align: right; }
See Image Attached... I had to move one of the cells of my table from its own row to the end of a new row, and now the border that was there is gone. Can you help me? I want a simple black border around each cell like the other ones in the screen shot. Here's a screen shot : http://imageshack.us/photo/my-images...enshotfka.png/ The cell in question starts with "reads" but I took out all the text on the screen shot. Any other questions or information needed to help me, don't hesitate to ask. Thanks! Here's the table code: HTML Code: <table align=center width=1100 bgcolor="#000000" border=1 bordercolor="black" cellpadding=0 cellspacing=0>
<tr>
<td colspan=2 bgcolor="white" width=890 height=60>
<p align=center>
<font size=7 face="georgia, arial narrow, eras light itc, edwardian script itc">
<b><img src="..."></b>
</font>
</p>
</td>
</tr>
<tr>
<td rowspan=2 bgcolor="#A9F5F2" width=150 valign=top>
<font size=2>
<p align=center>
<br><b><font size="+1">Navigation</font></b>
<br><br><b>Entries</b><br><br>
<a href="index.html">Freshly printed</a><br>
<a href="older.html">Old news</a>
<p align=center>
<b>Social</b><br><br>
<a href="rings.html">Rings</a>
<br>
<a href="..."target="_blank">Diaryland</a><br>
<a href="...>Google+</a><br>
<a href="...">Facebook</a><br><br>
<b>Contact</b><br><br>
<a href="..."target="_blank">Email</a><br>
<a href="...">Notes</a><br><br>
<b>Credit</b><br><br>
<a href="...">Host</a><br>
<a href="...target="_blank">Design</a><br>
<a href="http://imageshack.us/"target="_blank">Image Hosting</a>
</font>
</td>
<td bgcolor="#F8F8E2" width=600 height=350 valign=top>
<table width="100%" cellpadding=5>
<tr>
<td>
<font size=2>
<p align=center><b>History</b><br>
<p>
<p>
<A HREF="older.html">2008</A><BR>
<A HREF="older1.html"> 2006-2007</A><BR>
<A HREF="older2.html">2005</A><BR>
</P>
%%older_entries%%
<P>
<A HREF="older.html">2008</A><BR>
<A HREF="older1.html"> 2006-2007</A><BR>
<A HREF="older2.html">2005</A><BR> </font>
<p>
</p>
</td>
<td rowspan=2 bgcolor="#A9F5F2" width=150 valign=top bordercolor="black" cellpadding=1 cellspacing=1>
<p align=center>
<font size=2>
<br><b><font size="+1">Reads</font></b><br>
<p align=center><b>Diaries</b></p>
<p align=center> %%buddylist%% </P>
<p align=center>
<b>Comics<br><br></b>
<a href="http://www.multiplexcomic.com/index.php"target="_blank">Multiplex</a><br>
<a href="http://www.theaterhopper.com/"target="_blank">Theater Hopper</a><br>
<a href="http://www.ctrlaltdel-online.com/comic.php"target="_blank">Ctrl-Alt-Del</a><br>
<a href="http://www.giantitp.com/index.html"target="_blank">Order of the Stick</a><br>
<p align=center><b>Blogs</b></p>
<p align=center>
<a href="http://www.google.com/support/plus/bin/static.py?hl=en&page=release_notes.cs&rd=1">Google+ Releases</a></P>
<p align=center>
<b>Call Me<br></b><p><p>
<object type="application/x-shockwave-flash" data="..." width="230" height="85"><param name="movie" value="https://clients4.google.com/voice/embed/webCallButton" /><param name="wmode" value="transparent" /><param name="FlashVars" value="id=ce3a153bdaba14709f5a3976cbd3b991c854aaca&style=0" /></object></div>
</font>
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=2 bgcolor="#F6A1C6" width=650 height=30>
<font size=2>
<p align=center><a href="%%prev%%">last</a> - <a href="%%next%%">next</a></p>
</font>
</td>
</tr>
</table>
Thanks for any help you can give! I really appreciate it! This is driving me nuts. Try this code in IE6. Why are the three red rows on the left showing a height of considerably more than 60pixels when the code asks for exactly 60? Firefox shows this correctly. Code: <html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20" width="195" valign="center" bgcolor="#AAAAAA"><p> </p></td>
<td rowspan="5" width="415" valign="top" style="padding: 20px;" bgcolor="#FFFF66"><p>Middle column</p></td>
<td rowspan="5" width="290" height="440" valign="top" bgcolor="#AAAAAA"><div align="center">Right column</div></td>
</tr>
<tr>
<td width="195" height="60" valign="center" bgcolor="#FF0000">Row 1</td>
</tr>
<tr>
<td width="195" height="60" valign="center" bgcolor="#FF0000">Row 2</td>
</tr>
<tr>
<td width="195" height="60" valign="center" bgcolor="#FF0000">Row 3</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFF66"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFF66"> </td>
</tr>
</table>
</body>
</html>
It seems this is showing in every browser as incorrect. The text is showing below the table when it should be left aligned below the mission tab in the white background. http://billslawnandlandscape.com/test/ The bgcolor of a table works in Iexplorer but not in Firefox. Also the left/right/topmargin doesnt work at all in Firefox. Any idea how this is? Thanks for your help --khan Hello, I have a website that I'm having trouble with. The problem only shows up in Firefox. For some reason, a few cells in my tables are showing gaps between the borders and the JPG image within it. None of my tables or cells have any spacing or padding above 0. The cell heights aren't set to anything. Here's a screen shot for an example of what I mean: The gaps I'm referring to are where the red arrows are pointing. Now here's the same image with the borders of the tables within the problem region set to 1: Can anyone explain this? Is there are minimum cell height in Firefox or something? You can view my website at http://www.rrexecutivesuites.com (remember to view it in Firefox). I am working on a site that I have designed using a table to lay everything out. Everything works fine when viewing via IE. I tried opening it with Firefox and the backround colors for the different cells did not show up. Can anyone tell me what I should do so that the bgcolor shows up correctly in firefox? temp web-site address: http://worldcargousa.com/estate_lawn part of the html in question: <td width="166" align="center" valign="middle" bgcolor="61592b"><p align="center" class="style9"><span class="style15">715-220-1879 </span></p> <p class="style13">Estate Lawn Services<br> 536 Gentalwood Square<br> Purcellville, VA 20132</p> <p align="left" class="style8"> </p></td> I want to display an imagw which is an Icon. When I view it with IE noi mage. When I view the page with Firefox, it works fine. Does IE require something else? Here is the code I am using. <img src=./graphics/c3.ico HEIGHT="40" WIDTH="40"> I am working on the site rachelsnotary.com and I cannot get the images in 6 of the divs to show up. The other ones all look fine and work fine, but those couple dont work in IE (they do work in firefox though). Any advice? Its probably best to look at the site to see what I am talking about. thanks in advance! Hello All, I am a nubie to HTML. On this website: http://www.shareselfhelp.org/ After the first "Get Free Monthly Meeting Directory by Email" The E shows up. But on the second: "Get Free Monthly Meeting Directory by Email" The E is not visible. It is there, I can click on it. Right next to the word Email. If I click on it and hold the button down, I can see the little square dotted line box, outlining the image, but I can't see the image. Thanks in Advance, Laurence Hi, I designed and sliced my website in Photoshop CS4 and then tweaked the code as needed in Dreamweaver CS4. Can someone tell me why the image (seen below) isn't showing up on my company's web page, supposed to be on bottom left of my web page: http://www.majorleaguemotoring.com? I'm guessing it has something to do with the iframe code from Facebook? http://www.majorleaguemotoring.com/i...industries.gif Ok, so i uploaded my page to the web and for some reason the bullets are not showing up inside the table cells of the Toppings table to my page. for some reason it shows up fine in Chrome, but in IE and Firefox, they show up to the left of the table cells making it look weird? does someone know how to make it so it shows up the way it does in chrome for all browsers? whats wrong with my code? heres the page... http://valspizzaplace.com/newwebsite...inos/pizza.php ahh this is frustrating, i can't figure out and its probably something simple. Hi all, first post so please be kind! I have a toy and comic fansite here http://www.bloodforthebaron.com I have just discovered that my IMG BORDER="3" code is not working in Internet Explorer and AOL, please view using Firefox for the proper version. Please could someone advise? Don't worry about being patronising, I am self-taught and oftimes dense. Im using an email newsletter with a few inline css styles. I have a side background and looks like this <td width="145" valign="top" background="http:www.etcetc.com/images/BLsidegrey.gif"></td> NOW.this shows up fine in web based email like hotmail and gmail. HOwever the w3c validator says it not right to use the background part etc. So i tried the format below <td width="145" valign="top" style="background: url('http://www.etcetc.com/images/BLsidegrey.gif')" ></td> and the validator says great! ure html code is good. But the browser based emails dont show the image.However, when i download it to my mail program the image shows up. So im taking its the web based emails that r having an issue with it since most ppl just read it online and in their mail programs like outlook etc I even tried the bottom creating a seperate style and same issue and they dont show up. also i create a table in my newsletter and the text seems to be squishing to the sides of my coloumns in gmail. Hi Team, I placed this html code into my web editor by first uploading and saving the image as a .png file. Here is the code I used: <a href="http://www.awin1.com/cread.php?awinmid=2208&awinaffid=107642&clickref=&p=http%3A%2F%2Fwww.1staudiovisual.co.uk%2Fcatalog% 2Fsamsung-ue46b7020ww-inch-p-7066.html"><img src="1stAudioVisual.png" alt="IstAudioVisual.png" title="Samsung UE46B7020WW" /></a> As you can see I put the img src in the same way that I saved it in my files..When I go to the page it comes up without the image and just says what's written in the alt section How do I get the image to show up? Thanks. Sunil. Hi, I'm probably missing something really obvious, but I'm having a stumbling block on why for this page, you can see the image with the wreath when viewing it in Firefox, but not in Internet Explorer. I always use Firefox, but my bosses tend to use IE 6, so they were confused on why they couldn't see the image today. I also can't see the image in IE 7. How would i show a random image? When people come onto my site, i want the header to be random out of about, 6 different ones. When you refresh the page, it changes the image. (for more explaingin, ha) How would i go about doing this? Hi. Not sure if this should go in HTML thread or FLash Dev, but here goes.... I have made some movies in flash, but i understand that people with old versions of flash player, will not be able to see them. Is it possible to show an image instead of the flash movie if the recommended flash player is not installed?? i.e. my movies are 320px height and 426px wide, if the flash player is not installed i would like to show a photo (320px * 426px) instead. Thanks Leroy |
|||||||