|
HTML - Ie7 Screwing My Table Background
ok i know it's rough but here the site - basically it runs fine in firefox, chrome, and latest safari and fine on mobile opera etc, but in ie 7 it completely screws the background box on a few tables on a all the pages pages:
run this in ie 7: http://www.gospeldesign.co.uk/sb/ view it in chrome to see how it's meant to look, do you think it's something i'm doing in the css? i'm pretty new to this and only just started using css. thanks for any help. Similar TutorialsHey, new to the forums, so please be kind I recently "inherited" a site that was created by someone else using a WYSIWYG, and am in the process of converting his table-based layout and other WYSIWYG monstrosities into lovely CSS and standards-compliant HTML. Only I'm having a slight problem. When I fixed the doctype (the one he used was incorrect), my right column got bumped all the way to the bottom of the page. It's definitely the doctype that caused it, but I'm not sure *why*. I'm using a three-column fixed-width CSS-based layout with a header and footer. The left column (which is the one having problems) and the footer are both navigation areas that use php (which I have zero experience with). The old version (with the working columns but the non-working doctype) can be found here, and the new version (with the non-working columns but the working doctype) can be found here. The stylesheet for both can be found here. I really appreciate any help, because I'm just pounding my head against a wall here. Thanks. I'm using WYSIWYG, please look at my webpage he http://www.nwvisuals.com/ You'll notice that the text below the images gets all over the place if you (A) Have resolution that is not 1024x768 (B) Not in full-screen mode Which is really really bad for me. Should I fix it with basic HTML'ing? Is this the downfall of WYSIWYG editors? hi, i would like to know if its possible to place a table background image on top of the td color within that table... example he www.tomesrabold.com/levy/thingstodo.html I would like the image at the bottom to be on top of the yellow bar at left. The image at the bottom is the background to the entire table, while the left bar is the background color to the td. Hi everyone, my problem is that I have a table with a background, which shows in my html editor, but when I upload the page, in bluehost, the background image doesn't show. All other images are showing fine except the background images of any table. here's what I'm writing <table width="817" height="172" border="0" align="center" cellpadding="12" background="backsev.jpg" bgcolor="#CCCCCC"> <tr> <td><td align="right"><table width="480" height="145" border="0" cellpadding="0"> <tr> <td valign="left"><div align="justify"> </div></td> </tr> </table></td> </tr> </table> so in this case, after uploaded it only shows bgcolor is is not reading/showing background="backsev.jpg" any ideas? Hi, I can't seem to figure out how to have a centered background image in a table in addition to its background color. Here's the site in question: http://deliciousintlbakery.com/test.htm I want to keep the red background in the table, but I also want an image centered behind the text (the address of the cafe). Here's the code: <table width=70% cellpadding="0" cellspacing="0" border=1 align="center" style="font-family: Arial ; font-size: 9pt;" bordercolor="#FFCC00"> <tr><td> <table width=100% cellpadding="0" cellspacing="0" bgcolor="8D2B25" height="250" border="0" style="font-family: Copperplate Gothic Bold ; font-size: 9pt;"> </td></tr> Thanks! Hi, I have searched the forums for an answer to this question, but I couldn't find anything that solves my problem. I have designed a site in Dreamweaver. http://www.dirt-e-riders.com In IE 6 and IE 7 it shows correctly, but in firefox the backgound image for my table doesn't show. In effect I have two main tables, each sized at 100% width. Table 1 is at the top of the page and contains a bg. in jpg format Table 2 is just below that and also contains a bg. in gif format I didnt make the bg for table1 a gif cause the quality is too poor. The bg for table1 does not show, but the bg for table 2 does. I have already tried to read the bg from my CSS with no repeat but it does the same. Could someone please help me. I'm new to web design. Your help will be greatly appresiated. Thanks I am trying to have a non repeating background in my table. My table is inside a DIV tag. It works perfect in Mozilla Firefox but not in internet explorer. I know someone on this forum had a similar problem awhile ago but I couldn't seem to fix my problem. I am not the best at coding. This is what I have <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" style="background:url(assets/blob2.png)no-repeat"> Any help would be greatly appreciated I'm new to the forum and hope i'm asking in the right place. I have modified some code to break one image into seperate images and display them at different places on a page, but i would like to use one of the images as a background to a table, below is the code (excluding javascript) to seperate one item that i've called Logo and show it on it's own; <body onload="crop('images/New_Logo.png', 'Logo', 0, 0, 960, 99); > <div id="Logo" style="width:960px; height:99px; margin-bottom:20px;"></div> I've tried different variations to show as background but it wouln't work, i was thinking along the lines of <table background="Logo"> .... </table> How/where can I add a background color to this table? thanks. Code: <TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
<TR>
<TD><font class=tbody>
<form action="/smusermanager/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/smusermanager/members/default.asp">
<table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><font color=white><b>Login Here</b></font></td></tr>
<tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>Email Address</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr>
<tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr>
</td></tr></table></td></tr></table></td></tr></table></form>
<div style="padding-left: 24px;"> <font face="Arial" color="#000000" size="3"><img src="/images/Hphone.gif" style="vertical-align: middle;"> <a href="?action=login"> Home</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone1.gif" style="vertical-align: middle;"><a href="?action=register"> Register</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone2.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> FAQ</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone3.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> Terms Of Use</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone4.gif" hspace="4px" style="vertical-align: middle;">
<a href="?action=forgotusername"> Contact Us</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone5.gif" style="vertical-align: middle;"><a href="?action=forgotpass"> Forgot Password</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone7.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> Forgot Username</a></font></div>
</font>
</TD>
</TR>
</TABLE>
Hi,, in the attached file .. i was tryin to set image ->contact_13.jpg as the background image for that cell.. as <TD COLSPAN=6 background="images/contact_13.jpg"></TD> but its not setting it correctly .. the path and name of image is correct .. as far as i see it .. <td background='xyz.jpg'></td> works .. is it because of the colspan thing .. Hey all! I would like to create a 3 row table with a background color in each row. On the right side of the table I would like to display an image that sits on top of the background color and spans all 3 rows. When I try to do this it seems that the row bg colors go OVER the image. How can I get the image to sit on top of the 3 row bg colors? I don't know any other way to do this but I'm definitely open to suggestions! Thanks for any help! This is the code I've been trying: Code: <TABLE cellpadding="0" width="200" cellspacing="0" border="0" style="
background-image:url(ask.gif);
background-position: top right;
background-repeat: no-repeat;">
<tr bgcolor="#FBE9D1">
<td> </td>
</tr>
<tr bgcolor="#F7D5A7">
<td height="20">ask a question</td>
</tr>
<tr bgcolor="#FBE9D1">
<td height="28"> </td>
</tr>
</TABLE>
Hi everyone, I was wondering whether I can add an alt attribute to a table cell background image. I tried to add it in the code after the image address, but it doesn't work. Is there another way? Thanks! My tables background color (done with dreamweaver) isn't showing correctly in Firefox. but is in internet explorer. Code: <td colspan="2" rowspan="4" bgcolor="de8801">TEXT</td> is the code I'm using to define the background color? Can anyone help?! Anders i am trying to call a transparent png as an image background for a table and i have the code to get it to work for IE 6 and IE 7 but when i add in a doctype "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">" it doesnt work. Here is a section of my code: <style type="text/css"> .stock { background-image: url("BG.png"); background-repeat: repeat; background-position: top; behavior: url('pngbehavior.htc'); padding: 11px; } </style> and then call the table like this: <table width=800 class=Stock> the pngbehavior.htc is the same transparent png attachment that is floating around the net. What i am trying to know is does anybody have a way of calling it so that it works in IE 5, 6, 7 and firefox with the doctype command? it works fine before i put the doctype command in it but i am using some other code that needs it. Thanks guys Hello everyone, I'm new here and currently reaquainted with HTML as I'm trying to help out a friend with his website. I am trying to randomize a background image in a table and I can't seem to get anything to work. I have searched up and down this forum and others, have tried several scripts that seem to work for others, and I'm still at square one. I most recently tried a script I found here on this forum with no success. Here is my code... 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>
...
...
<script type="text/javascript">
<!--
var pic=new Array();
pic[0]="img/home_back1.jpg";
pic[1]="img/home_back2.jpg";
pic[2]="img/home_back3.jpg";
var num=Math.floor(Math.random()*pic.length);
window.onload=function() {
document.getElementById('wrapper').style.backgroundImage='url('+pic[num]+')';
}
//-->
</script>
</head>
<table id="wrapper" width="955" height="600" align="center" border="0" cellpadding="0" cellspacing="0" >
...
...
...
</table>
</body>
</html>
If anyone has any insight as to what I may be doing wrong or how I can fix this it would be much appreciated as I'm pulling my hair out trying to get this to work. Thanks! Unclejunebug Greetings, This is my first post... I'm a novice web developer and pro drummer running www.ProMusicTeachers.com. The site is php/mysql, we have a search function smack in the middle of the index page that is set up as a <table>. The table should have a background image... this is the code I'm using is <table border="0" bgcolor="#FF9900" background="/images/searchgraphic.jpg" align="center" cellspacing="3" cellpadding="0" width="617"> to create the table, then comes the form. However, the background image shows up only in Safari, but not IE or Firefox. This seems like a very simple tag... and I swear last night it showed up in Firefox too but this morning will not. Any suggestions? Much thanks, Brian Hello Everyone. The problem I am having and always wanted to know the correct way is . When adding text within a table with a background image and if the text excedes the background image thus increasing the height of the table, the background image repeats. What I want to do is have a solid color repeat at the bottom of the image so the table does not break the image, I want the image not to Repeat but to take on that solid color and repeat that color through the bottom of the Table so I can add as much text as I need. I appreciate any help. I know this is quite common when working with table. Thank! Is there a simple attribute for tables that tells it to alternate the colors for every second row? For example, if I want to create a table where the first row background color is grey, the second row is white, the third grey, the fourth white, and so on, is there a simple attribute like "altcolor=grey" or something like that (maybe in CSS)? Hello, I would like to add a table behind everything on this blogger template and add a background to it. I'm not so sure of how to do this. I'm new to blogger XML templates. Please excuse me, I'm a little rusty. It's a free template called WhiteMagic and it has CSS in it as well. I could not save this file other than XML. Looks like its way to big to be posted on here. Sorry for any inconvienence but is there any other way that I can show this code? Thanks in advance I'll be really impressed if someone is able to figure out this issue. I've wracked my brain and asked around, but no luck so far. However, this looks like a good place to come to for help. The problem is with the splash page at the link below. It works great in IE6 and the new Firefox. However, it doesn't work in Chrome and in IE9, if the zoom is greater than 100%, the size of the page (and the linked buttons) expands beyond the viewable area. The background is constructed from a simple table, with the image broken up into the cells. Any help you can offer is appreciated. http://www.jaguaraudiodesign.com/splash/index4.htm <html> <head> <title>JAGUAR AUDIO DESIGN</title> <link rel="stylesheet" type="text/css" href="PageStyle.css"/> <link rel="icon" href="Icon5.ico" type="image/x-icon"> <link rel="shortcut icon" href="Icon5.ico" type="image/x-icon"> <style> body {background-image:url();} </style> <style> {overflow:hidden; height:100%; width:100%;} </style> </head> <body bgcolor="Black" scroll="no"> <div id="content" align="center" scroll="no"> <table id="table1" scroll="no" border="0" cellpadding="0" cellspacing="0" valign="bottom" width="100%" height="100%"> <tr valign="top" border="0" cellpadding="0" cellspacing="0" align="center" height="90%"> <td colspan="5"><img alt="JaguarSplashPageBlkBg (245K)" src="JaguarSplashPageBlkBg.jpg" width="100%" height="100%" /></td> </tr> <tr valign="top" border="0" cellpadding="0" cellspacing="0" align="center"> <td><img alt="JaguarSplashPageBlkBg2 (7K)" src="JaguarSplashPageBlkBg2.jpg" width="100%" height="100%" /></td> <td><a href="store.htm"><img alt="SplashStoreBtn (5K)" src="SplashStoreBtn.jpg" width="100%" height="100%" border="0" /></td> <td><a href="consulting.htm"><img alt="SplashConsultingBtn (5K)" src="SplashConsultingBtn.jpg" width="100%" height="100%" border="0" /></td> <td><a href="blog.htm"><img alt="SplashBlogBtn (3K)" src="SplashBlogBtn.jpg" width="100%" height="100%" border="0" /></td> <td><a href="tv.htm"><img alt="SplashTVBtn (2K)" src="SplashTVBtn.jpg" width="100%" height="100%" border="0" /></td> </tr> </table> </div> </body> </html> |
|||||||