Website, of course.

Captain Pooka

Daemon Poster
Messages
1,108
Well, it says web design so I'm guessing this is the right spot.

My teacher wants me to make a web site. it looks pretty bad so I want to have a table like the one on

www.ednaisd.org

the table in the background. You see how it has like a grey border, and then the page itself is in the middle.. thats what I want.

Here is the Page I am making.

Once you copy and paste this into notepad and save it as an html, open. Allow activex or whate ever and the menu comes up. That's along the lines of what menu I want to, where you can put a banner above it. I have no idea where to get a script for something like that, I just copied that part of the source code from a website :D

Also, the last line of links wont center.. the links between the |Avtivities| | |.. so on.

Here's the code.

------------*

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/club.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<script language="JavaScript" type="text/javascript">
<!--
defaultStatus = ""
//-->
</script>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Edna High School Student Council</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="refresh" content="7200">
<meta name="keywords" content="">
<meta name="description" content="The Edna High School Student Council.">
<style type="text/css">
<!--
-->
</style>
<!-- InstanceEndEditable -->
<style>
<!--
th {font-family: Arial, Helvetica, sans-serif; color: #4e077c; font-weight: bold; font-size:16px; text-align:center}
.textblack {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-align:left}
.textcenter {text-align: center}
.smallpurple {font-size:14px; font-weight: bold; text-align:center}
-->
</style>
<script language="JavaScript1.2" type="text/javascript">

/*
Highlight menu effect script: By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/

function borderize(what,color){
what.style.borderColor=color

}
function borderize_on(e){
if (document.all)
source3=event.srcElement
else if (document.getElementById)
source3=e.target
if (source3.className=="menulines"){
borderize(source3,"black")
}
else{
while(source3.tagName!="TABLE"){
source3=document.getElementById? source3.parentNode : source3.parentElement
if (source3.className=="menulines")
borderize(source3,"black")
}
}
}

function borderize_off(e){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
borderize(source4,"white")
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
borderize(source4,"white")
}
}
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="google.com" type="text/css" />
</head>

<body>
<table width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/deptemplate.jpg" width="800" height="184" border="0" usemap="#Map" />
<script type='text/javascript'>

//HV Menu- by Ger Versluis (http://www.burmees.nl/)
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
//Visit http://www.dynamicdrive.com for this script and more

function Go(){return}

</script>
<script type='text/javascript' src='http://www.wayne.k12.in.us/navmenus/menu.js'></script>
<script type='text/javascript' src='http://www.wayne.k12.in.us/navmenus/menu_com.js'></script>

<noscript>
Your browser does not support script
</noscript></td>
</tr>
<tr>
<td height="26" colspan="2"> </td>
</tr>
<tr>
<td width="166" valign="top">
<table border="0" width="154" cellspacing="0" cellpadding="0" onmouseover="borderize_on(event)" onmouseout="borderize_off(event)">
<tr>
<td> </td>
</tr>
<tr>
<td><h3>Student Council</h3></td>
</tr>
<tr>
<td class="menulines"><a href="activities.htm">Activities</a></td>
</tr>
<tr>
<td class="menulines"><a href="elections.htm">Elections</a></td>
</tr>
<tr>
<td class="menulines"><a href="members.htm">Members</a></td>
</tr>
<tr>
<td class="menulines"><a href="pictures.htm">Pictures</a> </td>
</tr>

<tr>
<td class="menulines"><a href="index.htm">Student
Council Home</a></td>
</tr>
<tr>
<td class="menulines"><a href="www.ednaisd.org">Edna
Home </a></td>
</tr>
</table></td>
<td width="634" valign="top"><!-- InstanceBeginEditable name="EditRegion2" -->
<h2><center>2007 Student Council<br>
<img src="StudentCouncil.JPG" alt="Student Council Group" width="300" height="162" border="1" /></h2>
<p>Blah Blah bLah. 
Our Student Council is awesome... whatever
<br>
<br>
Weeeeeeee!!
<br>
<br>Officers meeting on Wednesdays.</p>
<!-- InstanceEndEditable --></td>
</tr>
</table>
<table width="798" height="139" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="798" height="46">
<blockquote>
<center><p align="center"> 
|<a href="activities.htm">Activities</a>
| <a href="elections.htm">Elections</a>
| <a href="members.htm">Members</a>
| <a href="pictures.htm">Pictures</a>
| <a href="index.htm">Student Council Home</a>
| <a href="www.ednaisd.org">Edna Home</a>
| <br></center>
</p>
</blockquote></td>
</tr>
<tr>
<td height="23">
<br>
<br>
<br>
<br>
<br>
Edna High School Student Council
<br>
Page Last Updated: Never

<br>
Quincy Raybon<br>
<a href="mailto:qqsnare@gmail.com">E-mail</a> me with comments.</td>
</tr>
</table>
<p> </p>
<map name="Map" id="Map">
<area shape="rect" coords="589,109,789,145" href="index.htm" alt="Student Council" />
<area shape="rect" coords="482,20,792,50" href="http://www.wayne.k12.in.us/bdhhome/index.htm" alt="Edna High School" />
</map>
</body>
<!-- InstanceEnd --></html>


---------**

If there is something in there that doesn't make sence, I have no idea what it is :D lol

Thanks

-Q
 
Until that link you provided us with works, there's nothing we can do.

Only thing I can see so far in the code is that

------------* (start of coding)
---------** (end of coding)

What's the point in those, they will be visable on the page, and just look stupid. lol.

Until that links works, that's all I can suggest.
 
You could try div layers. Where you layer them on top of each other and position them with percentages?
 
Back
Top Bottom