A little trouble with my sliced image

Jshortest · 08-15-2004, 11:56 PM

The images keep getting displaced and dropped down you could say I used valign="top" but i can't seem to fix the issue here is the site
http://www.standrewspreschool.net/in...ge=tutinfo.php

Spiral · 08-16-2004, 12:15 AM

Looks like you have too much text in the main content area, and the way you have the tables on the right set up, they will scale along with the main content.

Try redoing the tables on the right. Insert a new table with valign top so the menu won't scale anymore.

I hate explaining this stuff. This probably makes no sense to anyone but me.

Ricoool · 08-16-2004, 03:04 AM

like spiral says, redo the whole table.

the navigation part of the site has to be in it's owen table and placed in an <td> in the outer table.

your code is totally messed-up mate, you only have 1 set of: <html></html>, <head></head>, <title></title>, <body></body>, and you sould start to use CSS for the visual stuff (bgcolors, text colors, font, font size, ect.)

something like the attached image

Fusion · 08-16-2004, 08:21 AM

v align makes things inside the cell align top. Your puttin links over an image --needs to repeat that image.

Fusion · 08-16-2004, 08:37 AM

do what ricool says and put all the nav part in a table then in the main table.

Spiral · 08-16-2004, 01:05 PM

Nice, Riocool explained what I mean, only far better. Good work.

Jshortest · 08-16-2004, 03:52 PM

Thanks for thr info Ok I got the side panel working great now but for some reason it is pushed down a little bit at the top now any ideas?
http://www.standrewspreschool.net/in...ge=tutinfo.php

Ricoool · 08-16-2004, 04:11 PM

try this

your code
[code:1:c1da2e8bfa]<td height="198" width="120" bgcolor="#729FD2">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="120" height="198" border="0" cellpadding="0" cellspacing="0" bgcolor="#729FD2">
<tr>
<td valign="top">>><a href="http://www.standrewspreschool.net/in...">Home</a><br>[/code:1:c1da2e8bfa]

do this
[code:1:c1da2e8bfa]<td height="198" width="120" bgcolor="#729FD2"><table width="120" height="198" border="0" cellpadding="0" cellspacing="0" bgcolor="#729FD2">
<tr>
<td valign="top">>><a href="http://www.standrewspreschool.net/in...">Home</a><br>[/code:1:c1da2e8bfa]

