HTML Question

  • Thread starter Thread starter Nancy Ownes
  • Start date Start date
N

Nancy Ownes

Hello,

I have an HTML question. Can someone help me?

I have a web site at: http://www.how-to-write-a.com/

When you click on the button: "Writer's Blog" it takes you to the
site:

http://blog.how-to-write-a.com/

Notice how the buttons are below the graphic? I would like the second
web site:

http://blog.how-to-write-a.com/

to have the same layout as the first (ie: http://www.how-to-write-a.com/
)

Can someone tell me what <HTML> or <DIV> or Column Span or "whatever"
I need to have in order to obtain this desired outcome?

Thanks
 
Just look up the source of the first site. It looks like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>How To Write A</title>

<META HTTP-EQUIV="Content-Type" Content="text/html; charset=iso-8859-1">
<META Name="Description" Content="How To Write A">
<meta name="Keywords" content="How To Write A, How to Write">

<link rel="canonical" href="http://www.how-to-write-a.com"/>
<script language="JavaScript" type="text/javascript">
<!--

function MM_swapImgRestore()
{
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages()
{
var d=document;
if(d.images)
{
if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0)
{
d.MM_p[j]=new Image; d.MM_p[j++].src=a;
}
}
}

function MM_swapImage()
{
var i,j=0,x,a=MM_swapImage.arguments;
document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_openBrWindow(theURL,winName,features)
{
window.open(theURL,winName,features);
}

function MM_findObj(n, d)
{
var p,i,x;
if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
}
if(!(x=d[n])&&d.all)
x=d.all[n];
for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById)
x=d.getElementById(n);
return x;

}
//-->
</script>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}
//-->
</script>



<style type="text/css" media="all">
body, td
{
font:13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#000;
margin: 0px;
}
</style>
</head>

<body link="Blue" vlink="Purple" alink="Red" background="http://www.how-to-write-a.com/imgs/backimage.gif" bgcolor="#FFFFFF" onload="MM_preloadImages('http://www.how-to-write-a.com/imgs/how-to-write-a-book-over.gif', 'http://www.how-to-write-a.com/imgs/how-to-write-a-contract-over.gif', 'http://www.how-to-write-a.com/imgs/how-to-write-a-letter-over.gif', 'http://www.how-to-write-a.com/imgs/how-to-write-a-poem-over.gif', 'http://www.how-to-write-a.com/imgs/how-to-write-a-resume-over.gif', 'http://www.how-to-write-a.com/imgs/how-to-write-a-review-over.gif', 'http://www.how-to-write-a.com/imgs/how-to-write-a-speech-over.gif', 'http://www.how-to-write-a.com/imgs/how-to-write-a-song-over.gif', 'http://www.how-to-write-a.com/imgs/how-to-write-a-thesis-over.gif', 'http://www.how-to-write-a.com/imgs/_blog-over.gif', 'http://www.how-to-write-a.com/imgs/contact-over.gif')">

<table border="0" cellpaddinG="0" cellspacing="0" width="725" align="left">
<tr align="left">
<td valign="top" colspan="2"><img src="http://www.how-to-write-a.com/imgs/logo.gif"></td>
</tr>

<tr>
<td valign="top" bgcolor="#cccccc" width="130">
<div id="Layer1" style="position:absolute; width:150px; z-index:1; visibility: visible; top: 130px;">


