Table help! [Archive] - Webmaster Forums

SundayNiagara

02-17-2005, 08:03 PM

I am trying to set up a links page where the links are in 3 columns, left to right and line up evenly. For example:

Shrimp Boat Banana Boat Slow Boat

I would also like to put the various categories above the links, but haven't figured out how to do this. My links page is here: http://www.sundayniagara.com/forum/links.php . I'd sure appreciate any help here.
Mark

PS: Obviously, I can''t get those "links" to spread across the page here, but that is what I want.

tmmoose

02-17-2005, 08:17 PM

some css maybe?? (http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html) :hellother

SundayNiagara

02-18-2005, 05:26 AM

I'm actually looking for a specific answer. I can see what's on the link you gave me, but am still lost.
Mark

Terminator1138

02-18-2005, 05:37 AM

So you are wanting three tall columns equally spaced for the "boats" and then add sub-categories? The link tmmoose gave was actually a good one, however you have to choose the three column layout for the css and then add you normal html and code in the links they way you want them to appear.

You can use a simple table with three columns set up to a specific width. Are you looking for ideas or the code how to do it?

SundayNiagara

02-18-2005, 05:41 AM

An example would be real nice.
Mark

Terminator1138

02-18-2005, 06:31 AM

I know DE did an example for Elliot that had a newspaper feel and it was all fluid I think I have to find the link. The text in the boxes would of course be links if you choose so...Hold on let me find the thread.

Terminator1138

02-18-2005, 06:34 AM

Okay here is the link on DS
http://www.devspur.com/viewtopic.php?t=497&start=0&postdays=0&postorder=asc&highlight=newspaper+dcelliot
Maybe its what you are looking for, note DE's link on the 3 columns towards the end of thread.

SundayNiagara

02-18-2005, 10:48 AM

I'm totally lost here. Would someone go to http://www.sundayniagara.com/forum/links.php , click view source , copy a part of that and show me what I am supposed to do. I'm a fast learner, but right now I haven't reached first grade.
Mark

Terminator1138

02-18-2005, 10:57 AM

Your link is 404...sorry. cant copy it. What part do you want to copy? I'm guessing I just don't know what you are after, mabye use MS paint and draw it out and attach here. Examples give show a lot but we are not seeing what you want. You stated 3 columns without anything else. You wanted links inside those three columns. Let me attach a picture to see if its what you want.

tmmoose

02-18-2005, 11:26 AM

