A real basic question I expect... indenting?

[Howe]

I very new to all this html stuff (just started today) and haven't been able to work out how to indent. I have a list and although I don't want it centred, I do not want it right up against the left margin.
Thanks

[Player 11]

couldn't you just use   a couple of times to get that effect?

[Howe]

Yes I tried that but I needed a lot of them. Is that the best way to do it then?

[ray326]

Something like so.
ul { list-style:none; margin:0; padding:0 }
li { margin-left:2em }

Better yet, check http://www.alistapart.com/articles/taminglists

[Player 11]

<blockquote> First Word Here Line Here </blockquote>

Maybe?? but the next line is double spaced from the first so it looks wierd

so i think the &nbsp; is the best way to go unless im missing something

[Kevey]

Look at Ray's recommendation above...his way is the best way to go about it. The ul { list-style:none; margin:0; padding:0 } li { margin-left:2em } info would go between <style> tags or externally in a css file. :)

[Howe]

Still not getting it! Do I put the ul and li in <>tags separately or with the list-style. Really am new to this talk to me like I'm a 5 year old

[therese]

Since this is your first day at html, you will need a little more direction than those above have given you!

To make a list, code your html like this:

<ul>Bulleted List
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>


<ol>Numbered List
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ol>

<ul>Extra space<br>
<li>list item 1</li><br>
<li>list item 2</li><br>
<li>list item 3</li><br>
<li>list item 4</li><br>
</ul>

This should get you started with lists. The suggestion to visit A List Apart website is good and you will learn a lot more about making lists. But since its your first day, it might be a bit overwhelming.

I wouldn't use the "&nbsp; ". It just puts a lot of garbage in your coding and makes your html file really hard to read!

Don't forget to learn about using style sheets as you are learning html. You will be able to change the appearance of your list (among other things).

Good luck.

[therese]

PS: The coding Ray is showing you goes in the style sheet. If you haven't learned about style sheets, don't worry about that right now.

[Howe]

Thanks for that. I think I am trying to get a little ahead of myself. I'm very pleased with what I've worked out today, so I think I'll leave it at that for now

[ray326]

<blockquote> First Word Here Line Here </blockquote>Never use a semantic element for presentation. A "blockquote" means something, it doesn't look like something.

[felgall]

<ul>Bulleted List
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>


<ol>Numbered List
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ol>

<ul>Extra space<br>
<li>list item 1</li><br>
<li>list item 2</li><br>
<li>list item 3</li><br>
<li>list item 4</li><br>
</ul>


The parts I have marked in bold are invalid and will report as errors if you try to validate your HTML. Nothing can go between the <ul> or <ol> tag and the first <li> as lists can only contain <li>s and everything else has to be inside of those <li> tags.

[therese]

Absolutely true Stephen, I should have done it this way:


Bulleted List
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>

Numbered List
<ol>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ol>

Extra space
<ul>
<li>list item 1</li><br>
<li>list item 2</li><br>
<li>list item 3</li><br>
<li>list item 4</li><br>
</ul>

Therese

[WebJoel]

Never use a semantic element for presentation. A "blockquote" means something, it doesn't look like something.

I was guilty of doing that in my early days and months of webpage building. A "blockquote" makes the selected 'block of text' appear to be 'indented' when viewed on the computer, indented on the left and right sides.
BUT it was intended to be used only for showing actual quoted material like someone's speech, etc. Screen readers treat 'blockquoted' material differently, and it expects to find 'quoted text', not just general content/text, hyperlinked material, etc.
Using it for anyting else is akin to, say, inserting "content text" into an <img src="~"> tag and expecting it work (although here, it won't work anyway). Heed the wise words, don't use 'blockquote' for things that aren't actual quoted content. :-)

[ray326]

I was guilty of doing that in my early days and months of webpage building.Hey, we ALL were. I'm reworking an old site now where I used it extensively. UGHH! That's what comes of using WYSIWYG editors. They'll have an "indent" button on the toolbar and guess what it does. ;)