• Help
  • Search
  • Login
  • Register
  • Home

Forum: web design and graphics community

Celestial Star Forum > General > Support / Suggestions > Code and layout messy.
Pages: [1]
« previous next »
  Print  
Author Topic: Code and layout messy.  (Read 647 times)
heidi2008
Angeling
*
Posts: 5


View Profile
Code and layout messy.
« on: September 11, 2008, 05:33:23 AM »
I sliced the images and making layout. I fixed the navigation with code but they are messy.

http://waterspringdesigns.net   

and click "credits" and look there messy.

Showing code of my website:

Header:

Code:
<html>
<head>
<title>The Website Design and Graphic Resource.</title>
<link rel="shortcut icon" href="images/butterfly.ico">
<link rel="stylesheet" href="watercss.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Table_01" width="768" height="1140" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="173" colspan="5">
<img src="images/special_01.jpg" width="241" height="173" alt=""></td>
<td>
<img src="images/special_02.jpg" width="291" height="173" alt=""></td>
<td colspan="7">
<img src="images/special_03.jpg" width="234" height="173" alt=""></td>
<td rowspan="3">
<img src="images/special_04.jpg" width="1" height="533" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="173" alt=""></td>
</tr>
<tr>
<td height="174" colspan="5">
<img src="images/special_05.jpg" width="241" height="174" alt=""></td>
<td>
<img src="images/special_06.jpg" width="291" height="174" alt=""></td>
<td colspan="7">
<img src="images/special_07.jpg" width="234" height="174" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="174" alt=""></td>
</tr>
<tr>
<td height="186" colspan="5">
<img src="images/special_08.jpg" width="241" height="186" alt=""></td>
<td>
<img src="images/special_09.jpg" width="291" height="186" alt=""></td>
<td colspan="7">
<img src="images/special_10.jpg" width="234" height="186" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="186" alt=""></td>
</tr>
<tr>
<td rowspan="7" valign="top" background="images/special_29.jpg">
<img src="images/special_11.jpg" width="11" height="332" alt=""></td>
<td height="43" background="images/special_12.jpg"><span class="style3">&nbsp;<span class="style7">General</span></span></td>
<td rowspan="9" valign="top" background="images/special_43.jpg">
<img src="images/special_13.jpg" width="14" height="423" alt=""></td>
<td colspan="5" rowspan="8" background="size_03.jpg" valign="top">
                   

Footer:

 
Code:
&nbsp;</td>
<td rowspan="8" valign="top" background="images/special_37.jpg">
<img src="images/special_15.jpg" width="14" height="398" alt=""></td>
<td colspan="2" background="images/special_16.jpg">&nbsp;&nbsp;<span class="style5">&nbsp;</span><span class="style7">Affiliates</span></td>
<td colspan="3" rowspan="7" valign="top" background="images/special_32.jpg">
<img src="images/special_17.jpg" width="12" height="332" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td height="65" valign="top" background="images/special_23.jpg"><a href="index.php?page=main">Main</a><br>
    <a href="index.php?page=information">Site Information</a><br>
    Layout Achieve</td>
