Stumped... any ideas? [Archive]

Twitch-System

03-19-2004, 05:19 PM

Hey guys, I"m having trouble with a page I'm trying to put together after using the sideline tutorial found on htmlgoodies.com

http://www.htmlgoodies.com/tutors/sideline.html

This is the code I'm using... it should show the sideline links in the upper left corner, but they default to about the middle of the page.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<TITLE>Clan 3BT Members</TITLE>
</HEAD>

<BODY>

<BODY BACKGROUND = "http://web.uccs.edu/aod/images/Sideline_Banner.gif" LINK = "FFFFFFF" VLINK = "FFFFFF">

<TABLE BORDER = "0" CELLSPACING = "5" CELLPADDING = "5">
<TD ALIGN = "center" WIDTH = "100">

<IMG SRC = "http://web.uccs.edu/aod/images/3BT_Logo.jpg" width="85" height="85">
 
<A HREF = "Index.html">Home</A>
 
<A HREF = "Origins.html">Origins</A>
 
<A HREF = "Members.html">Members</A>
 
<A HREF = "Rivals.html">Rivals</A>
 
<A HREF = "Forums.html">Forums</A>
 
<A HREF = "Awakening of Destiny.html">Awakening of Destiny</A>
 
<A HREF = "Links.html">Links</A>
 
<IMG SRC = "http://web.uccs.edu/aod/images/3BT_Logo.jpg" width="85" height="85">

</TD>

<TD ALIGN = "left" WIDTH = "800">

<TABLE BORDER = "0" CELLSPACING = "0" CELLPADDING = "0">
<TR>
<TD>
Clan 3BT Members 


<IMG SRC = "http://web.uccs.edu/aod/images/Me_01.jpg" WIDTH = 180 HEIGHT = 180 ALIGN = "left">

3BT Role: Clan Leader 
Gamimg Tag: 3BT-Twitch 
Other Tags: 3bt-RHP, Vaginal Infections, Gandalf the Purple 
Best LAN Game: Starcraft 
Role in Awakening of Destiny: Project Coordinator, Lead Programmer 
 


<IMG SRC = "http://web.uccs.edu/aod/images/Lacey_01.jpg" WIDTH = 180 HEIGHT = 180 ALIGN = "left">

3BT Role: Clan Member 
Gamimg Tag: 3BT-ROadkill 
Other Tags: 3bt-OrigRecJew 
Best LAN Game: Age of Mythology 
Role in Awakening of Destiny: Graphics Design 
 


<IMG SRC = "http://web.uccs.edu/aod/images/Steve_01.jpg" WIDTH = 180 HEIGHT = 180 ALIGN = "left">

3BT Role: Clan Member 
Gamimg Tag: 3BT-Monkeydance 
Other Tags: Abdu the Arab Man 
Best LAN Game: Urban Terror 
Role in Awakening of Destiny: N/A 
 


<IMG SRC = "http://web.uccs.edu/aod/images/Norman_01.jpg" WIDTH = 180 HEIGHT = 180 ALIGN = "left">

3BT Role: Clan Member 
Gamimg Tag: 3BT-Doorknob 
Other Tags: Cyprus 
Best LAN Game: Halo:Combat Evolved 
Role in Awakening of Destiny: Graphics Design 
 


<IMG SRC = "http://web.uccs.edu/aod/images/Ryker_01.jpg" WIDTH = 180 HEIGHT = 180 ALIGN = "left">

3BT Role: Clan Member 
Gamimg Tag: 3BT-RiBBiT 
Other Tags: 3BT-BoBo, I Hate Frosty 
Best LAN Game: Urban Terror, Call of Duty 
Role in Awakening of Destiny: Programmer, Box Design 
 


<IMG SRC = "http://web.uccs.edu/aod/images/Little_D_01.jpg" WIDTH = 180 HEIGHT = 180 ALIGN = "left">

3BT Role: Clan Member 
Gamimg Tag: 3BT-Henno 
Other Tags: N/A 
Best LAN Game: Urban Terror 
Role in Awakening of Destiny: N/A 
 


<IMG SRC = "http://web.uccs.edu/aod/images/Lacey_01.jpg" WIDTH = 180 HEIGHT = 180 ALIGN = "left">

3BT Role: Clan Member 
Gamimg Tag: 3BT-PandaNeedaHandle 
Other Tags: 3BT-Panda 
Best LAN Game: Urban Terror 
Role in Awakening of Destiny: N/A 
 

3BT Worthies 

nocloBBer, Newb, Mongoose, Shocker


</TD>
</TR>
</TD>

</BODY>
</HTML>

or, for a quick visual of the problem

http://web.uccs.edu/aod/members.html

I'm stumped. If you could give me a hand I'd appriciate it.

PeOfEo

03-19-2004, 05:44 PM

The first glareing problem is the fact that you have two open body tags.
<body>
<BODY BACKGROUND = "http://web.uccs.edu/aod/images/Sideline_Banner.gif" LINK = "FFFFFFF" VLINK = "FFFFFF">

delete the first one. Stop using goodies, it is going to give you cancer one of these days and then where will you be?
www.w3schools.com is a good place to learn html css and other stuff.

Twitch-System

03-19-2004, 05:57 PM

Alright, so I deleted that one, but it did nothing to fix the issue at hand.

PeOfEo

03-19-2004, 06:00 PM

and that image path is correct? I am getting a back screen when I go to your site witht hat content there, but I do not see anywhere in your code where you are setting the background color.

spufi

03-19-2004, 09:02 PM

Originally posted by PeOfEo
and that image path is correct? I am getting a back screen when I go to your site witht hat content there, but I do not see anywhere in your code where you are setting the background color.

Look at the background image. Yes, it is basically a long thing black line. Hence, it is repeated horizontally and vertically all over the site and thus you see a black, or dark bandwidth sucking background.

To solve the menu issue, all you have to do is define the first <td> with an valign attribute set to top.

They are numerous other issues going on such as you could get away with not using a table at all. You shouldn't be using , , and a number, if not all of your tags. While you are at w3schools, make sure to spend time checking out their CSS tutorials and their refence section fot it. Also try to learn what sematic markup is. Meaning, make sure you use tags that best describe what is contained inside of them. Here's something you coded...

Clan 3BT Members 

This is how it should look like...

<h1>Clan 3BT Members</h1>

PeOfEo

03-19-2004, 09:24 PM

But have a in your head
<style type="text/css">
h1 {
color:green;
}
</style>
with spufi's example.

Twitch-System

03-21-2004, 05:56 PM

Thanks for all the insights guys. I know I've got a lot to learn yet, and maybe what PeOfEo said is true about goodies. But I'll keep working with things and learn some things from w3c as well.