PC Review Forums Newsgroups Microsoft Word Microsoft Frontpage Unsorted list <UL> left alignment

Reply

Unsorted list <UL> left alignment
 
Thread Tools Rate Thread
Old 20-02-2004, 02:26 PM   #1
=?Utf-8?B?VmFsbWlyIE1lbmVzZXM=?=
Guest
 
Posts: n/a
Default Unsorted list <UL> left alignment


Hi there
I can not align an <UL> statement to the beginning of the page
My left frame has to be wider than necessary because of this
Is there a way to align an <UL> statement
Thanks

Here follows the code
<html><body leftmargin="0"
12345678
<UL>
<LI>1.1</LI></UL></body></html>
  Reply With Quote
Old 20-02-2004, 03:47 PM   #2
Stefan B Rusynko
Guest
 
Posts: n/a
Default Re: Unsorted list <UL> left alignment
Not possible do to the nature of a list tag which by it's design include an indent

- you could try negative margins using CSS, but that is unsupported and unpredictable

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
_____________________________________________


"Valmir Meneses" <anonymous@discussions.microsoft.com> wrote in message news:208DA97F-AEA0-45C2-8819-B76B59D6C1BC@microsoft.com...
| Hi there,
| I can not align an <UL> statement to the beginning of the page.
| My left frame has to be wider than necessary because of this.
| Is there a way to align an <UL> statement.
| Thanks,
|
| Here follows the code:
| <html><body leftmargin="0">
| 123456789
| <UL>1
| <LI>1.1</LI></UL></body></html>
  Reply With Quote
Old 20-02-2004, 04:03 PM   #3
Jon
Guest
 
Posts: n/a
Default Re: Unsorted list <UL> left alignment
You wouldn't want a negative margin - that would take the list off the side
of the page. Lists include default margin(in IE) and padding(in Moz
browsers) of 1em. So we can modify this, eg
<style type="text/css">
ul{
margin-left:0;
padding-left:0;
}
</style>
<p>The text in the list below will be flush with the <p> text - but the
bullets will be cut off</p>
<ul>
<li>Item One</li>
<li>Item Two</li>

<style type="text/css">
ul{
margin-left:.5em;
padding-left:.5em;
}
</style>
<p>The bullets below will be flush with the <p> text</p>
<ul>
<li>Item One</li>
<li>Item Two</li>

Jon
Microsoft MVP - FP

"Stefan B Rusynko" <sbr_enjoy@hotmail.com> wrote in message
news:%23BHEoj89DHA.1128@tk2msftngp13.phx.gbl...
> Not possible do to the nature of a list tag which by it's design include
an indent
>
> - you could try negative margins using CSS, but that is unsupported and
unpredictable
>
> --
>
> _____________________________________________
> SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
> "Warning - Using the F1 Key will not break anything!" (-;
> To find the best Newsgroup for FrontPage support see:
> http://www.net-sites.com/sitebuilder/newsgroups.asp
> _____________________________________________
>
>
> "Valmir Meneses" <anonymous@discussions.microsoft.com> wrote in message
news:208DA97F-AEA0-45C2-8819-B76B59D6C1BC@microsoft.com...
> | Hi there,
> | I can not align an <UL> statement to the beginning of the page.
> | My left frame has to be wider than necessary because of this.
> | Is there a way to align an <UL> statement.
> | Thanks,
> |
> | Here follows the code:
> | <html><body leftmargin="0">
> | 123456789
> | <UL>1
> | <LI>1.1</LI></UL></body></html>
>
>
  Reply With Quote
Old 20-02-2004, 04:22 PM   #4
Jack Brewster
Guest
 
Posts: n/a
Default Re: Unsorted list <UL> left alignment
Valmir,

You could use Cascading Style Sheets (CSS) to remove the leading white space
before the list items. Add the following within the head of your file:

<style type="text/css">
<!--
ul {
margin-left: 0;
padding-left: 0;
}
li {
margin-left: 1em;
}
-->
</style>

If you want to drop the bullets entirely, use this:

<style type="text/css">
<!--
ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
li {
margin-left: 0;
list-style-type: none;
}
-->
</style>

I tested both methods on several browsers and browser versions and the only
one that it doesn't work in is Netscape 4 (no big surprise). The effect in
NS4 is that the left spacing remains the same, but the bullets disappear
with both techniques. I don't have a Mac, so I don't know if this will
have display issues on the common Mac browsers.

For more information on CSS, check out these sites:
http://www.htmldog.com/guides/cssbeginner/
http://www.mako4css.com
http://www.w3schools.com/css/

Good luck!

--
Jack Brewster - Microsoft FrontPage MVP

"Valmir Meneses" <anonymous@discussions.microsoft.com> wrote in message
news:208DA97F-AEA0-45C2-8819-B76B59D6C1BC@microsoft.com...
> Hi there,
> I can not align an <UL> statement to the beginning of the page.
> My left frame has to be wider than necessary because of this.
> Is there a way to align an <UL> statement.
> Thanks,
>
> Here follows the code:
> <html><body leftmargin="0">
> 123456789
> <UL>1
> <LI>1.1</LI></UL></body></html>
  Reply With Quote
Reply

Archive


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off