<a href="http://www.how-to-write-a.com/how-to-write-a-book.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image0','','http://www.how-to-write-a.com/imgs/how-to-write-a-book-over.gif',1)"><img name="Image0" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-book.gif" alt="Book"></a><br>
<a href="http://www.how-to-write-a.com/how-to-write-a-contract.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://www.how-to-write-a.com/imgs/how-to-write-a-contract-over.gif',1)"><img name="Image1" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-contract.gif" alt="Contract"></a><br>
<a href="http://www.how-to-write-a.com/how-to-write-a-letter.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','http://www.how-to-write-a.com/imgs/how-to-write-a-letter-over.gif',1)"><img name="Image2" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-letter.gif" alt="Letter"></a><br>
<a href="http://www.how-to-write-a.com/how-to-write-a-poem.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','http://www.how-to-write-a.com/imgs/how-to-write-a-poem-over.gif',1)"><img name="Image3" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-poem.gif" alt="Poem"></a><br>
<a href="http://www.how-to-write-a.com/how-to-write-a-resume.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','http://www.how-to-write-a.com/imgs/how-to-write-a-resume-over.gif',1)"><img name="Image4" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-resume.gif" alt="Resume"></a><br>
<a href="http://www.how-to-write-a.com/how-to-write-a-review.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','http://www.how-to-write-a.com/imgs/how-to-write-a-review-over.gif',1)"><img name="Image5" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-review.gif" alt="Review"></a><br>
<a href="http://www.how-to-write-a.com/how-to-write-a-speech.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','http://www.how-to-write-a.com/imgs/how-to-write-a-speech-over.gif',1)"><img name="Image6" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-speech.gif" alt="Speech"></a><br>
<a href="http://www.how-to-write-a.com/how-to-write-a-song.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','http://www.how-to-write-a.com/imgs/how-to-write-a-song-over.gif',1)"><img name="Image7" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-song.gif" alt="Song"></a><br>
<a href="http://www.how-to-write-a.com/how-to-write-a-thesis.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','http://www.how-to-write-a.com/imgs/how-to-write-a-thesis-over.gif',1)"><img name="Image8" border="0" src="http://www.how-to-write-a.com/imgs/how-to-write-a-thesis.gif" alt="Thesis"></a><br>
<a href="http://blog.how-to-write-a.com/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','http://www.how-to-write-a.com/imgs/_blog-over.gif',1)"><img name="Image9" border="0" src="http://www.how-to-write-a.com/imgs/_blog.gif" alt="Writer's Blog"></a><br>
<a href="http://www.how-to-write-a.com/contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','http://www.how-to-write-a.com/imgs/contact-over.gif',1)"><img name="Image10" border="0" src="http://www.how-to-write-a.com/imgs/contact.gif" alt="Contact Us"></a><br>


</div>
<img src="http://www.how-to-write-a.com/imgs/leftimage.jpg"></td>

<td valign="top" width="595">
<table width="500" border="0" cellspacing="0" cellpadding="10" align="center">
<tr>
<td>
<center>
<h2><font color="#ff0000">
How To Write A
</font></h2>
</center>

At "How To Write A" we endeavor to help you learn the wonderful art of writing.
<P>What type of writing are you interested in? Fiction or non-fiction? How about comics...or even a novel? Ever thought of writing a restaurant review or a dining guide? This is the place...
<P>We will showcase different kinds of writing on this web site, and give you pointers and helpful hints on how you can excel in your chosen area.
<P>Come back often as we will be updating this site often. It is a work in progress...and we love it. We hope that you will share in this passion.

<br>

<table width="500" border="0" cellspacing="0" cellpadding="2">

<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-book.html"><b>How To Write A Book</b></a><br>How To Write A Book<br><br></td></tr>
<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-contract.html"><b>How To Write A Contract</b></a><br>How To Write A Contract<br><br></td></tr>
<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-letter.html"><b>How To Write A Letter</b></a><br>How To Write A Letter<br><br></td></tr>
<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-poem.html"><b>How To Write A Poem</b></a><br>How To Write A Poem<br><br></td></tr>
<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-resume.html"><b>How To Write A Resume</b></a><br>How To Write A Resume<br><br></td></tr>
<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-review.html"><b>How To Write A Review</b></a><br>How To Write A Review<br><br></td></tr>

<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-speech.html"><b>How To Write A Speech</b></a><br>How To Write A Speech<br><br></td></tr>
<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-song.html"><b>How To Write A Song</b></a><br>How To Write A Song<br><br></td></tr>
<tr><td><a href="http://www.how-to-write-a.com/how-to-write-a-thesis.html"><b>How To Write A Thesis</b></a><br>How To Write A Thesis<br><br></td></tr>
<tr><td><a href="http://blog.how-to-write-a.com/"><b>How-To-Write-A Blog</b></a><br>Welcome to the How-To-Write-A Blog<br><br></td></tr>
<tr><td><a href="http://www.how-to-write-a.com/contact.html"><b>Contact - How To Write A</b></a><br>You can contact us here at &quot;How To Write A&quot; via this form...<br><br></td></tr>

</table>

<br>



</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

</html>
 
Back
Top