HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
I am trying to stick the table absolute top left no gaps
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
thanksalot



Joined: 21 Apr 2008
Posts: 2

PostPosted: Mon Apr 21, 2008 2:19 pm     I am trying to stick the table absolute top left no gaps Reply with quote

Hi, I am pulling my hair out about this, please help,

How do I "stick" this table in the absolute top left corner of the web page, I always get this 10ish px gap on top and left from it. I am trying to avoid this gap, and to lock it to top and left wall.

I use plain HTML editor , Nvu for this, how should I write it in code?

Here is the result what I got so far, need to stick it to the top left

here is the code:



Thanks A Lot!
Code:
<body>
<table style="text-align: left; width: 175px;" border="0"
 cellpadding="1" cellspacing="0">
  <tbody>
    <tr style="font-family: monospace;">
      <td><img style="width: 175px; height: 120px;"
 alt="" src="spo1.gif"></td>
    </tr>
    <tr style="font-family: monospace;">
      <td><img style="width: 175px; height: 120px;"
 alt="" src="spo2.gif"></td>
    </tr>
    <tr style="font-family: monospace;">
      <td><img style="width: 175px; height: 120px;"
 alt="" src="spo3.gif"></td>
    </tr>
    <tr style="font-family: monospace;">
      <td><img style="width: 175px; height: 120px;"
 alt="" src="spo4.gif"></td>
    </tr>
    <tr style="font-family: monospace;">
      <td><img style="width: 175px; height: 120px;"
 alt="" src="spo5.gif"></td>
    </tr>
    <tr style="font-family: monospace;">
      <td><img style="width: 175px; height: 120px;"
 alt="" src="spo6.gif"></td>
    </tr>
  </tbody>
</table>
<br>
</body>
Straystudio



Joined: 14 Apr 2008
Posts: 92
Location: Nord Italy

PostPosted: Mon Apr 21, 2008 2:51 pm     Reply with quote

Thanks a lot for posting example, and for posting it in time before it grows to large a page.

Issue has to do with BODY Element setting.
It is a normal behaviour You meet, indeed.
All Browsers apply a default margin all around the stuff (body) the document has to display.
Slight difference among Browser brands, default margin runs around 8 pixel; if no different value is assigned in writing the document.

Telling it nothing, Browser do not takes that value as "zero", but as a "given pixel".
To have no-margin(s), You have to make the "zero" value entered;
and You will get Your TABLE as You expect.


Open Document in HTML Editor, find <body> tag and change it into:

<body leftmargin="0" topmargin="0" marginleft="0" margintop="0">

You can also assign a background-color to the body element, by entering bgcolor="" Attribute.
Color is rendered depending on the Value You enter; with words You have a few fixed standard color, as:

white (default)
black
gray
red
maroon
pink
yellow
green
blue
aqua

with other coding, You can render more ones. Works so:
#000000 #ffffff #ff0000
#555555 #9a9a9a #9a0000


Anyone may prefer to keep the margins as the Browsers do (or to fix them to a value), and giving to the whole body an appropriate BCCOLOR according to the page layout.



Now it is late here in Italy, I'll be back soon;
wishes,
ENZO


Last edited by Straystudio on Mon Apr 21, 2008 3:14 pm; edited 1 time in total
thanksalot



Joined: 21 Apr 2008
Posts: 2

PostPosted: Mon Apr 21, 2008 3:04 pm     Reply with quote

ENZO! thanks a lot, Viva Italia!

Exacto Mundo!

This is what I wanted to do, as you advised
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial