I'm writing some code that looks like a folder, and putting 2 notebook pages (graphic) inside the folder on a page. I have half of it working (sort of), but I need a little more help. Now, the pages are stuck together and there's no wrap around. I can write on the first notebook page and it hits the next line perfectly (so no need for help there). The code is short, so I'll paste that and attach the paper graphic.
<HTML>
<HEAD>
</HEAD>
<BODY TOPMARGIN=0 LEFTMARGIN=0>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR>
<TD ALIGN="center" VALIGN="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"tc.jpg" WIDTH=600 HEIGHT=120></TD>
</TR>
</TABLE>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR>
<TD WIDTH=100% VALIGN="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"backgroundfolder1.jpg" WIDTH=100% HEIGHT=110></TD>
<TD ALIGN="right" VALIGN="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"aboutussecond.jpg" HEIGHT=110></TD>
</TR>
</TABLE>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100% HEIGHT="100%" ALIGN="center" VALIGN="top" BGCOLOR="#F8E1B8">
<TR VALIGN="top" ALIGN="center">
<TD VALIGN="top"><div style="background:url(paper.jpg) repeat-x;width:900px;height:550px;border:1px solid red;">
<div style="float: left; margin: 48px 20px 30px 24px; border: 1px solid green; width:370px;height: 470px; text-align:left; text-indent: 6px;font-size: 12pt; line-height: 24px;font-family: "Times New Roman";">
aaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</div></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Any help is appreciated.
Cheers.
-AlanCna you please please please give us a web page.
Looking at code without really knowing what its ment too look like takes way too long(at lest for me).
Please give us a link we can go to and help you out.
WofenHere is a link:
<!-- m --><a class="postlink" href="http://www.FreeWebs.com/abannet/Test/test1.html">http://www.FreeWebs.com/abannet/Test/test1.html</a><!-- m -->
Cheers.
-AlanOk, sadly I have to amit that I just looked at the code, and saw very little CSS, and lots of tables.... WHY!!!!!!
To do that website, I would make 2 main divs, to hold the notepaper. I would set the Back ground of the div, to the pic of the note paper. Then just write in the div. You would have to be careful to set the font size correct, and it would not be displayed the same in every browser. but there is no way I can think of doing it to make it displayed well in everything.
Sorry i could not really be much more help after asking you to put the page up, but my table skills is very limited ATM(just learning them now) as I have always used divs, and have never needed to make a table.
Tables should only be used for tables.
Wofen
<HTML>
<HEAD>
</HEAD>
<BODY TOPMARGIN=0 LEFTMARGIN=0>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR>
<TD ALIGN="center" VALIGN="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"tc.jpg" WIDTH=600 HEIGHT=120></TD>
</TR>
</TABLE>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR>
<TD WIDTH=100% VALIGN="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"backgroundfolder1.jpg" WIDTH=100% HEIGHT=110></TD>
<TD ALIGN="right" VALIGN="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"aboutussecond.jpg" HEIGHT=110></TD>
</TR>
</TABLE>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100% HEIGHT="100%" ALIGN="center" VALIGN="top" BGCOLOR="#F8E1B8">
<TR VALIGN="top" ALIGN="center">
<TD VALIGN="top"><div style="background:url(paper.jpg) repeat-x;width:900px;height:550px;border:1px solid red;">
<div style="float: left; margin: 48px 20px 30px 24px; border: 1px solid green; width:370px;height: 470px; text-align:left; text-indent: 6px;font-size: 12pt; line-height: 24px;font-family: "Times New Roman";">
aaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</div></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Any help is appreciated.
Cheers.
-AlanCna you please please please give us a web page.
Looking at code without really knowing what its ment too look like takes way too long(at lest for me).
Please give us a link we can go to and help you out.
WofenHere is a link:
<!-- m --><a class="postlink" href="http://www.FreeWebs.com/abannet/Test/test1.html">http://www.FreeWebs.com/abannet/Test/test1.html</a><!-- m -->
Cheers.
-AlanOk, sadly I have to amit that I just looked at the code, and saw very little CSS, and lots of tables.... WHY!!!!!!
To do that website, I would make 2 main divs, to hold the notepaper. I would set the Back ground of the div, to the pic of the note paper. Then just write in the div. You would have to be careful to set the font size correct, and it would not be displayed the same in every browser. but there is no way I can think of doing it to make it displayed well in everything.
Sorry i could not really be much more help after asking you to put the page up, but my table skills is very limited ATM(just learning them now) as I have always used divs, and have never needed to make a table.
Tables should only be used for tables.
Wofen