RE: [WSG] CSS list-style
Chris,
I am not sure what system you tested this on, but it doesn't work on any
system I tried, and indeed it shouldn't: the marker is a part of the LI
not of the UL.
Regards,
Mike
Mike Brockington
Web Development Specialist
www.calcResult.com
www.stephanieBlakey.me.uk
www.edinburgh.gov.uk
This message does not reflect the opinions of any entity other than the
author alone.
-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Chris F.A. Johnson
Sent: 06 October 2009 19:00
To: wsg
Subject: Re: [WSG] CSS list-style
On Tue, 6 Oct 2009, Richard Mather wrote:
ul
li class=blackcontent/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li.black {
color:#000;
}
--
Chris F.A. Johnson, webmaster http://woodbine-gerrard.com
===
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] elasticity and floats
- Original Message - From: Chris F.A. Johnson ch...@cfajohnson.com To: wsg@webstandardsgroup.org Sent: Tuesday, October 06, 2009 6:46 PM Subject: Re: [WSG] elasticity and floats Is this what you want: http://cfajohnson.com/testing/floatdivs.shtml ? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com Well Chris, I'm intrigued! I took your example (which is exactly what I wanted!) and changed your a's and b's to my own, and it works a treat (almost). See here: http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html I cannot get my head around why this should work, and my own didn't! Must be something to do with the order of stuff. However, I put a border around the elastic div (so it can be seen) and it is perfect in IE7, but is full width if FF3. What's going on here? Duh. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Out of Office AutoReply: WSG Digest
Thanks for your email. I will be out of the office on7 October with no access to email. If the matter is urgent please contact Max Australia on 02 9954 3492. Otherwise, I will respond to your email when I return on Thursday, 8 October. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[Spam] :Re: [WSG] elasticity and floats
I forgot to include a link to my own (failed) attempt: http://www.rspcacornwall.org.uk/testbed/header_floats.html Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] elasticity and floats
Hi Bob, I think it must be something odd about IE7. I've just tried your link in FF3 and Galeon on Linux, and FF3, IE8, Safari 4 and Opera 10 on Windows. In every case the border appears around the entire masthead, not just the third div. Lesley designer wrote: - Original Message - From: Chris F.A. Johnson ch...@cfajohnson.com To: wsg@webstandardsgroup.org Sent: Tuesday, October 06, 2009 6:46 PM Subject: Re: [WSG] elasticity and floats Is this what you want: http://cfajohnson.com/testing/floatdivs.shtml ? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com Well Chris, I'm intrigued! I took your example (which is exactly what I wanted!) and changed your a's and b's to my own, and it works a treat (almost). See here: http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html I cannot get my head around why this should work, and my own didn't! Must be something to do with the order of stuff. However, I put a border around the elastic div (so it can be seen) and it is perfect in IE7, but is full width if FF3. What's going on here? Duh. Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] My site
Hi. looking to fix my site. have not got around to it yet. doing other projects and now iwll get to it tomorrow. now how do i make all the images the same size. Do i get rid of the banana images and the second menu. only one set of links. On the credits page, do i get rid of the p link from the list of links. and just have a a href= ...html? cheers Marvin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] CSS list-style
On Wed, 7 Oct 2009, michael.brocking...@bt.com wrote:
Chris,
I am not sure what system you tested this on, but it doesn't work on any
system I tried, and indeed it shouldn't: the marker is a part of the LI
not of the UL.
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
HTML
HEAD
TITLELowercase latin numbering/TITLE
STYLE type=text/css
ol { list-style-type: lower-roman }
/STYLE
/HEAD
BODY
OL
LI This is the first item.
LI This is the second item.
LI This is the third item.
/OL
/BODY
/HTML
-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Chris F.A. Johnson
Sent: 06 October 2009 19:00
To: wsg
Subject: Re: [WSG] CSS list-style
On Tue, 6 Oct 2009, Richard Mather wrote:
ul
li class=blackcontent/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li.black {
color:#000;
}
--
Chris F.A. Johnson, webmaster http://woodbine-gerrard.com
===
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] My Site
my site still errorshi. take a look at http://startrekcafe.alacorncomputer.com still errors. and okay will go and download the vision australia color tester and see what colors they say for the background. okay will go and vallidate the hoem page. did fix the table reading problem. it was the screen reader table setting for ie, which was giving me grief on the home page. did not set my table layout settings to screen layout. now the table reads fine. and also what other changes i should make to make this a slicker site. any good, bad or ugly feedback would be fine and making final changes. I am blind and use a screen reader, and want this to be tarted for blind and sighted users. looking forward to your feedback. cheers Marvin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Best book for learning PHP
Hi all, I really need to get better at PHP MYSQL, mainly for customising Wordpress. I'm scouring Amazon and the interweb and finding conflicting opinions. I was just wondering what any of the experts on here recommend?! PS - this isn't off topic, right?! Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] My Site
Hi there! I have experience building sites for blind people, but have absolutely no idea how a blind person builds a website. As for your website, the first thing I'd do is reduce the image of the mango because that's 3264 x 2448 pixels worth of mango and it's way too much. Secondly I'd try to get rid of all tables for the code. I don't know if you're using a program or you're coding by hand, but screen reader don't deal perfectly (and even less equally) with tables, so it'd be a great idea to try using XHTML and CSS for presentational purposes. And finally, colorwise, you should think of changing the links colors, because you have green over green and it doesn't validate the AAA WCAG2 specification. Other than that, it should be fine. Congrats, 'cause I can't believe I could do any of this without my vision. Cheers Raul -Mensaje original- De: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] En nombre de Marvin Hunkin Enviado el: miércoles, 07 de octubre de 2009 14:06 Para: wsg@webstandardsgroup.org Asunto: [WSG] My Site my site still errorshi. take a look at http://startrekcafe.alacorncomputer.com still errors. and okay will go and download the vision australia color tester and see what colors they say for the background. okay will go and vallidate the hoem page. did fix the table reading problem. it was the screen reader table setting for ie, which was giving me grief on the home page. did not set my table layout settings to screen layout. now the table reads fine. and also what other changes i should make to make this a slicker site. any good, bad or ugly feedback would be fine and making final changes. I am blind and use a screen reader, and want this to be tarted for blind and sighted users. looking forward to your feedback. cheers Marvin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Invitation to connect on LinkedIn
LinkedIn Marius Milcher requested to add you as a connection on LinkedIn: -- Nick, I'd like to add you to my professional network on LinkedIn. - Marius Accept invitation from Marius Milcher http://www.linkedin.com/e/7L1XvhOEro1RJ5LtYH3XHbryRcefSR7tSTTS06J/blk/I1488228795_2/pmpxnSRJrSdvj4R5fnhv9ClRsDgZp6lQs6lzoQ5AomZIpn8_cBYRejsUcz8Ue3gNiiZDgRZFoCBjuyYSejwNdjAOe3sLrCBxbOYWrSlI/EML_comm_afe/ View invitation from Marius Milcher http://www.linkedin.com/e/7L1XvhOEro1RJ5LtYH3XHbryRcefSR7tSTTS06J/blk/I1488228795_2/39vdjATe38Oe3wQckALqnpPbOYWrSlI/svi/ -- DID YOU KNOW you can showcase your professional knowledge on LinkedIn to receive job/consulting offers and enhance your professional reputation? Posting replies to questions on LinkedIn Answers puts you in front of the world's professional community. http://www.linkedin.com/e/abq/inv-24/ -- (c) 2009, LinkedIn Corporation *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] elasticity and floats
HI Lesley, re: http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html I wonder why IE is the only one that gets it right? Fascinating. Bob - Original Message - From: Lesley Lutomski ubu...@webaflame.co.uk To: wsg@webstandardsgroup.org Sent: Wednesday, October 07, 2009 12:22 PM Subject: Re: [WSG] elasticity and floats Hi Bob, I think it must be something odd about IE7. I've just tried your link in FF3 and Galeon on Linux, and FF3, IE8, Safari 4 and Opera 10 on Windows. In every case the border appears around the entire masthead, not just the third div. Lesley *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re[2]: [WSG] elasticity and floats
Hi Bob!
May I add another wrapper div? Try the following. Probably you want
to tweak some withs and margins.
Regards,
Martin.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleTest/title
style type=text/css
#outer {
border: 1px solid red;
width: 50%;
}
#inner {
margin-left: 250px;
margin-right: 100px;
}
#adleft1 {
float: left;
width: 100px;
height: 100px;
margin-left: -250px;
background: #c00;
}
#adleft2 {
float: left;
width: 100px;
height: 100px;
margin-left: -100px;
background: #0c0;
}
#adcenter {
height: 100px;
background: #00c;
margin: 0 -1px;
}
#adright {
float: right;
width: 100px;
height: 100px;
margin-right: -100px;
background: #c00;
}
/style
/head
body
div id=outer
div id=inner
div id=adleft1/div
div id=adleft2/div
div id=adright/div
div id=adcenter/div
/div
/div
/body
/html
Wednesday, October 7, 2009, 7:28:33 PM, you wrote:
d HI Lesley,
d re: http://www.rspcacornwall.org.uk/testbed/floatdivs_cjapplied.html
d I wonder why IE is the only one that gets it right? Fascinating.
d Bob
d - Original Message -
d From: Lesley Lutomski ubu...@webaflame.co.uk
d To: wsg@webstandardsgroup.org
d Sent: Wednesday, October 07, 2009 12:22 PM
d Subject: Re: [WSG] elasticity and floats
Hi Bob,
I think it must be something odd about IE7. I've just tried your link
in FF3 and Galeon on Linux, and FF3, IE8, Safari 4 and Opera 10 on
Windows. In every case the border appears around the entire masthead,
not just the third div.
Lesley
d ***
d List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
d Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
d Help: memberh...@webstandardsgroup.org
d ***
Ciao,
Martin
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] CSS list-style
Chris F.A. Johnson wrote:
ul
li class=blackcontent/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li.black {
color:#000;
}
Then apparently Michael Brockington wrote:
Chris,
I am not sure what system you tested this on, but it doesn't work on
any system I tried, and indeed it shouldn't: the marker is a part of
the LI not of the UL.
I believe the problem with this is that the list-style-type is inherited
(it's fine to place it on the UL/OL), so with that last rule you find
both the text and the bullet are black. IIRC there's no easy way around
this apart from using an image or a span, as you are already aware.
HTH
Mark
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
