How would i make this code more efficient?

ManBearPig · Oct 27, 2006

Hi, im trying to clean up a webpage and make it look a little more attractive. The code for the page is as follows. Any suggestions or anything?

<head>
<title> Welcome to ISSA</title>
</head>

<body bgcolor="#447700" link="#0033FF" vlink="#0066CC" alink="#0066CC">
<div id="Layer2" style="position:absolute; left:66px; top:164px; width:133px; height:260px; z-index:2; overflow: visible;">
<center>
<table width="100%" border="1" cellpadding="5" cellspacing="0" bordercolor="#999999">
<tr>
<td height="34" bgcolor="#C0C0C0">
<div align="center"><a href="index.html">Home</a></div></td>
</tr>
<tr>
<td height="34" bgcolor="#C0C0C0">
<div align="center"><a href="about.html">About </a></div></td>
</tr>
<tr>
<td height="34" bgcolor="#C0C0C0">
<div align="center">
<a href="activities.shtml">Activities
</a></div></td>
</tr>
<tr>
<td height="34" bgcolor="#C0C0C0">
<div align="center">
<a href="meetings.shtml">Meetings</a> </div></td>
</tr>
<tr>
<td height="34" bgcolor="#C0C0C0">
<div align="center">
<a href="pictures.shtml">Gallery</a> </div></td>
</tr>
<tr>
<td height="34" bgcolor="#C0C0C0">
<div align="center">
<a href="links.shtml">Links</a></div></td>
</tr>
<tr>
<td height="39" bgcolor="#C0C0C0"> <div align="center">
<a href="contact.html">Contact Us</a></div></td>
</tr>
</table>
</div>
<div id="Layer3" style="position:absolute; left:43px; top:6px; width:834px; height:145px; z-index:3">
<table width="100%" border="2" cellpadding="3" cellspacing="0" bordercolor="#000000">
<tr>
<td height="74" bgcolor="#666666"> <div align="center"><img******="title2.jpg" width="776" height="66"></div></td>
</tr>
</table>
</div>
<span id="Layer1" style="position:absolute; left:258px; top:128px; width:575px; height:682px; z-index:6; overflow: auto; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000">
<table border="0" width="100%" cellspacing="7
" id="table1">
<tr>
<td>
<p align="center"><br>
<i><font size="4" face="Arial Black">Welcome
to the International Studies Student Association</font></p>
<p align="center"></i></td>
</tr>
<tr>
<td>



<span id="Layer5" style="overflow: auto; background-color: white; layer-background-color: #FFFFFF ;>
<p align="left"><font face="Arial, Helvetica, sans-serif">The International
Studies Student Association (ISSA) was founded in November 1999 and
holds regular meetings at the Center for the Study of Global Change. The organization strives to offer Indiana University students
a forum in which they can explore their interests in international affairs. In
addition, ISSA functions as an extracurricular arena for students to apply and
reinforce what they learn in I100 and all other courses associated with the
International Studies major and minor. </font>

<p align="left"><font face="Arial, Helvetica, sans-serif">Most recently, the
ISSA has been involved in a number of outreach activities with the local
community and elementary school students. The organization planned an outreach
event, with other IU international student organizations, for Bloomington school
children called Passport to Adventure. This program exposed pupils to different
world cultures through the University's diverse international student community. <br>

<p>The organization also planned a fund-raiser for Big Brothers, Big Sisters. In
addition, ISSA also helped support the Indiana Consortium for International
Program's (ICIP) Model United Nations for Indiana high school students in
Indianapolis this past spring. ISSA members helped administer and supervise the
proceedings for this event, which included over 200 high school participants.</font></p>
</span></td></p>
</tr>
</table>
<p align="left"><br>
</p>
</span>
<p> </p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<p align="right"></p>
<table width="87%" height="93" border="0">
<tr>
<td><div align="center"><font face="Tahoma">International Studies Student
Association, Indiana University</font></div></td>
</tr>
<tr>
<td><div align="center"><font size="-1" face="tahoma">Questions or Comments?
Email <a href="issa@indiana.edu">issa@indiana.edu</a></font></div></td>
</tr>
<tr>
<td><div align="center"><font size="-1" face="tahoma">ISSA Website Copyright
2003</font></div></td>
</tr>

</table>
<p align="center"></p>
<p align="right"></p>
<p align="center"></p>
</center>
</BODY>

</HTML>

Jaxidian · Oct 27, 2006

I think you need to tell us what you think is wrong with this before we can tell you how to make it better. I've not even looked at the page because without you telling me really what you want, it's just a waste of my time. I can make suggestions out my ass all day and it could not be what you want.

If you want a WYSIWYG editor to tweak this easily, go to www.telerik.com and play with their online demos for r.a.d.editor. You don't have to install it or anything, just use the tool on their site and you can switch back and forth between a WYSIWYG mode, an HTML mode where you see the HTML code, and a preview mode where it renders it as a web page would. This can help you a lot I think.

-Jax

kamper · Oct 27, 2006

Please, please use the code posting functionality. We whined for a long time to get that

I'd start by getting rid of the font tags, empty p tags, inline style and overuse of tag attributes where styles would be better. I'd also try to get rid of some of the tablage, but I haven't tried nearly hard enough to read the code to recommend how to do that. Was this stuff generated by a computer? It doesn't look handwritten.

Search

How would i make this code more efficient?

ManBearPig

Diamond Member

Jaxidian

Platinum Member

kamper

Diamond Member

TRENDING THREADS