Like This-CSS (http://www3.sympatico.ca/terry.mckee/test.html) :hellother

SundayNiagara

02-18-2005, 11:58 AM

Ooops, it should be forum/links.php . I edited out the "s". tnmoose, that is what I am looking for, with the links in the center box, centered.
Mark

tmmoose

02-18-2005, 12:31 PM

try This CSS + Tables (http://www3.sympatico.ca/terry.mckee/test2.html) :hellother
<html lang="en">
<head>
<title>Boats</TITLE>

<style>

</style>
</head>

<body>

<table border=0>
<tr>
<td>
<div class="container">
<div class="left">
Shrimp Boat
</div>
<div class="center">
Banana Boat
</div>
<div class="right">
slow Boat
</div>
</div>
</td>
</tr>
</table>

</body>
</html>

SundayNiagara

02-18-2005, 01:10 PM

I'm not quite as lost and have more questions. What if I want more categories? Where does this code go?
Mark

Terminator1138

02-18-2005, 01:54 PM

On a side note Sunday...I like your link hover effect :)

SundayNiagara

02-18-2005, 02:04 PM

Categories in the columns.
Mark

tmmoose

02-18-2005, 02:18 PM

After Banana Boat You would add more code

<div class="center">Banana Boat</div>

tmmoose

02-18-2005, 03:20 PM

Like This (http://www3.sympatico.ca/terry.mckee/test3.html) :hellother

SundayNiagara

02-18-2005, 07:37 PM

This is very close. However, I'm still lost. I still don't know how and where to put this on the page.
Mark

PS: This board won't allow me to attach links.php , or it would be here already.

Terminator1138

02-18-2005, 08:06 PM

you want to use the lnks.php file inside the CSS example tmmoose gave you? So what you are saying is you dont know how to enter in information into the columns?

Tarmithius

02-18-2005, 08:06 PM

Well you never mentioned before that you were using a php file. zip it up and post it here as that. Viewing the source is not going to help at all as the php is stripped out.

tmmoose

02-18-2005, 08:07 PM

Lets try this..
Try This (http://www3.sympatico.ca/terry.mckee/test3.html)
Find Column 1,Column 2,Column 3 and add your links there...not css just tables..

Like This (http://www3.sympatico.ca/terry.mckee/test4.html)
css would be better...external style sheet

Terminator1138

02-18-2005, 08:15 PM

I think he is trying to edit his php file to display since he is not using a "do this like this senario" ( and give me a similar display for another project)...I think Sunday wants the page to be corrected.....am I wrong?

SundayNiagara

02-18-2005, 08:26 PM

tnmoose:
Bingo! Now, how do I do that? However, it must stay as links.php.
Mark

Terminator1138

02-18-2005, 08:35 PM

tmmoose;--> did you use php?
SundayNiagara.....post you php code up..called links.php

tmmoose

02-18-2005, 08:46 PM

Work on this (http://www3.sympatico.ca/terry.mckee/test4.html)

SundayNiagara

02-18-2005, 09:20 PM

I copied it as link.txt and loaded it into FP2000. Tried to look at it, but the only thing that shows up, is code. I'd like to edit and be able to see, without uploading it. Is this possible? I also changed the file to links.html, same result.
Mark

Terminator1138

02-18-2005, 09:32 PM

go to tmmoose site. Copy all html seen on view source......then open a plain old notepad and paste all code in there. :) To save as php...enter this in area
"links.php" with quotations to force it to save that extension..done

you have to upload it inorder for the php to render.

SundayNiagara

02-18-2005, 09:36 PM

Ok thanks.
Mark

SundayNiagara

02-19-2005, 08:10 AM

If you want that code for the rainbow colors when hovering over a link, email me at sundayniagara@yahoo.com . I can't attach the .js thingy here that you need to make it work.
Mark

SundayNiagara

02-19-2005, 02:57 PM

There are umpteen zillion places for the background color. Where do I change the background color behind the links?
Mark

SundayNiagara

02-19-2005, 03:18 PM

Ok, I'm starting to get this. I changed the center little box to just "Links". Now I want to eliminate the other 2 small boxes and put those words inside the big boxes. Also, on 2 of them, the links don't start at the top. How do I get them there?
Mark

http://www.sundayniagara.com/forum/links_a.php

SundayNiagara

02-19-2005, 03:28 PM

I eliminated the left and right small blocks and then the center one moved to the right. How do i get it back to the center?
Mark

tmmoose

02-19-2005, 03:44 PM

<td valign="middle" align="center" bgcolor="#000000" nowrap> change to
<td " bgcolor="#000000" nowrap> will move text to top of boxes..

tmmoose

02-19-2005, 04:05 PM

this seems to work ..
My opinion is that you should consider redoing all of this at some point with CSS. :hellother
Replace this...
</center>

<table bgcolor="#330000" width="100%" height="70%" border="0" cellspacing="15" cellpadding="8">
<tr align="center" valign="top" bgcolor="#800000">
<th valign="top" align="center" bgcolor="#000000" nowrap><font size="5" color="#990000"><b>Links</b></font><br></th>
</tr>
<tr align=center valign=top bgcolor="#330000">

With

</center><table width="100%" height="6" border="0">
<th valign="top" align="center" bgcolor="#000000" nowrap><font size="5" color="#990000"><b>Links</b></font><br></th>
<table bgcolor="#330000" width="100%" height="70%" border="0" cellspacing="15" cellpadding="8">
<tr align="center" valign="top" bgcolor="#800000">

SundayNiagara

02-19-2005, 04:51 PM

Thanks, I'm at a friend's place right now. I'll play with it some more when I get home.
Mark

SundayNiagara

02-19-2005, 08:21 PM

We are making some progress here. Now, i would like to make the small center block which says "Links" a little taller. I tried increasing the height from "6" to "12" for experimentation, but that didn't work. Also, I'd like to have all the drag racing links in the left block and move the Florida links into the center block, underneath the Automotive links. I'm struggling here. Imagine if I tried CSS???lol
Mark

PS: Trust me, I appreciate the help I'm getting here.

SundayNiagara

02-21-2005, 06:22 PM

Someone please! I tried moving the links around and am making a mess, I'd like to get this finished.
Mark

SundayNiagara

02-24-2005, 11:40 AM

Can somone please help? I'm really stuck here.
Mark

SundayNiagara

02-28-2005, 03:12 PM

Anyone?

Terminator1138

03-01-2005, 05:08 AM

My guess is change your boxes. The size of the font might be pushing out of the box. Try chaning the font to a smaller one for links. Technically, moving links around shouldnot change the box model any, however it messes it up when you add something bigger than the box. Just a thought.

SundayNiagara

03-01-2005, 09:03 PM

Thanks, I'll give it a try.
Mark

SundayNiagara

03-02-2005, 04:37 AM

These tables are very confusing to me. Where do I increase the height?
Mark

Terminator1138

03-02-2005, 05:22 AM

I would say it would be helpful to brush up some some basic tutorials as a refresher course. As for height, its an attribute that you can assign to overal table, columns and rows. If you specify someting as a height, say 10 px and try and use 12px text, the text will push out side the 10px cuz you stated you wanted it 10px only. Some browsers will grow and move it around. Same goes for pictures that are larger than the box. If you are using CSS more than this is a little different Hope this helps give you an idea. It may be whats going on, I'm not sure what you have implemented so far.

Good luck.

SundayNiagara

03-02-2005, 09:18 AM

http://www.sundayniagara.com/forum/links_a.php

Mark

Terminator1138

03-02-2005, 10:08 AM

what are you wanting to do, from what I can see you have two rows with links and below that 3 columns with links.

SundayNiagara

03-02-2005, 04:14 PM

I want to move the ones outside the box down below, under the museum links. Then, move the Florida links into the center box under the parts links.
Mark

Terminator1138

03-02-2005, 05:01 PM

So the drag racing links with heading and Tracks below the museum links right? Well you just have to enter them in the right columns. You take the links and place them with the ones the match cuz the css is tellin me you have class td, td2, etc so make sure they are in the right area is all.

SundayNiagara

03-02-2005, 06:24 PM

I'm learning, I'm learning! I've successfully moved the links, YEAAAAAAAY. Now, how do I make the small center box taller. I know how to make it wider. Also, how do I make the page look like the rest of the site? Such as the header, etc?
Mark

It is now: http://www.sundayniagara.com/forum/links.php

PS: I've made the "Links" box wider but it has shifted slightly to the right. Also, I increased the text size in that box and it made the box taller. However, I'd like to have "Links" centered in that box, while simultaneously making it slightly taller. Is this possible?
Mark

SundayNiagara

03-03-2005, 08:14 AM

Ok, I have everything cured now, except for the lttle box up top being off center. It has now shifted slightly to the left. If I can get this fixed, I'm finished, at least with this one.
Mark

http://www.sundayniagara.com/forum/links.php

Terminator1138

03-03-2005, 08:46 AM

I dont see the box you are refering too, more detail on location, thanks Just a guess, same situation, make sure no other box is pushing on it, or make sure you have attribute set to center

SundayNiagara

03-03-2005, 11:20 AM

It's the little box that has the word "Links" in it. It is off center to the left in either IE, or Firefox.
Mark

SundayNiagara

08-15-2005, 08:13 PM

Back again on this issue, only a different site and this should be easy. I would like to make this: http://americandragracing.com/xmb1/links_a.php . Look like this: http://americandragracing.com/xmb1/news.php . I'm not talking about images, or anything like that. I just want the general layout to look the same.
Mark