User not logged in - login - register
Home Calendar Books School Tool Photo Gallery Message Boards Users Statistics Advertise Site Info
go to bottom | |
 Message Boards » » html help (tables) Page [1]  
psnarula
All American
1540 Posts
user info
edit post

ok so i'm working on this site:

http://www.math.utexas.edu/~narula/i733/index.html

it's all laid out in tables. i know i should probably graduate to css but i've never learned how and for the current task i don't want to mess with it. i'll add a stylesheet later to make the text look nice. i'm working in dreamweaver 8.

a couple of questions:

1. why is there whitespace in the upper left hand corner? i want the corner of the table to sit in the top left corner.

2. when i try to add a logo, it gets all messed up:

http://www.math.utexas.edu/~narula/i733/index_withlogo.html

how do i throw that logo in there without messing up the table? i've tried all sorts of colspan tags but it just doesn't seem to want to work.

3. finally, take a look at the black horizontal bar (height=1) that spans the first row. it has a colspan of ten but there are only 9 columns that it spans. what's going on?

when i finally sit down to learn how to do this with css and div, what's a good reference?

11/21/2006 9:36:30 PM
robster
All American
3545 Posts
user info
edit post

positioning is much easier if you use div tags, and you would just set the positioning to absolute or fixed, and you can give the from left, right, top, bottom coordinates of that div. for example, left:0; top:0; will put that div in the top left corner.

Much trickier withough div tags because of browser incompatabilities.

11/24/2006 8:54:31 AM
qntmfred
retired
40726 Posts
user info
edit post

1. change <body> to <body style="margin:0">

2. add a border=1 to the table to see what's going on. basically, the logo is stretching the cells, which stretches the other cells in the same columns with it

3. looks like it's spanning 10 columns to me.

4. i know you already said it, but i'm gonna encourage you to scrap this 1999 mess asap and move on to some modern techniques. w3schools is a popular reference but you should be able to get the basics with any old tutorial google will find

[Edited on November 24, 2006 at 10:40 AM. Reason : .]

11/24/2006 10:40:14 AM
Raige
All American
4386 Posts
user info
edit post

if you need to do this now, make two different tables at the same width's and then set the first td cell to the same %

<table width="700" cellspacing="0" cellpadding="0">
<tr>
<td width="30%></td>
<td width="70%></td>
</tr>
</table>

<table width="700" cellspacing="0" cellpadding="0">
<tr>
<td width="30%>
</td>
<td width="10%></td>
<td width="20%></td>
<td width="30%></td>
<td width="10%></td>
</tr>
</table>


[Edited on November 24, 2006 at 3:33 PM. Reason : !]

11/24/2006 3:32:25 PM
Raige
All American
4386 Posts
user info
edit post

^^ That is a jenki way to do it. It works... but it's not the "right" way.

11/24/2006 3:34:21 PM
DPK
All American
2390 Posts
user info
edit post

Tables are old school. Time to go learn yourselves some css and avoid headaches.

In all seriousness though since I've been there too and didnt feel like it, just go in Dreamweaver and then (I think) it's under page properties. Change your margin properties to 0, all of them.

11/24/2006 6:18:28 PM
ShawnaC123
2019 Egg Champ
46681 Posts
user info
edit post

alright, I'm jacking this thread with an html question.


so I have a marguee of pictures set to scroll an infinite number of times, but how can I get htem to scroll back to back, so it looks like an endless amount of pictures? right now the whole list scrolls, then there's a big white space, then the list scrolls again.

2/12/2007 11:08:28 PM
ShawnaC123
2019 Egg Champ
46681 Posts
user info
edit post

^answer my question

2/16/2007 10:52:55 PM
 Message Boards » Tech Talk » html help (tables) Page [1]  
go to top | |
Admin Options : move topic | lock topic

© 2024 by The Wolf Web - All Rights Reserved.
The material located at this site is not endorsed, sponsored or provided by or on behalf of North Carolina State University.
Powered by CrazyWeb v2.39 - our disclaimer.