<td colspan="2" background="images/special_24.jpg">Apply here<br>
Apply here<br>
Apply here<br>
Apply here<br>
Apply here</td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td height="40" background="images/special_20.jpg" class="style7">&nbsp;Designs</td>
<td>
<img src="images/special_21.jpg" width="1" height="40" alt=""></td>
<td background="images/special_22.jpg">&nbsp;&nbsp;&nbsp;<span class="style7">Friends</span></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td height="65" background="images/special_23.jpg" valign="top">Div Pages<br><a href="index.php?page=layout">I/Frame Pages</a><br>
<a href="index.php?page=table">Table Pages</a><br>
<a href="index.php?page=popup">Popup Pages</a></td>
<td colspan="2" background="images/special_24.jpg">Apply here<br>
Apply here<br>
Apply here<br>
Apply here<br>
Apply here</td>
<td>
<img src="images/spacer.gif" width="1" height="61" alt=""></td>
</tr>
<tr>
<td background="images/special_20.jpg" class="style7">&nbsp;Graphics</td>
<td colspan="2" rowspan="4" background="images/special_27.jpg">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td height="70" background="images/special_23.jpg" valign="top"><a href="index.php?page=avatar">Avatars</a><br>
<a href="index.php?page=brushes">Brushes</a><br>
<a href="index.php?page=png">PNG</a><br>
<a href="index.php?page=wallpaper">Wallpapers</a></td>
<td>
<img src="images/spacer.gif" width="1" height="70" alt=""></td>
</tr>
<tr>
<td height="40" background="images/special_20.jpg">&nbsp;&nbsp;&nbsp;<span class="style7">Site Related</span></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td rowspan="3" background="images/special_29.jpg">&nbsp;</td>
<td rowspan="2" background="images/special_30.jpg" valign="top">
  <a href="index.php?page=contact.php">Contact</a><br>
  <a href="index.php?page=credits">Credits</a><br>
    <a href="index.php?page=tos">Term of Service</a></td>
<td rowspan="3">
<img src="images/special_31.jpg" width="1" height="144" alt=""></td>
<td rowspan="3" background="images/special_32.jpg">&nbsp;</td>
<td rowspan="4">
<img src="images/special_33.jpg" width="1" height="242" alt=""></td>
<td height="66">
<img src="images/spacer.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td height="25">
<img src="images/special_34.jpg" width="1" height="25" alt=""></td>
<td colspan="3" rowspan="2" background="images/special_36.jpg">&nbsp;</td>
<td colspan="3" rowspan="2" background="images/special_37.jpg">&nbsp;</td>
<td rowspan="2" background="images/special_27.jpg">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td height="53" background="images/special_42.jpg">&nbsp;</td>
<td colspan="2" background="images/special_43.jpg">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="53" alt=""></td>
</tr>
<tr>
<td colspan="13"><img src="images/waterspringdesigns_44.jpg" width="766" height="98"></td>
<td>
<img src="images/spacer.gif" width="1" height="98" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="185" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="291" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="183" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
</center>
</body>
</html>
       

Can you help me how to right way of table layout and navigation?             
« Last Edit: September 11, 2008, 05:35:33 AM by heidi2008 » Logged
staceyy
Angeling
*
Posts: 22



View Profile
Re: Code and layout messy.
« Reply #1 on: September 12, 2008, 06:26:25 AM »
it looks fine on my screen..:S
Logged
katie-kate
Incubus
**
Posts: 87



View Profile WWW
Re: Code and layout messy.
« Reply #2 on: September 12, 2008, 02:13:44 PM »
Yes, I didn't think it was messy at all. Which browser are you using? That might be part of the problem. I use Opera, and everything looked fine to me.
Logged
Skailurr
Skogul
**
Posts: 29


LULZ ZOMG!


View Profile WWW
Re: Code and layout messy.
« Reply #3 on: September 14, 2008, 07:58:19 PM »
It looks fine to me. o__o;
Logged

http://suspension.cherysh.net
p e r s o n a l g r a p h i c s x site.
looking for a f f i e s | link exchanges
Bekki
Angeling
*
Posts: 5


View Profile
Re: Code and layout messy.
« Reply #4 on: September 29, 2008, 08:12:15 AM »
Everthing is working fine and I love the site.
Logged
I know that I have just joined but I will be away for a few days and will be back with a better sig than this one.
Pages: [1]
  Print  
« previous next »
 
Jump to:  

  • Welcome, Guest
  • Members login
  • Register for free

General

  • General
  • New members
  • Announcements
  • Support / Suggestions

Art boards

  • Creative mediums
  • Requests and offers
  • Tutorials
  • Celestial Star tutorials

Web development

  • Coding
  • Web design
  • Advertisements / affiliation

Off-topic

  • The non-sense
  • Ententainment
Go up
eXTReMe Tracker
  • Valid XHTML
  • Valid CSS
Powered by SMF 1.1.2 | SMF © 2006-2007, Simple Machines LLC | Seo4Smf v0.2 © Webmaster's Talks
Loading...