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!
Right-Left Margin
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
Garcia



Joined: 13 Mar 2005
Posts: 10

PostPosted: Sun Mar 13, 2005 8:45 am     Right-Left Margin Reply with quote

Hi,

I have the following displayed at my webpage:

Update - New releases - Mondays - 7-8 AM & 7-8 PM (GMT+1)
Decade - 90's only - Wednesdays - 7-8 AM & 7-8 PM (GMT+1)
The Zone - Contemporary - Fridays - 6-8 AM & 6-8 PM (GMT+1)
Neon Nights - 80's only - Saturdays - 6-8 AM & 6-8 PM (GMT+1)


It doesn't show here, but I'm using the 'justify' command to get the same margins both right and left. Problem is I want to insert a bullet in front of each line with the <li> command, but when I do that the right/left margin concept doesn't work, and the margins get uneven again. The code as it is now is:

<TABLE WIDTH="213" BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="Left">
<TR>
<TD>
<font face="arial" size="2">
<font color="#666666">
<P style="text-align: justify">
<b><u>Update</u></b> - <i>New releases</i> - <b>Mondays</b>
<b><u>Decade</u></b> - <i>90's only</i> - <b>Wednesdays</b>
<b><u>The Zone</u></b> - <i>Contemporary</i> - <b>Fridays</b>
<b><u>Neon Nights</u></b> - <i>80's only</i> - <b>Saturdays</b>

</tr></td></table>
<TABLE WIDTH="169" BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="Left">
<TR>
<TD>
<font size="2">
<font face="arial" color="#666666">
<P style="text-align: justify">
&nbsp;- 7-8 AM &amp; 7-8 PM <b>(GMT+1)</b>
&nbsp;- 7-8 AM &amp; 7-8 PM <b>(GMT+1)</b>
&nbsp;- 6-8 AM &amp; 6-8 PM <b>(GMT+1)</b>
&nbsp;- 6-8 AM &amp; 6-8 PM <b>(GMT+1)</b>
</tr></td></table>
<br><br><br><br><br>

Anyone who could help me out with getting it displayed as a list with a even right-left margin intact?

/Garcia
henkied



Joined: 07 Mar 2005
Posts: 22

PostPosted: Sun Mar 13, 2005 11:18 am     clean up Reply with quote

you need to clean up your html code, and close all the tags you open at the right place

Code:

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="Left">
<TR>
<TD WIDTH="213">
<font face="arial" size="2" color="#666666">
<P style="text-align: justify">
<b><u>Update</u></b> - <i>New releases</i> - <b>Mondays</b>
<b><u>Decade</u></b> - <i>90's only</i> - <b>Wednesdays</b>
<b><u>The Zone</u></b> - <i>Contemporary</i> - <b>Fridays</b>
<b><u>Neon Nights</u></b> - <i>80's only</i> - <b>Saturdays</b>
</p>
</font>
</td>
<TD WIDTH="169">
<font size="2" face="arial" color="#666666">
<P style="text-align: justify">
&nbsp;- 7-8 AM &amp; 7-8 PM <b>(GMT+1)</b>
&nbsp;- 7-8 AM &amp; 7-8 PM <b>(GMT+1)</b>
&nbsp;- 6-8 AM &amp; 6-8 PM <b>(GMT+1)</b>
&nbsp;- 6-8 AM &amp; 6-8 PM <b>(GMT+1)</b>
</p>
</font>
</td></tr></table>


afther that you can place the li tags. you need to enlarge the width of the td tag to create space for the bullets
Garcia



Joined: 13 Mar 2005
Posts: 10

PostPosted: Sun Mar 13, 2005 1:01 pm     Reply with quote

Thanks for replying. I followed your advice, and even simplified the matter by making one table instead of two, but it still doesn't work. The bullets are there alright, but the right margin is uneven now. You can look here:

http://194.165.231.32/hemma//matsandersson/Test.html

And below is the code I used:

<html>
<head>
</head>
<body text="#666666" link="#752020" vlink="#752020" alink="#752020">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="Left">
<TR>
<TD WIDTH="400">
<font face="arial" size="2" color="#666666">
<P style="text-align: justify">
<li><b><u>Update</u></b> - <i>New releases</i> - <b>Mondays</b> - 7-8 AM &amp; 7-8 PM <b>(GMT+1)</b>
<li><b><u>Decade</u></b> - <i>90's only</i> - <b>Wednesdays</b> - 7-8 AM &amp; 7-8 PM <b>(GMT+1)</b>
<li><b><u>The Zone</u></b> - <i>Contemporary</i> - <b>Fridays</b> - 6-8 AM &amp; 6-8 PM <b>(GMT+1)</b>
<li><b><u>Neon Nights</u></b> - <i>80's only</i> - <b>Saturdays</b> - 6-8 AM &amp; 6-8 PM <b>(GMT+1)</b>
</p>
</font>
</td></tr></table>
<br><br><br><br><br>
<HR NOSHADE width="745" height="1" align=left color="#666666">
</body>
</html>
henkied



Joined: 07 Mar 2005
Posts: 22

PostPosted: Sun Mar 13, 2005 3:25 pm     nothing to justify Reply with quote

justify works only with text that is longer than the maximum width (so it has to go to an next line)

in your example no text is placed on a new line, yes only hardcoded with li or br, in both cases justify won't work
Garcia



Joined: 13 Mar 2005
Posts: 10

PostPosted: Sun Mar 13, 2005 3:53 pm     Re: Reply with quote

OK. Are there any other possibilities?
Garcia



Joined: 13 Mar 2005
Posts: 10

PostPosted: Mon Mar 14, 2005 8:03 am     Reply with quote

Just incidently I got a very simple idea... Why not just make the text you want, make a print screen and insert it like a picture. Can't figure out why I didn't think of that before.
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
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

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