I am not currently all that good with CSS (but am learning) and I would like a little help converting the following code for a table into a CSS version. As long as it looks close to the same, I'll be happy.
CODE:
<TABLE BGCOLOR="#6495ED" WIDTH="205" height="205" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD>
<TABLE WIDTH="200" height="200" BORDER="0" CELLPADDING="0" CELLSPACING="0" bgcolor="white" align="center">
<TR>
<TD valign="top">
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/tl.gif" WIDTH="20" HEIGHT="20"></TD>
<TD valign=top align=right>
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/tr.gif" WIDTH="20" HEIGHT="20"></TD>
</TR>
<tr>
<td align="center" valign="top">
TEXT GOES HERE - THE BOX SHOULD HOPEFULLY ADJUST WIDTH ACCORDINGLY
</td>
</tr>
<TR>
<TD valign="bottom">
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/bl.gif" WIDTH="20" HEIGHT="20"></TD>
<TD valign=bottom align=right>
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/br.gif" WIDTH="20" HEIGHT="20"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
Thanks for all help!
-Brainiac (who obviously isn't that smart!)It took about 30 minutes of playing around but I finally got it. The code attached works in Internet Explorer 6 on Windows XP Service Pack 1. You'll need to test it in the following browsers:
Netscape Navigator (versions 4.0 - 4.8)
Netscape 6.0 - 7.02
Mozilla
Opera 6 and 7
Firebird
Safari (Mac OSX)
Internet Explorer 5.0 and 5.5 for the PC
Internet Explorer 5.x for Mac OS9 and OSX
I have access to most of those browsers at work and I'll post later if they work on those browsers.If you add text to the box, the image in the upper right-hand corner does not move. All the other images stay "stuck" to their respective corners -- but not the one in the upper right-hand corner.Yep. In his original code, he set the height of the table to 200 pixels, which I also did in CSS.
I've attached some revised code that stretches the length of the text.
It works on IE6 Win2k SP1, NS 7.01, Opera 7.2 and Firebird .7 on the same OS.Here is the background image I used. Place the image in the same folder that you view the HTML file in.Thanks for the help!
CODE:
<TABLE BGCOLOR="#6495ED" WIDTH="205" height="205" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD>
<TABLE WIDTH="200" height="200" BORDER="0" CELLPADDING="0" CELLSPACING="0" bgcolor="white" align="center">
<TR>
<TD valign="top">
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/tl.gif" WIDTH="20" HEIGHT="20"></TD>
<TD valign=top align=right>
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/tr.gif" WIDTH="20" HEIGHT="20"></TD>
</TR>
<tr>
<td align="center" valign="top">
TEXT GOES HERE - THE BOX SHOULD HOPEFULLY ADJUST WIDTH ACCORDINGLY
</td>
</tr>
<TR>
<TD valign="bottom">
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/bl.gif" WIDTH="20" HEIGHT="20"></TD>
<TD valign=bottom align=right>
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"images/br.gif" WIDTH="20" HEIGHT="20"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
Thanks for all help!
-Brainiac (who obviously isn't that smart!)It took about 30 minutes of playing around but I finally got it. The code attached works in Internet Explorer 6 on Windows XP Service Pack 1. You'll need to test it in the following browsers:
Netscape Navigator (versions 4.0 - 4.8)
Netscape 6.0 - 7.02
Mozilla
Opera 6 and 7
Firebird
Safari (Mac OSX)
Internet Explorer 5.0 and 5.5 for the PC
Internet Explorer 5.x for Mac OS9 and OSX
I have access to most of those browsers at work and I'll post later if they work on those browsers.If you add text to the box, the image in the upper right-hand corner does not move. All the other images stay "stuck" to their respective corners -- but not the one in the upper right-hand corner.Yep. In his original code, he set the height of the table to 200 pixels, which I also did in CSS.
I've attached some revised code that stretches the length of the text.
It works on IE6 Win2k SP1, NS 7.01, Opera 7.2 and Firebird .7 on the same OS.Here is the background image I used. Place the image in the same folder that you view the HTML file in.Thanks for the help!