Something is wrong.. can someone help me? [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Something is wrong.. can someone help me?

Jacenta

04-18-2005, 08:09 PM

Hey alright here is the page: http://www.geocities.com/pds_website/music.htm
(Just look at the first table***)

I'm trying to get the song titles and everything beside it to line up at the top instead of having huge spaces inbetween them. I've been trying but what am I doing wrong??

Here is the code: (For only the first table)
<table border="0" cellspacing="1">
<tr>
<td rowspan="3"><a href="http://i3.photobucket.com/albums/y59/paradymshift/pages/frontcover.gif"><img src="http://i3.photobucket.com/albums/y59/paradymshift/pages/frontcover.gif" width="202px" height="202px" alt="Pop Culture"></a></td>

<td>Pop Culture</td>
<td align="top" ><a href="http://www.purevolume.com/paradymshift">Listen</a></td>
<td align="top"><a href="http://www.vancitybands.com/play.php?band_id=162&song_id=568&mode=song_hifi">Download</a></td>
<td align="top">Lyrics</td></tr>
<tr>
<td align="top">Before England</td>
<td align="top"><a href="http://www.purevolume.com/paradymshift">Listen</a></td>
<td align="top"><a href="http://www.vancitybands.com/play.php?band_id=162&song_id=604&mode=song_hifi">Download</a></td>
<td align="top">Lyrics</td></tr>
<tr>
<td align="top">Time For A Tea Party</td>
<td align="top"><a href="http://www.purevolume.com/paradymshift">Listen</a></td>
<td align="top"><a href="http://www.vancitybands.com/play.php?band_id=162&song_id=569&mode=song_hifi">Download</a></td>
<td align="top">Lyrics</td>
</tr>
</table>

If someone coudl help me that would be soooooo great!
Thanks guys!
-Jacenta

kittycat

04-18-2005, 08:43 PM

Instead of align=top it should be valign=top
Try setting a height to each of your td cells, right now they're just just divided evenly among the allowed space since you haven't specified anything different.

Jacenta

04-19-2005, 12:39 AM

Alright i tried that and then I kinda fooled around with things cuz they arent exactly what want.... so yeah this is what it looks like now: http://www.geocities.com/pds_website/music.htm

Alright.. yeah and some of the titles for the songs messed up.
I'm trying to get it to look like:

BIG PICTURE Title Listen Download Lyrics
" Title Listen Download Lyrics
" Title Listen Download Lyrics
"
"
"
"

Ah but i cant do it :S
Please someone help! :)

And heres the code:
<html>
<head>
<title>Music</title>
<LINK href="http://www.geocities.com/pds_website/stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<body bgcolor="#000000" bgproperties="fixed">
<br>
<center>
Page in the process of being updating... Check back later for the final view.<br>
<br>

<table border="0" cellspacing="1">
<tr>
<td rowspan="3" height="202px"><a href="http://i3.photobucket.com/albums/y59/paradymshift/pages/frontcover.gif"><img src="http://i3.photobucket.com/albums/y59/paradymshift/pages/frontcover.gif" width="202px" height="202px" alt="Pop Culture"></a></td>

<td height="27px"><font face="Arial" size="3pt" color="#DE0ABF">Pop Culture</font></td>
<td valign=top height="28px" ><a href="http://www.purevolume.com/paradymshift">Listen</a></td>
<td valign=top height="28px ><a href="http://www.vancitybands.com/play.php?band_id=162&song_id=568&mode=song_hifi">Download</a></td>
<td valign=top height="28px>Lyrics</td></tr>

<tr>
<td valign=top height="27px" <font face="Arial" size="3pt" color="#DE0ABF">Before England</font></td>
<td valign=top height="28px"><a href="http://www.purevolume.com/paradymshift">Listen</a></td>
<td valign=top height="28px><a href="http://www.vancitybands.com/play.php?band_id=162&song_id=604&mode=song_hifi">Download</a></td>
<td valign=top width="50px" height="28px>Lyrics</td></tr>

<tr>
<td valign=top width="166px" height="27px" <font face="Arial" size="3pt" color="#DE0ABF">Time For A Tea Party</font></td>
<td valign=top height="28px"><a href="http://www.purevolume.com/paradymshift">Listen</a></td>
<td valign=top height="28px ><a href="http://www.vancitybands.com/play.php?band_id=162&song_id=569&mode=song_hifi">Download</a></td>
<td valign=top height="28px >Lyrics</td>
</tr>
</table>

Jacenta

04-19-2005, 01:28 AM

EDIT:

I want it to look something like that:
(All this: ">>>>>>" Is the big picture.

BIG PICTURE Title Listen Download Lyrics
" >>>>>>>>>Title Listen Download Lyrics
" >>>>>>>>>Title Listen Download Lyrics
" >>>>>>>>>
" >>>>>>>>>
" >>>>>>>>>
" >>>>>>>>>

kittycat

04-19-2005, 01:41 AM

You forgot a lot of ending " for your width/height values, that will probably make a difference in how it displays. Also when you use width/height="#" you don't need to have px in there, so you can remove that as well.