/    Sign up×
Community /Pin to ProfileBookmark

How can I place a table at the yop left cornor of a page. When I attempt it it places it at about 25px down from the top and left about 15 px. I need it at 0 left and 0 tall?

to post a comment
HTML

12 Comments(s)

Copy linkTweet thisAlerts:
@the_treeAug 01.2006 — In the head element, naturally.[colorcode=css]<style type="text/css">

body{

margin: 0;

padding: 0;

}

</style>

[/colorcode]
Copy linkTweet thisAlerts:
@NS_GraphicsauthorAug 01.2006 — Hey thanks a lot.
Copy linkTweet thisAlerts:
@felgallAug 01.2006 — Top left corner of a page is an unusual place for a table to go. Usually you want the site title, navigation, and some sort of description of what the page is about above and to the left of tabular data.
Copy linkTweet thisAlerts:
@pacerierAug 05.2006 — that's not entirely true. some people like to create a table with 100% width and height to control the overall flow of the page. we can still have the navigation table inside the flow table itself.
Copy linkTweet thisAlerts:
@the_treeAug 05.2006 — a table with 100% width and height to control the overall flow of the page.[/QUOTE]A whole page of tabular data? Isn't that a bit, well, imposing?
we can still have the navigation table inside the flow table itself.[/quote]Navigation table? What kind of a site would have primary navigation that could be described in a table?
Copy linkTweet thisAlerts:
@pacerierAug 05.2006 — hmm, im actually talking about this:Top left corner of a page is an unusual place for a table to go. Usually you want the site title, navigation, and some sort of description of what the page is about above and to the left of tabular data.[/QUOTE]

where he mentions the navigation stuff. and yes well back to the imposed question, when i mean a 100% width and 100% height table, it refers to a sort of [i]skeleton[/i] for the page, not a tabular data. so we can have the tabular data, the navigation, title, description etc inside the skeleton table.
Copy linkTweet thisAlerts:
@the_treeAug 05.2006 — So a table just for the hell of it then?
Copy linkTweet thisAlerts:
@pacerierAug 05.2006 — So a table just for the hell of it then?[/QUOTE]

i dont quite understand what you mean by that. basically what i meant by a skeleton table is something like this:

[code=html]

+---------+---------------------+
| | |
| | |
| | |
| | |
| | |
| | |
| | |
+---------+---------------------+
[/code]


where it starts off as the first element:
[code=html]<body>
<table>
<tr>
<td>
<!-- here goes the navigation section -->
<!-- depending on designs, it may well contain several more tables within it -->
<table>
<tr>
<td>
<!-- and more if required -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>[/code]


usually i do it this way because i can first set the width of the skeleton table so that the navigation section doesn't exceed the amount of length given. some people may not like it this way though, its more of ice design then liquid design.
Copy linkTweet thisAlerts:
@the_treeAug 05.2006 — But surely the division between the navigation (still can't understand why that'd involve a table) is nothing more than a plain old division, they aren't part of the same collection of data so wouldn't it be more semantic (as well as shorter) just to use dividing elements?[code=html]<body>
<div style="float:left;">
[...]
</div>
<div style="float: left;">
[...]
</div>
</body>[/code]
Copy linkTweet thisAlerts:
@pacerierAug 05.2006 — well there are many ways to do it, i find it easier to do pages similar to this with the skeleton table while some may have their own way of doing it:

[code=html]+----+---------------------+--+
| | | |
| +---------------------+ |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
+----+---------------------+--+
+-----------------------------+[/code]
Copy linkTweet thisAlerts:
@ray326Aug 05.2006 — Tables are for delivering tablular data, not for page layout.
Copy linkTweet thisAlerts:
@felgallAug 05.2006 — Tables are for delivering tablular data, not for page layout.[/QUOTE]

Which is why I made my original comment that they should never go at the top left corner of the page.

Why use 10 times as much code and lower your search engine rankings by many pages just to use tables for something they were never meant for when using stylesheets are easier to code, result in shorter code, and don't confine you to a grid layout the way a table would.
×

Success!

Help @NS_Graphics spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...