PDA

View Full Version : bug with css


alaios
07-22-2004, 03:39 AM
Hi i have the following css file

table.basic3, tr.basic3, td.basic3, th.basic3{
border-collapse: collapse;
border-spacing: none;
border: 1px solid #000000;
}

and the followin code in my html file

<table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="pictures/knowledge.jpg" bgcolor="#FFFFFF" class="basic3"><p align="center">&nbsp;&nbsp;
&nbsp; &nbsp;&nbsp;
&nbsp;
&nbsp; &nbsp;&nbsp;


&nbsp;<img src="pictures/bulb.gif" width="22" height="22" align="middle"></p><p></p></td>
</tr>
..etc

The problem is that the border appears correctly when i view it from dreamweaver mx and from any internet explorer in my local network... When uploaded all the files (which i checke it twice) the borders don't appear...... I don;t know why.... The web server is apache... Plz help me.... I have tried still everything

tsguitar2004
07-22-2004, 04:32 AM
I put the border on the <td> tag in the css, so that every <td> has a border around it. That means that you don't need to give anything else a class or id just to have a border. If it's in a <td>, it will have a border.

I created another class for the width of the table and the centering of the text. That got rid of your <center> and <align=middle/center> tags.

I moved your background formatting to the css and created a class for that background color and image, which is applied to only one cell. I gave that a 50% width so that your table is 50-50 down the screen. You can always change that.

Take a look in the ZIP file and let me know if this works. It works on IE6/pc and NS7/pc. That's all I've tested it on so far.
-ts