Hi folks,
I am a newbie to here and to web design in general. I am currently studying on a home study course based on
html. What has me stumped and hence my stumbling along here relates to a quirk that the
DTD info is causing on a site I am currently building.
It is a framed site with one banner frame and two frames underneath set at 15% and 85%. As below.
- Code: Select all
<HTML>
<HEAD>
<TITLE>Title</TITLE>
</HEAD>
<FRAMESET ROWS="110,*" BORDER="0">
<FRAME SRC="banner.htm" NAME="bannerframe" NORESIZE>
<FRAMESET COLS="15%,80%" FRAMEBORDER="no">
<FRAME SRC="menu.htm" NAME="menuframe" FRAMEBORDER="no" NORESIZE>
<FRAME SRC="body.htm" NAME="bodyframe" FRAMEBORDER="no" NORESIZE SCROLLING="auto">
</FRAMESET>
</FRAMESET>
</HTML>
Everything was working well until I inserted the
DTD...
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
into one of the pages which contains some text. When the above is included the text instead of wrapping around within the 85% allocated to that frame takes up a fraction more and results in a scroll bar appearing. The only way to get rid of the bar is to give it 90% space but this is shrinking the other frame too much. I have no idea why this is causing it or how to fix it. I tried a few <BR> tags at points where the text was running over as such but the bar still remains across the bottom until the above code is removed.
For what it's worth this is the page that is causing the grief ..
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HEAD>
<META HTTP-EQUIV="content-type" CONTENT="text/html:charset=US-ASCII">
<META NAME="keywords" CONTENT="left handed, left handed goods, left handed products, southpaw, contact, register">
<META NAME="generator" CONTENT="">
<META NAME="author" CONTENT="pat forde">
<META NAME="description" CONTENT="We are an online resource center for left handed people">
<TITLE>Contact Us</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFBB"TEXT="#003d9c">
<H1>Contact Us / Registration Form.</H1>
<BR>
Thank you for your interest in our site,products and services. Please take the time to fill out this contact form. We strive
to tailor our products and services to our customers preferences and filling out this form helps us to help you.
<FORM ENCTYPE="text/plain" METHOD="post" ACTION="mailto:">
<TABLE WIDTH="100%"BORDER="0"CELLSPACING="0"CELLPADDING="0"ALIGN="center">
<TR>
<TD WIDTH="50%">
<B>Where did you hear about us?</B><BR>
Please select one.<BR>
<INPUT TYPE="radio" NAME="Heard about" VALUE="friend">Friend<BR>
<INPUT TYPE="radio" NAME="Heard about" VALUE="web">Link / Advert from another web site<BR>
<INPUT TYPE="radio" NAME="Heard about" VALUE="tv">Television / Radio<BR>
<INPUT TYPE="radio" NAME="Heard about" VALUE="other">Other
</TD>
</TR>
<TR>
<TD>
<BR>
<B>What do you intend to use this site for?.</B><BR>
You can check more than one.<BR>
<INPUT TYPE="checkbox" NAME="interest" VALUE="Self">Buying for myself - I am a leftie<BR>
<INPUT TYPE="checkbox" NAME="interest" VALUE="other">Buying gifts for someone else - everyone knows a leftie !<BR>
<INPUT TYPE="checkbox" NAME="interest" VALUE="social">Interested in the message board and meeting other lefties.<BR>
</TD>
</TR>
</TABLE>
<BR>
<BR>
Would you like to pre register and sign up to our newsletter? This newsletter will be sent once a month and will contain left
handed news and special offers.Registered subscribers to this email will be given a <FONT COLOR="#FF0000">10% discount</FONT>
on all purchases from the site<B>
<BR>Please select one.</B><BR>
<INPUT TYPE="radio" NAME="Subscribe" VALUE="yes">Yes please - I would like to subscribe and recieve my 10% discount<BR>
<INPUT TYPE="radio" NAME="Subscribe" VALUE="no">No thanks.<BR>
<BR>
We require your contact details to register you for your lifetime discount on products from our online store. Your contact
details will not be divulged to anyone and will only be used by ourselves. If you are using this form to contact us with
feedback about the site we do not require you to fill in this section.
<TABLE WIDTH="100%"BORDER="0"CELLSPACING="0"CELLPADDING="0"ALIGN="center">
<TR>
<TD>Name</TD><TD><INPUT TYPE="text" NAME="name" SIZE="30" MAXLENGTH="30"></TD>
</TR>
<TR>
<TD WIDTH="110">No. and Street</TD><TD><INPUT TYPE="text" NAME="address1" SIZE="60" MAXLENGTH="35">
</TR>
<TR>
<TD>Town</TD><TD><INPUT TYPE="text" NAME="adress2" SIZE="60" MAXLENGTH="35"></TD>
</TR>
<TR>
<TD>County</TD><TD><INPUT TYPE="text" NAME="County" SIZE="60" MAXLENGTH="35"></TD>
</TR>
<TR>
<TD>Email</TD><TD><INPUT TYPE="text" NAME="Email" SIZE="60" MAXLENGTH="35"></TD>
</TR>
</TABLE>
<BR>
<BR>
<B>
We appreciate any feedback, comments and product requests. If there is a particular product you would like to see us stock
please let us know here.</B><BR>
<TEXTAREA NAME="comments" ROWS="10" COLS="50"> </TEXTAREA><P ALIGN="center">
<INPUT TYPE="image" SRC="submitbutton.gif">
</FORM>
</BODY>
</HTML>
Any help or advice will be greatly appreciated.
Hi - first time post and strangely enough it's a cry for help :)
Jul 30th, 2006, 23:08
Similar Threads
