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
@KeveyApr 24.2006 — #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. ?
@HoweauthorApr 24.2006 — #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
@thereseApr 24.2006 — #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 " ". 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).
@thereseApr 24.2006 — #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.
@HoweauthorApr 24.2006 — #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
@ray326Apr 25.2006 — #<blockquote> First Word Here Line Here </blockquote>[/QUOTE]Never use a semantic element for presentation. A "blockquote" [B]means [/B]something, it doesn't [B]look like[/B] something.
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.
@WebJoelApr 25.2006 — #Never use a semantic element for presentation. A "blockquote" [B]means [/B]something, it doesn't [B]look like[/B] something.[/QUOTE]
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. :-)
@ray326Apr 25.2006 — #I was guilty of doing that in my early days and months of webpage building.[/QUOTE]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. ?