R: [WSG] Centering all items in a li
Hi Darren,
did you ever tried:
label{
float:left;
clear:left;
}
It's better than now. :)
Cheers.
Diego La Monica
Web 2.0 - Standards - Accessibilità
mobile: +39 3337235382 - skype: diego.la.monica
web: http://diegolamonica.info - http://jastegg.it
-Messaggio originale-
Da: Darren Lovelock [mailto:[EMAIL PROTECTED]
Inviato: lunedì 19 maggio 2008 0.04
A: wsg@webstandardsgroup.org
Oggetto: RE: [WSG] Centering all items in a li
Here's a example of what I'm doing http://www.munkyonline.co.uk/test.html
I want the li's to behave the same as table cells set with valign:middle.
I've had to float the li's left instead of displaying them inline otherwise
they stack on top of each other in a mess!
I suppose looking at it I could have used divs instead of a list but either
way, I think it will still behave the same.
Cheers,
Darren
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rahul Gonsalves
Sent: 18 May 2008 13:46
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Centering all items in a li
Darren,
On 17-May-08, at 8:09 PM, Darren Lovelock wrote:
I've been trying to find a solution that will allow me to vertically
center all the items in a li. The big problems i've got are that the
li's are a non-fixed height and are floating to the left.
A link to a stripped down test would be helpful.
However, if you can't post a link, perhaps one of the links below will be
helpful to you?
Best,
- Rahul.
[1] http://www.brunildo.org/test/
[2] http://www.brunildo.org/test/vertmiddle.html
[3] http://www.brunildo.org/test/valimid2.html
[4] http://www.brunildo.org/test/va_lineheight.html
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Centering all items in a li
I think semantically I would have gone for divs in the first place as it's not really a list perse... On Mon, May 19, 2008 at 12:04 AM, Darren Lovelock [EMAIL PROTECTED] wrote: Here's a example of what I'm doing http://www.munkyonline.co.uk/test.html I want the li's to behave the same as table cells set with valign:middle. I've had to float the li's left instead of displaying them inline otherwise they stack on top of each other in a mess! I suppose looking at it I could have used divs instead of a list but either way, I think it will still behave the same. Cheers, Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rahul Gonsalves Sent: 18 May 2008 13:46 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Centering all items in a li Darren, On 17-May-08, at 8:09 PM, Darren Lovelock wrote: I've been trying to find a solution that will allow me to vertically center all the items in a li. The big problems i've got are that the li's are a non-fixed height and are floating to the left. A link to a stripped down test would be helpful. However, if you can't post a link, perhaps one of the links below will be helpful to you? Best, - Rahul. [1] http://www.brunildo.org/test/ [2] http://www.brunildo.org/test/vertmiddle.html [3] http://www.brunildo.org/test/valimid2.html [4] http://www.brunildo.org/test/va_lineheight.html *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] possible to make absolute position moves down with fontsize resize?
On 17 May 2008, at 06:03, David Hucklesby wrote: For some reason, sizing nearly everything in pixels is viewed as easy and efficient. I find I have to be super-careful when using fixed pixel sizes for anything, given the many and varied ways that this or that browser or operating system affects text sizes. Agreed. I tend to try and specify *everything* in ems these days (having established a practical font side on the Body tag); the result is a nicely elastic design that is almost guaranteed not to break with text resizing, as everything scales along with the text. (Bitmap images are the only hurdle really -- choose between (a) Images don't resize with the other stuff, (b) images resize but lose definition v.quickly, or (c) images keep their definition but the user is made to download extra image data they may never need). Oh, I sometimes substitute a percentage unit for ems with respect to page structure -- a column set to 60% width is more self-explanatory than a column set to 44.5ems inside a 74em wrapper. This mixing of ems and percentages has never led to any problems AFAIK. -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] firefox 3 beta5
On 19 May 2008, at 10:37, kevin mcmonagle wrote: Recently it was pointed out to me that a site I built is breaking in firefox 3 beta five. How close is this to release? RC1 just came out Do i need to worry about this? the site works fine in current browsers-firefox and otherwise. I'd be concerned. -- David Dorward http://dorward.me.uk/ http://blog.dorward.me.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] firefox 3 beta5
Recently it was pointed out to me that a site I built is breaking in firefox 3 beta five. How close is this to release? Do i need to worry about this? the site works fine in current browsers-firefox and otherwise. -thanks in advance kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Centering all items in a li
Hi Darren, First of all, I will have to agree with Matijs that it is probably not the best place to use li. Second, I was actually doing some research on these type of problems the other day, and I founded this: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html However, I did not get a chance to try it myself yet, but maybe this can give you some idea on where to start. ~Calvin On Mon, May 19, 2008 at 12:01 AM, Matijs [EMAIL PROTECTED] wrote: I think semantically I would have gone for divs in the first place as it's not really a list perse... On Mon, May 19, 2008 at 12:04 AM, Darren Lovelock [EMAIL PROTECTED] wrote: Here's a example of what I'm doing http://www.munkyonline.co.uk/test.html I want the li's to behave the same as table cells set with valign:middle. I've had to float the li's left instead of displaying them inline otherwise they stack on top of each other in a mess! I suppose looking at it I could have used divs instead of a list but either way, I think it will still behave the same. Cheers, Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rahul Gonsalves Sent: 18 May 2008 13:46 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Centering all items in a li Darren, On 17-May-08, at 8:09 PM, Darren Lovelock wrote: I've been trying to find a solution that will allow me to vertically center all the items in a li. The big problems i've got are that the li's are a non-fixed height and are floating to the left. A link to a stripped down test would be helpful. However, if you can't post a link, perhaps one of the links below will be helpful to you? Best, - Rahul. [1] http://www.brunildo.org/test/ [2] http://www.brunildo.org/test/vertmiddle.html [3] http://www.brunildo.org/test/valimid2.html [4] http://www.brunildo.org/test/va_lineheight.html *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Calvin Chan Web Application Engineer [EMAIL PROTECTED] Office: 1.650.340.0044 Mobile: 1.510.508.8250 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Centering all items in a li
Hey Calvin,
I've kind of fixed it using divs now.
#container { display: table-row; padding: 0; margin: 0; width: 100%; }
#container div { display: table-cell; vertical-align: middle; }
div id=container
div id=left
content
/div
div id=right
content
/div
/div
This works perfectly in all standard compliant browsers (FF, Safari and
Opera) but not Internet Explorer 6 or 7. It will work in IE 8 though
apparently.
Because 67 dont support the display: table; styles. I fixed this by adding
float: left to separate stylesheets for the IE's using conditional
statements.
This way IE has the elements vertically aligned to the top of their
containing div instead of in the middle like on the compliant browsers
(serves them right for using IE lol).
Cheers,
Darren
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Calvin Chan
Sent: 19 May 2008 19:47
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Centering all items in a li
Hi Darren,
First of all, I will have to agree with Matijs that it is probably not the
best place to use li.
Second, I was actually doing some research on these type of problems the
other day, and I founded this:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
However, I did not get a chance to try it myself yet, but maybe this can
give you some idea on where to start.
~Calvin
On Mon, May 19, 2008 at 12:01 AM, Matijs [EMAIL PROTECTED] wrote:
I think semantically I would have gone for divs in the first place as it's
not really a list perse...
On Mon, May 19, 2008 at 12:04 AM, Darren Lovelock [EMAIL PROTECTED]
wrote:
Here's a example of what I'm doing http://www.munkyonline.co.uk/test.html
I want the li's to behave the same as table cells set with valign:middle.
I've had to float the li's left instead of displaying them inline otherwise
they stack on top of each other in a mess!
I suppose looking at it I could have used divs instead of a list but either
way, I think it will still behave the same.
Cheers,
Darren
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rahul Gonsalves
Sent: 18 May 2008 13:46
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Centering all items in a li
Darren,
On 17-May-08, at 8:09 PM, Darren Lovelock wrote:
I've been trying to find a solution that will allow me to vertically
center all the items in a li. The big problems i've got are that the
li's are a non-fixed height and are floating to the left.
A link to a stripped down test would be helpful.
However, if you can't post a link, perhaps one of the links below will be
helpful to you?
Best,
- Rahul.
[1] http://www.brunildo.org/test/
[2] http://www.brunildo.org/test/vertmiddle.html
[3] http://www.brunildo.org/test/valimid2.html
[4] http://www.brunildo.org/test/va_lineheight.html
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Calvin Chan
Web Application Engineer
[EMAIL PROTECTED]
Office: 1.650.340.0044
Mobile: 1.510.508.8250
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Centering all items in a li
Неужели никто не знает про славного Стью Николса? anybody knows Stuart Nicholls? He found decision long time ago!! http://www.cssplay.co.uk/ie/valign.html Darren Lovelock пишет: Hi list, I've been trying to find a solution that will allow me to vertically center all the items in a li. The big problems i've got are that the li's are a non-fixed height and are floating to the left. So that kills the negative positioning http://www.jakpsatweb.cz/css/css-vertical-center-solution.html method and the table-cell http://www.w3.org/Style/Examples/007/center#vertical methods that I've found whilst scouring the web. Does anyone know a method that I can use that doesn't involve using tables? Any help will be greatly appreciated! Regards, Darren Lovelock Munky Online Web Design http://www.munkyonline.co.uk http://www.munkyonline.co.uk/ T: +44 (0)20-8816-8893 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***begin:vcard fn;quoted-printable:=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B9 =D0=9A=D0=B8=D1=80=D0=B8=D1=87=D0=B5= =D0=BD=D0=BA=D0=BE n;quoted-printable;quoted-printable:=D0=9A=D0=B8=D1=80=D0=B8=D1=87=D0=B5=D0=BD=D0=BA=D0=BE;=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B9 email;internet:[EMAIL PROTECTED] tel;cell:+79043334625 version:2.1 end:vcard
Re: [WSG] firefox 3 beta5
If its a Beta I would say wait until its done before rewriting anything that is currently W3C CSS compliant. Remember beta means not done. If you are interested in judging beta releases test it an decide why its breaking. Are you currently fulfilling W3C standards. If you are and its breaking it would sound like the beta has a bug than your code having a bug. Does your site pass the validator. It does look like they are expecting the final release in June The Mozilla team has not specified a final ship date for Firefox 3 but sources in the linux distribution community say they were promised final copies in June. http://blogs.zdnet.com/open-source/?p=2450 The project site http://wiki.mozilla.org/Firefox3 Here are the release notes http://www.mozilla.com/en-US/firefox/3.0rc1/releasenotes/ Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 David Dorward wrote: On 19 May 2008, at 10:37, kevin mcmonagle wrote: Recently it was pointed out to me that a site I built is breaking in firefox 3 beta five. How close is this to release? RC1 just came out Do i need to worry about this? the site works fine in current browsers-firefox and otherwise. I'd be concerned. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] PHP Standards
I am guessing that PHP is much like JavaScript in that a lot of what is floating about is either poor or pooh the result of all the good programmes stending their time on ASP or J2EE Why woul you think the good programmers spend their time and ASP or J2EE? Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Designer wrote: I think that it's basically your responsibility Ian, in that there are many sources of snippets available and if you use them you just validate the generated code and put right what is wrong in the php. Then, you check for best practice too . . . Bob Ian Chamberlain wrote: Fingers crossed this is not too far off topic; being a newby to PHP; any clues where I can find how-to's, snippets, libraries or even application suites built from PHP that are built to a good minimum standard please. I am guessing that PHP is much like JavaScript in that a lot of what is floating about is either poor or pooh the result of all the good programmes stending their time on ASP or J2EE. Thanks Ian *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] firefox 3 beta5
Ack! Anyone else had horrible problems installing FF3? My install crashes every time I open it, so I had to reinstall FF2.. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] firefox 3 beta5
On 2008/05/20 15:13 (GMT+1200) Paul Bennett apparently typed: Ack! Anyone else had horrible problems installing FF3? No, but ... My install crashes every time I open it, so I had to reinstall FF2.. I avoid installing applications whenever possible. In the case of unreleased Gecko products, it's more than just possible, it's often preferable. Get yourself an archive build instead of an installer build from http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/ and see if you have better luck. There's no reason you can't have both on the same machine at the same time, though an extra step or three are required to enable using both at the same time, and you're probably better off not using a profile previously used with FF3 to use with FF2. -- . . . . in everything, do to others what you would have them do to you . . . . Matthew 7:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] PHP Standards
Hi Ian You may want to check out some pre-existing PHP coding standards: http://pear.php.net/manual/en/standards.php and the incomplete http://pear.php.net/manual/en/pear2cs.php http://framework.zend.com/manual/en/coding-standard.html Both PEAR and Zend Framework are Open source repositories of PHP code, written to their respective standards, and well documented. For less organised code, try http://www.phpclasses.org Ray At 01:32 AM 17/05/2008, Ian Chamberlain wrote: Fingers crossed this is not too far off topic; being a newby to PHP; any clues where I can find how-to's, snippets, libraries or even application suites built from PHP that are built to a good minimum standard please. I am guessing that PHP is much like JavaScript in that a lot of what is floating about is either poor or pooh the result of all the good programmes stending their time on ASP or J2EE. Thanks Ian *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Centering all items in a li
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: Monday, May 19, 2008 12:20 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Centering all items in a li
I've kind of fixed it using divs now.
#container { display: table-row; padding: 0; margin: 0; width: 100%; }
#container div { display: table-cell; vertical-align: middle; }
Hi Darren,
You could have it working keeping the List Items:
http://www.tjkdesign.com/articles/thumbnail_and_caption/inline-block_table-c
ell_and_zoom.asp
--
Regards,
Thierry | http://www.TJKDesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
