Beginning of a line. UL and LI

Hey,

Is there a way to specify in the CSS file that every UL or LI line should begin 30px from the left.

I know that there is a function for a box, but is there any way to make it happen to an LI or UL without actually putting them in a box?

Thanks.

 

give the li's the following (if i understand you correctly)

margin-left: 30px;

 

To do that though you're going to have to zero out the padding as well since different browsers use different properties to indent lists.

 

sure, use the wildcard reset

* {padding: 0; margin: 0;}

 

That can actually cause a lot of usabililty and accessibility problems with form controls. I'd use this instead (at the very top of the stylesheet).

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var {
	margin: 0;
	padding: 0;
}

Code (markup):

 

You've got my attention with that one, I've never heard of that before.

What kind of problems ?

 

It can be harder for people who navigate via the keyboard to retain focus of the controls, other browsers will not let you reapply margins or padding to form controls that have had them zeroed out via the universal selector, and Internet Explorer in particular will flat out ignore it on certain form controls under specific circumstances.

I'd give you more, but the source I'd like to cite is down right now.

 

Wait, okay, what's a control? I've been using that stupid star since I first heard about its wonders and glories, and of course always need to add padding here and margins there on stuff inside my forms (giving my obese CSS sheets an extra weight problem) and so far I see the effects of these paddings and margins... and so far it looks like I can focus on the labels, input and dropdown boxes with the down arrow... what am I missing?

It would be nice if CSS had an "exception" rule so that you didn't have to bloat your zeroing with a huge paragraph of every possible element known to man. * !form {margin:0;padding0;}

Guess I'll add that to my CSS wishlist for Sinterklaas, along with UNIX/bash rules, regular expressions, some basic math, vertical centering inside elements... sigh.

 

If you want to be applied in all li's and ul's you can write something like that in your stylesheet

ul, li { margin: 0 0 0 30px;}

 

Stomme, a form control is an element found inside the FORM element. Input, select/option, textarea, and so forth.