[Spam] :Re: [WSG] Converting CSS / Design into Pre-Set HTML widget code
What's a widget in this context?
2009/10/12 Kristine Cummins des...@kristinecummins.com
I am unsuccessfully able to convert my CSS/design into *pre-set HTML
widget code* (see widget code below).
Current List design (see Events on right):
http://www.elizabethspencerwines.com/development/v9/index.shtml
div id=sidebar
ul
li id=events-calendar class=widget EC_Widget_display
h2 class=widgettitleEvents Calendar/h2
ul
li id=no-events-in-liststrongtext goes here/strong/li
/ul
/li
/ul
/div!-- end sidebar --
=
My original CSS to make my un-widgetized design work:
.iconlist {
background-color: inherit;
color: #000;
font: normal .7em/1.2em Trebuchet MS, verdana, helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 0;
}
li.bullet {
background: url(images/bullet.gif) no-repeat 0 8%;
padding: 3px 0 3px 20px;
margin: .7em 0;
}
.smtxt {
background-color: transparent;
color: #999;
font: 11px/13px Arial, Verdana, sans-serif;
text-align: center;
}
A MILLION THANKS!
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
--
James Ducker
Web Developer
http://www.studioj.net.au
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] Converting CSS / Design into Pre-Set HTML widget code
Not sure that I understand the question, but none of the CSS that you
show here applies to the code snippet that you included: they have no
classes in common.
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.
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Kristine Cummins
Sent: 12 October 2009 05:26
To: Web Standards Group
Subject: [WSG] Converting CSS / Design into Pre-Set HTML widget code
I am unsuccessfully able to convert my CSS/design into pre-set HTML
widget code (see widget code below).
Current List design (see Events on right):
http://www.elizabethspencerwines.com/development/v9/index.shtml
div id=sidebar
ul
li id=events-calendar class=widget EC_Widget_display
h2 class=widgettitleEvents Calendar/h2
ul
li id=no-events-in-liststrongtext goes here/strong/li
/ul
/li
/ul
/div!-- end sidebar --
=
My original CSS to make my un-widgetized design work:
.iconlist {
background-color: inherit;
color: #000;
font: normal .7em/1.2em Trebuchet MS, verdana, helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 0;
}
li.bullet {
background: url(images/bullet.gif) no-repeat 0 8%;
padding: 3px 0 3px 20px;
margin: .7em 0;
}
.smtxt {
background-color: transparent;
color: #999;
font: 11px/13px Arial, Verdana, sans-serif;
text-align: center;
}
A MILLION THANKS!
***
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] [Spam] :Out of Office AutoReply: WSG Digest
Thank you for your email. I will be out of the office on Monday and will be beack in the office on Tuesday. If the matter is urgent, please email tamara.russ...@environment.gov.au Thank-you, Julie Hodgkinson www.LivingGreener.gov.au Department of the Environment, Water, Heritage and the Arts -- If you have received this transmission in error please notify us immediately by return e-mail and delete all copies. If this e-mail or any attachments have been sent to you in error, that error does not constitute waiver of any confidentiality, privilege or copyright in respect of information in the e-mail or attachments. Please consider the environment before printing this email. -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Is page-break-before broken in Webkit?
hello i dont really get what you mean can you pleas tell me more On Sun, Oct 11, 2009 at 10:05 PM, David Hucklesby huckle...@gmail.comwrote: Trying to put the entire printed recipe on its own printed page, most browsers honor my page-break-before: always; declaration. I can't get this to work nohow no way in Webkit (Safari and Chrome), even by adding !important... http://yewebwiz.info/temp/kam/ The rule is first in the @print section, near the end of this CSS: http://yewebwiz.info/temp/kam/recipes.css 2nd question - is there a list of known Webkit bugs anywhere? Thanks in advance for any enlightenment. Cordially, David -- P.S. Sorry for the cross-posting. I got no response from the other list. *** 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 ***
Re: [Spam] :Re: [WSG] Converting CSS / Design into Pre-Set HTML widget code
hello
i dont realy get you can you pleas tell me more
On Mon, Oct 12, 2009 at 1:10 AM, James Ducker jduc...@ieee.org wrote:
What's a widget in this context?
2009/10/12 Kristine Cummins des...@kristinecummins.com
I am unsuccessfully able to convert my CSS/design into *pre-set HTML
widget code* (see widget code below).
Current List design (see Events on right):
http://www.elizabethspencerwines.com/development/v9/index.shtml
div id=sidebar
ul
li id=events-calendar class=widget EC_Widget_display
h2 class=widgettitleEvents Calendar/h2
ul
li id=no-events-in-liststrongtext goes here/strong/li
/ul
/li
/ul
/div!-- end sidebar --
=
My original CSS to make my un-widgetized design work:
.iconlist {
background-color: inherit;
color: #000;
font: normal .7em/1.2em Trebuchet MS, verdana, helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 0;
}
li.bullet {
background: url(images/bullet.gif) no-repeat 0 8%;
padding: 3px 0 3px 20px;
margin: .7em 0;
}
.smtxt {
background-color: transparent;
color: #999;
font: 11px/13px Arial, Verdana, sans-serif;
text-align: center;
}
A MILLION THANKS!
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
--
James Ducker
Web Developer
http://www.studioj.net.au
***
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] JavaScript courses in Sydney
Hi, Can anyone recommend a good JavaScript course in Sydney? I've been teaching myself for a few years, so I have a reasonable idea how to write unobtrusive JavaScript and have mucked around with jQuery, but feel I need something practical to really consolidate my knowledge and move forward. Does anyone know a good, solid one- or two-day course? There's two other people in my team who would be interested as well. We're located in the CBD, so somewhere close to the city would be ideal. Thanks, David McKinnon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] dl as paragraph?
Hi everyone. I was just looking at a page on the National Library of Australia web site ( http://www.nla.gov.au/services/issnabout.html) and noticed the font rendering was strange in my browser (Firefox 3.5.3). When I looked at the markup to try and understand why, I found that the site seem to be marked up using definition lists for paragraphs. I don't want to jump to conclusions, so can anyone suggest a legitimate reason for doing this? Each paragraph seems to be a new list (not a new list *item*. A whole new list). And the text is in a dd tag with no dt. The strange font rendering (in FF at least) seems to be caused by the font (Myriad Pro) being rendered at %90. Changing either the font size of face appears to fix it. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] dl as paragraph?
At 10/12/2009 04:01 PM, nedlud wrote: I was just looking at a page on the National Library of Australia web site (http://www.nla.gov.au/services/issnabout.htmlhttp://www.nla.gov.au/services/issnabout.html) and noticed the font rendering was strange in my browser (Firefox 3.5.3). When I looked at the markup to try and understand why, I found that the site seem to be marked up using definition lists for paragraphs. I don't want to jump to conclusions, so can anyone suggest a legitimate reason for doing this? Each paragraph seems to be a new list (not a new list *item*. A whole new list). My guess is that the markup was engineered by someone still learning the ropes. The page content is in the form of a QA and they validly selected a definition list as the markup structure, but then they decided to use h3 for the questions and realized an h3 couldn't be the immediate child of a dl so they dropped out of the list structure for each question. I think a better solution would have been to make the whole FAQ a single dl and drop the h3's. And the text is in a dd tag with no dt. I believe that's valid markup. As I read the DTD, a definition list must contain at least one dt *OR* dd but doesn't require at least one of each: !ELEMENT DL - - (DT|DD)+ -- definition list -- http://www.w3.org/TR/html4/struct/lists.html#h-10.3 Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] dl as paragraph?
Hi everyone. I was just looking at a page on the National Library of Australia web site (http://www.nla.gov.au/services/issnabout.html) and noticed the font rendering was strange in my browser (Firefox 3.5.3). When I looked at the markup to try and understand why, I found that the site seem to be marked up using definition lists for paragraphs. I don't want to jump to conclusions, so can anyone suggest a legitimate reason for doing this? Each paragraph seems to be a new list (not a new list *item*. A whole new list). And the text is in a dd tag with no dt. The strange font rendering (in FF at least) seems to be caused by the font (Myriad Pro) being rendered at %90. Changing either the font size of face appears to fix it. --- Nope - it's so stupid as to barely warrant discussion. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Is page-break-before broken in Webkit?
Hi there, As a test, try using that style on an element that isn't floated or inside a floated element. - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Is page-break-before broken in Webkit?
David Hucklesby wrote: Trying to put the entire printed recipe on its own printed page, most browsers honor my page-break-before: always; declaration. I can't get this to work nohow no way in Webkit (Safari and Chrome), even by adding !important... http://yewebwiz.info/temp/kam/ The rule is first in the @print section, near the end of this CSS: http://yewebwiz.info/temp/kam/recipes.css Tim White responded: David, In testing that I've done I have found that @media doesn't seem to work in external stylesheets in all browsers. Try moving the @media rules into an embedded stylesheet just to see if Webkit works then. Oh, the @media print works all right. Check the print preview. I even tried moving the rule out of the @media section. I just can't get the page-break-before to put the recipe on its own page... All other styles are applied just fine. FWIW - page-break-after does not work either. Only Webkit... Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
