Is there anyway to indent text within an Unnumber List in CSS?

text not indented..

[ianlyy]

I modified a template by that using the WYSIWYG edtior but it gives indentication problems.., when i press space..

Thus.., someone suggested i should try foarnt the very DIV using CSS.., but i have never really learn css before..

I heard that using <li> can somehow solves the problem.., i wonder does this consider coding abuse..?

Anyhow.., i need help on what code should i put after u create div class?

Heres the temporary working file together with Andreas CSS:

<snip>

Text are not right in indentication which i need to work on are the ones in the unnumber list and the red colour text note..

Any idea on how to "push" those words with CSS instead of using spacebar , such as, "think" and "depends" same position under thw word "Dare" in first un-number list?

Thanks very much..

[edited by: Robin_reala at 1:12 pm (utc) on April 27, 2007]
[edit reason] Removed URLs as per TOS #13 [webmasterworld.com] [/edit]

[ianlyy]

Here is the further detail of the problem:

I have three bullet list text, but the words is not indent as below:

*Title: Dare to dream, dare to achieve, the reason for chosen this title is because i think we all should have our own dream, whether to achieves the goal or not is depends on individual then. Atleast a dream is something to start with.

I would like to know, in CSS, is there anyway to indent those text whin the bullet list?

Here are the codes for my index file.., the 'problematic' part:

<ul>
<li><span class="c6">Title:</span> Dare to
dream, dare to achieve, the reason for chosen this title is because i
think we all should have our own dream, whether to achieves the goal or
not is depends on individual then. Atleast a dream is something to
start with.</li>
</ul><ul>
<li><span class="c6">Blog:</span> Moo Moos
Milky Way, lol, i have always interested on stuff that related to
Astronomy, and cows are related to milky way. My blog will be focus on
variety of topics, very broad and wide as the milky way.. :) </li>
</ul><ul>
<li><span class="c6">Affiliates:</span> Well.,
i do need a little income, do i? :) I am planning to add the links on
the dedicate pages after my application has been approved. One of them
is Amazon.com. </li>
</ul>

And the part of CSS, i got the template from the net.. :

#content a:hover, #subcontent a:hover {
}
#content ul, #content ol {
margin: 0 5px 16px 35px;
}
#content dl {
margin: 0 5px 10px 25px;
}
#content dt {
font-weight: bold;
margin-bottom: 5px;
}
#content dd {
margin: 0 0 10px 15px;
}
#subcontent {
padding: 20px 20px 10px 0;
float: right;
width: 170px;
line-height: 1.4em;
}
#subcontent h2 {
margin: 0 0 15px;
display: block;
font-size: 1.6em;
font-weight: normal;
text-align: left;
letter-spacing: -1px;
color: #505050;
background-color: inherit;
}

Please help on which attribute i should change or should i need to create a new class instead?

Thanks again.

[londrum]

it's difficult to understand what you really mean, mate. but i would amend your code. it looks a little confused.
if you are going to use an unordered list, then the structure should be like this:

[3]<ul>
<li><span class="c6">Title:</span> Blah blah blah</li>
<li><span class="c6">Blog:</span> Blah blah blah</li>
<li><span class="c6">Affiliates:</span> Blah blah blah</li>
</ul>[/3]

but as you've got it at the moment, you are ending the lists and starting them again after every single list item ( </ul><ul> )

but... i wouldn't bother with an unordered list. because what you've really got is a 'definition list'.
their structure is like this:

[3]<dl>
<dt>Title</dt>
 <dd>Blah blah blah</dd>
<dt>Blog</dt>
 <dd>Blah blah blah</dd>
<dt>Affiliates</dt>
 <dd>Blah blah blah</dd>
</dl>[/3]

the CSS code that you have included in your posts actually already includes some CSS markup for <dl> lists -- but you didn't include any corresponding code for it. so i presume that is what you were supposed to do.

[ianlyy]

Thanks for the advice, londrum...

Hmmm., definition list..., sounds reasonable to change it... The reason why i don't really apply whats in the CSS is i uses a WYISWYG editior to edit the space, text and stuff, thus.., i wasn't pay much attanetion on whats in the CSS though..

ALso, seems, i am not really familiar with CSS, i have no idea on the functions of some of the codes there though..

Anyhow.., i think you are right, i had misused the bullet list here, will change it to dl list and tweak some 'px' in the CSS..

Thansk very much for the suggestion.. :)