in fact try this, think I got most of the mess, also compair with your document
[code:1:c1da2e8bfa]<html>
<head>
<title>checkit out</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#BDD4ED" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="674" height="493" border="0" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td colspan="4" valign="top"><img src="images/checkit-out_01.gif" width="638" height="87"></td>
</tr>
<tr>
<td colspan="3" valign="top"><img src="images/checkit-out_03.gif" width="497" height="17"></td>
<td width="177" rowspan="2" valign="top"><table border="0" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td width="15" rowspan="5"><img src="images/checkit-out_04.gif" width="15" height="391"></td>
<td colspan="2"><img src="images/checkit-out_05.gif" width="126" height="27"></td>
</tr>
<tr>
<td height="198" width="120" bgcolor="#729FD2"><table width="120" height="198" border="0" cellpadding="0" cellspacing="0" bgcolor="#729FD2">
<tr>
<td valign="top">>><a href="http://www.standrewspreschool.net/in...">Home</a><br>
>><a href="http://www.standrewspreschool.net/in...eneral</a><br>
>><a href="http://www.standrewspreschool.net/in...endars</a><br>
>><a href="/index.php?page=tutinfo.php">Tuition</a><br>
>><a href="http://www.standrewspreschool.net/in...t.php">Special
Events</a><br>
>><a href="http://www.standrewspreschool.net/in...letter</a><br>
>><a href="http://www.standrewspreschool.net/in...Photos</a><br>
>><a href="mailto:Preschool123@bellsouth.net">Email</a> <br></td>
</tr>
</table></td>
<td width="6" rowspan="4"><img src="images/checkit-out_10.gif" width="6" height="364"></td>
</tr>
<tr>
<td><img src="images/checkit-out_11.gif" width="120" height="46"></td>
</tr>
<tr>
<td height="110" width="120" bgcolor="#729FD2"><table width="120" height="110" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="22" bgcolor="#729FD2" valign="top">test test test</td>
</tr>
</table></td>
</tr>
<tr>
<td height="11"><img src="images/checkit-out_13.gif" width="120" height="10"></td>
</tr>
</table></td>
</tr>
<tr>
<td width="27" height="362" valign="top" bgcolor="#BDD4ED"></td>
<td bgcolor="#719DCD" width="443" height="362" valign="top"><center><table width="75%" border="0">
<tr>
<td><h1 align="center"><font color="#000000" size="2">Tuition Information</font></h1>
<div align="center">
<table cellPadding="5" width="400" border="2">
<tbody>
<tr>
<th colSpan="2"> <h2 align="center"><font color="#000000"><u><font size="1">2003
- 2004 Tuition Schedule</font></u></font></h2>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Younger One
- 1 day a week - F</font></td>
<td> <p align="center"><font size="1" color="#000000">$69.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Young One
- 2 days a week - T/TH</font></td>
<td> <p align="center"><font size="1" color="#000000">$126.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Older One
- 2 days a week - M/W</font></td>
<td> <p align="center"><font size="1" color="#000000">$126.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Younger Two
- 2 days a week - T/TH</font></td>
<td> <p align="center"><font size="1" color="#000000">$126.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Older Two
- 2 days a week - T/TH</font></td>
<td> <p align="center"><font size="1" color="#000000">$126.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Older Two
- 3 days a week - M/W/F</font></td>
<td> <p align="center"><font size="1" color="#000000">$168.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Younger Three
- 2 days a week - T/TH</font></td>
<td> <p align="center"><font size="1" color="#000000">$126.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Mixed Three
- 3 days a week - M/W/F</font></td>
<td> <p align="center"><font size="1" color="#000000">$168.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Older Three
- 3 days a week - M/W/F</font></td>
<td> <p align="center"><font size="1" color="#000000">$168.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Mixed Four
- 4 days a week - M-TH</font></td>
<td> <p align="center"><font size="1" color="#000000">$212.00/month</font></td>
</tr>
<tr>
<td> <p align="center"><font size="1" color="#000000">Mixed Four
- 5 days a week - M-F</font></td>
<td> <p align="center"><font size="1" color="#000000">$252.00/month</font></td>
</tr>
</tbody>
</table>
</div>
<h2 align="center"><font color="#000000"><u><font size="2">Additional Fees</font></u></font></h2>
<p align="center"><font color="#000000"><u><font size="1">A Non-refundable
Registration Fee for Parishioners: ($50.00 for the 1st child, $25.00 for
each additional child) A Non-refundable Registration Fee for Non-Parishioners:
($75.00 for the 1st child, $50.00 for each additional child) A one time
activity fee for the three and four year olds of $25.00 is due with the
first month's tuition.</font></u></font></p>
<h2 align="center"><font color="#000000"><u><font size="2">Class Placement</font></u></font></h2>
<p align="center"><font color="#000000"><u><font size="1">If your child's
birthday falls between Sept. 2nd and March 1st they will be placed in
the Older 1,2, or 3 year old programs. If your child's birthday falls
between March 2nd and Sept. 1st they will be placed in the Younger 1,2,
or 3 year old programs.</font></u></font></p>
<p></p></td>
</tr>
</table>
</center></td>
<td bgcolor="#BDD4ED" width="27" valign="top"></td>
</tr>
<tr>
<td height="15" colspan="4" valign="top" bgcolor="#BDD4ED"> </td>
</tr>
<tr>
<td colspan="4"> <img src="images/checkit-out_15.gif" width="638" height="12" alt=""></td>
</tr>
</table>
</body>
</html>[/code:1:c1da2e8bfa]

Jshortest · 08-16-2004, 04:36 PM

That seems to work except that it pushes the nav bar over to the right a bit messing up the alignment. Can you think of a fix? http://www.standrewspreschool.net/in...ge=tutinfo.php

Ricoool · 08-16-2004, 05:07 PM

it is a problem with the slice, the menu part need 2px to the right.

redo the slice or put in a transparent 2px gif (spacer) on the right side, outside of the nav table but in the same td where you have the nav table

Fusion · 08-16-2004, 05:17 PM

Its the way its sliced; probably messed it up. Don't rely on save for web html and images.