Re: [css-d] list-item markers vertical-align: top ???
on Date: Sat, 8 Dec 2007 22:00:31 -0600 mds wrote: I am having problems with list-item markers.. see other design consideration section of my portfolio at http://cssfreelancer.awardspace.com . best davoud _ Discover new ways to stay in touch with Windows Live! Visit the City @ Live today! http://getyourliveid.ca/?icid=LIVEIDENCA006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list-item markers vertical-align: top ???
Michael D Schleif wrote: I am having problems with list-item markers in unordered lists that span more than one (1) line being _centered_ vertically. 11 22 33 I want the marker centered on the first line of list-item text. 11 22 33 What do you think? Not knowing the precise construction and what rules are already applied for each element I dare say that the first example could be how it looks in IE when the li has hasLayout [1] since it has a width?? though I not sure since that usually results in the list item being adjacent to the last line. 11 22 33 One solution is wrapping the ul with a div and applying the width to this element instead or by giving the ul a width and giving a margin-left to each li. This is seen in example 3 on this test page [2] by Bruno Fassino. Other solutions are also on this test page. [1] http://www.satzansatz.de/cssd/onhavinglayout.html [2] http://www.brunildo.org/test/ul1px.html Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list-item markers vertical-align: top ???
I want the marker centered on the first line of list-item text.
The basic idea is as follows:
ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
li
{
background-image: url(bullet.gif);
background-repeat: no-repeat;
padding-left: 15px;
}
replacing the image url and padding-left with suitable values.
http://css.maxdesign.com.au/listutorial/01.htm
gives a step by step explanation, expanding on the basic idea to
reintroduce spacing, right alignment and other variations.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list-item markers vertical-align: top ???
Michael D Schleif wrote: I am having problems with list-item markers in unordered lists that span more than one (1) line being _centered_ vertically. I want the marker centered on the first line of list-item text. Too many ways to create a list with list-item markers, and too many problems that can ruin it. That in addition to that there are more than one way to fix each combination of lists / problems, and it all depends on which browser / browser-version that needs a fix. Have you got a live link to your attempt, so we can see what to fix in your particular case? No mail-attachments will make it to css-d alive. regards Georg PS: break it yourself, ASAP, so you can learn how to fix it before someone else break it for you :-) -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list-item markers vertical-align: top ???
http://www.mdsfreedom.com/sellers.aspx * Gunlaug Sørtun [EMAIL PROTECTED] [2007:12:09:05:17:10+0100] scribed: Michael D Schleif wrote: I am having problems with list-item markers in unordered lists that span more than one (1) line being _centered_ vertically. I want the marker centered on the first line of list-item text. Too many ways to create a list with list-item markers, and too many problems that can ruin it. That in addition to that there are more than one way to fix each combination of lists / problems, and it all depends on which browser / browser-version that needs a fix. Have you got a live link to your attempt, so we can see what to fix in your particular case? No mail-attachments will make it to css-d alive. regards Georg PS: break it yourself, ASAP, so you can learn how to fix it before someone else break it for you :-) -- http://www.gunlaug.no -- Best Regards, mds mds resource 877.596.8237 - Dare to fix things before they break . . . - Our capacity for understanding is inversely proportional to how much we think we know. The more I know, the more I know I don't know . . . -- signature.asc Description: Digital signature __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list-item markers vertical-align: top ???
Michael D Schleif wrote: http://www.mdsfreedom.com/sellers.aspx background-position: left; means the same as background-position: left center; if you want it to be at a specific position you must tell it so; i.e. background-position: 0 0.6ex; I didn't find any explicit line-height so '0.6ex' is more or less centered at the first line in my configuration; you should define an explicit line-height for better results. * Gunlaug Sørtun [EMAIL PROTECTED] [2007:12:09:05:17:10+0100] scribed: Michael D Schleif wrote: I am having problems with list-item markers in unordered lists that span more than one (1) line being _centered_ vertically. I want the marker centered on the first line of list-item text. Too many ways to create a list with list-item markers, and too many problems that can ruin it. That in addition to that there are more than one way to fix each combination of lists / problems, and it all depends on which browser / browser-version that needs a fix. Have you got a live link to your attempt, so we can see what to fix in your particular case? No mail-attachments will make it to css-d alive. regards Georg PS: break it yourself, ASAP, so you can learn how to fix it before someone else break it for you :-) -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list-item markers vertical-align: top ???
Michael D Schleif wrote:
http://www.mdsfreedom.com/sellers.aspx
I want the marker centered on the first line of list-item text.
The addition of...
li.body {background-position: 0 .4em;}
...will center it quite nicely on first line.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] list-item markers vertical-align: top ???
I am having problems with list-item markers in unordered lists that span more than one (1) line being _centered_ vertically. 11 22 33 I want the marker centered on the first line of list-item text. 11 22 33 What do you think? -- Best Regards, mds mds resource 877.596.8237 - Dare to fix things before they break . . . - Our capacity for understanding is inversely proportional to how much we think we know. The more I know, the more I know I don't know . . . -- signature.asc Description: Digital signature __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
