HTML - Table Boarder Not Showing Up
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! Similar Tutorialshttp://www.mynightclubs.co.uk/friends.php how do i make it so that the photos position's are next to each other, with out the white gap? I 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.. 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 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 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/ 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> 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. Visit here and you will notice that right above music licensing, there is a little arrow like this: > My markup is clean, there is no extra closing tag anywhere, its strange. When viewing the source, you will not find it, but in firefox, when you highlight a bit of text around it and click view selection source, this comes up. HTML Code: <h1>Contact</h1> > <table border="0"> <tbody><tr> <td width="375"><h3>Music Licensing</h3> How do I remove it??? For the site that I am currently in charge of I removed a slideshow because it took too long to load. In it's place i tried to add just a picture, but it will not work. I uploaded the picture to the site, have the correct html, and placed the html where the code for the slideshow used to be but it doesn't appear on the page. It doesn't even give one of those X's to show you the picture isn't loading. Here is some of the code surrounding where I'd like the picture to be. <div id="text6" style="position:absolute; overflow:hidden; left:22px; top:628px; width:929px; height:205px; z-index:5"> <div class="wpmd"> <div><font face="Times New Roman" class="ws16">Mission Statement</font></div> <div><font face="Times New Roman" class="ws16"><BR></font></div> <div><font face="Times New Roman" class="ws16">A collaborative team including individuals impacted by neurological conditions, providers who serve them, members of communities in which they live, advocates, and researchers who investigate these impairments will identify, develop and disseminate information and strategies, and maximize resources to improve outcomes and quality of life. <a href="http://www.karrn.org/SCIRehabProgram.pdf">2010 SCI Rehab Conference Program</a></font></div> <div><font face="Times New Roman" class="ws16"><BR></font></div> </div></div> <div id="shape1" style="position:absolute; overflow:hidden; left:698px; top:248px; width:310px; height:320px; z-index:7"><img border=0 width="100%" height="100%" alt="" src="images/shape3078289.gif"></div> <div id="text5" style="position:absolute; overflow:hidden; left:19px; top:591px; width:238px; height:25px; z-index:8"> <div class="wpmd"> <div><font color="#000000" face="Times New Roman" class="ws18"><B>Welcome to our site</B></font></div> </div></div> The blank area there is where the code for the slideshow was. All I need is a simple picture. Anyone know why it's not working? Thanks ahead of time! I'm using the [if gt IE5] tag to make some changes to how the site I'm working on appears in IE. The changes are working, but the tag itself is showing as text on the page in IE. So, at the top of the page, there is the following text: <!--[if gt IE5]> <![endif]--> The tag is in the head of the document. Hi guys, Internet Explorer 7 is displaying my home page as "index". In my HTML code it says <title>EBC Home Page</title>. In firefox it displays the proper page name but ie does not. I have never had this problem before and im sure ie supports <title> tags as it is a major component on html. Any Ideas on why it displays the filename and not the title name i have given it? Cheers, Raggy Man IE is all screwed up. Mine site is perfect in FF I wish IE would follow the lead on IE standards but that is another day. Anyways, I have some text on my index page that is suppose to link to this page http://www.mesquitechristmas.com/blog/index.php Anyways in IE when you click on it it brings up a blank white page but the URL is in the address bar. Like I said though in FF it works fine. I have not tried this with IE 7 I have been testing things with 6 then will upgrade back to 7 unless someone knows how I can run both? Does anyone know why this might be happening? -Thanks My pics are not showing up on one of my pages? Can anyone help me out? Thanks! Here is the link: http://www.adiktedapparel.com/LINESHEET.html Bill www.adiktedapparel.com I have a table that is set to overflow:auto with a width less then the content in the table. In Firefox, the table is the correct width and has a scrollbar. In my most hated application, IE7, there is no scrollbar and the content goes out of the width set. I think is this has to do with the absolute positioning I am using but not sure. I actually can't get the scrollbar to work on any of my divs in IE7 but again, they appear perfectly in Firefox. Here is the code which I am using in MySpace. .friendSpace{display:inline; top:830px; left: 50%; position:absolute; margin-left: -400px; height:900px; width:250px; overflow:scroll} .friendSpace table{visibility:visible; color:000000; background-color:cccccc; width: 250px} you can see what I am talking about at www.myspace.com/spencespencer. 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 I'm in a computer science class in college, and we've been using python for our coding, but we've recently started to use html to create web based applications, with python. We're also using google's app engine for assistance. I've recently downloaded a free template to make my website look better, and this came with the html, and the css. When I load my website it seems to be taking all the formatting from the css, but not the images. So basically it is nice text and format with no images. I'm not sure what's wrong, the css is being referenced in the .yaml, as well as my images folder. I'm not sure what you guys would want to see from the code, but if you need to see anything please ask! Thanks in advance for any help. |