Re: [WSG] duplicate id
Patrick H. Lauke wrote: Shawn J. Cassick wrote: i have tossed the class in there instead of the id, but then the css for some reason wont render on screen. Of course you need to change your CSS to reference classes rather than ids. Without sounding patronising, may I suggest a beginners tutorial on CSS to get to grips with the basics? http://www.htmldog.com/guides/cssbeginner/ lol yah know, a smart ass comment helps you realize you overlooked something really basic, i feel kinda stupid now. thanks pat for the constructive criticism ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] duplicate id
Peter Williams wrote:
Your question is somewhat ambiguous, but if you need to style
an element repeatedly on a page you should use a class, not
an id.
CSS
.prettything {styles;}
Markup
span class=prettythingPretty stuff/span
With a class defined using just the dot nomenclature you
could use it on any element you need to.
div class=prettythingPretty div/div
p class=prettythingPretty paragraph/p
and so on.
What about :
#container{ styles }
#container p{more styles}
#container p.alert {color : #f00;}
Then if (for example) you have 10 paragraphs, you can style the select
few by classing them as alert viz: p class=alert
--
Best Regards,
Bob McClelland
Cornwall (UK)
www.gwelanmor-internet.co.uk
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] duplicate id
Ted Drake wrote: Don’t base your markup decisions on how the final product looks. Base your markup decisions on what the content is and should be. So, if the title test is the title of the page, it should be marked up with a header tag. Placing it in a span, div, p, etc is not giving it the structural and semantic value it deserves. Spans should be used conservatively. You should think twice, maybe three times before using on. They aren’t bad, just easily abused. Look for a more structural/semantic option first. Use a div if it is a block, use a span if it sits within another element, like a link or paragraph. If you find yourself needing to use an id twice, it’s time to re-evaluate what you are doing or use a class instead. Ted http://www.last-child.com From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of shawn cassick Sent: Tuesday, May 09, 2006 4:46 PM To: wsg@webstandardsgroup.org Subject: [WSG] duplicate id i am currently recoding a page from sloppy html to xhtml 1.0 strict, my question is, how can i get around the span duplicate id defined, as i use css to define a border around the title text, yes i thought of using h1, b, etc. and relating the css to those tags, but the titles are to have pretty much the same properties as the main text. long story short does anyone have an idea of how to get around it, i am currently at school right now but any responses would be nice, i have thought of using a div tag instead of a span and making the width auto, but still... thanks guys Shawn Cassick Lead Designer - Bumlabs.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** alaso just so it is clear i am not speaking of the title tag title i am speaking of a #title a reference in my css. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] duplicate id
Kevin Futter wrote: On 10/5/06 9:45 AM, shawn cassick [EMAIL PROTECTED] wrote: i am currently recoding a page from sloppy html to xhtml 1.0 strict, my question is, how can i get around the span duplicate id defined, as i use css to define a border around the title text, yes i thought of using h1, b, etc. and relating the css to those tags, but the titles are to have pretty much the same properties as the main text. long story short does anyone have an idea of how to get around it, i am currently at school right now but any responses would be nice, i have thought of using a div tag instead of a span and making the width auto, but still... thanks guys Shawn Cassick Lead Designer - Bumlabs.com http://Bumlabs.com I’m not sure I fully understand your question, but can’t you just use a class instead of an ID where the same style needs to be applied to multiple elements? -- Kevin Futter Webmaster, St. Bernard's College http://www.sbc.melb.catholic.edu.au/ i have tossed the class in there instead of the id, but then the css for some reason wont render on screen. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] duplicate id
Shawn J. Cassick wrote: i have tossed the class in there instead of the id, but then the css for some reason wont render on screen. Of course you need to change your CSS to reference classes rather than ids. Without sounding patronising, may I suggest a beginners tutorial on CSS to get to grips with the basics? http://www.htmldog.com/guides/cssbeginner/ -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] duplicate id
shawn cassick wrote: i am currently recoding a page from sloppy html to xhtml 1.0 strict, Why XHTML? Search the archives for previous discussion on the topic. my question is, how can i get around the span duplicate id defined, Use a class name instead of an id. as i use css to define a border around the title text, yes i thought of using h1, b, etc. and relating the css to those tags, but the titles are to have pretty much the same properties as the main text. That makes absolutely no sense whatsoever. Use the correct semantic markup for titles and headings (h1 to h6, as appropriate) and then use stylesheets to style them in any way you want. i have thought of using a div tag instead of a span and making the width auto, Don't use either if you can avoid it, always use appropriate semantic markup. -- Lachlan Hunt http://lachy.id.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] duplicate id
Dont base your markup decisions on how the final product looks. Base your markup decisions on what the content is and should be. So, if the title test is the title of the page, it should be marked up with a header tag. Placing it in a span, div, p, etc is not giving it the structural and semantic value it deserves. Spans should be used conservatively. You should think twice, maybe three times before using on. They arent bad, just easily abused. Look for a more structural/semantic option first. Use a div if it is a block, use a span if it sits within another element, like a link or paragraph. If you find yourself needing to use an id twice, its time to re-evaluate what you are doing or use a class instead. Ted http://www.last-child.com From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of shawn cassick Sent: Tuesday, May 09, 2006 4:46 PM To: wsg@webstandardsgroup.org Subject: [WSG] duplicate id i am currently recoding a page from sloppy html to xhtml 1.0 strict, my question is, how can i get around the span duplicate id defined, as i use css to define a border around the title text, yes i thought of using h1, b, etc. and relating the css to those tags, but the titles are to have pretty much the same properties as the main text. long story short does anyone have an idea of how to get around it, i am currently at school right now but any responses would be nice, i have thought of using a div tag instead of a span and making the width auto, but still... thanks guys Shawn Cassick Lead Designer - Bumlabs.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] duplicate id
From: shawn cassick
how can i get around the span duplicate id defined,
as i use css to define a border around the title text,
i have thought of using a div tag instead of a span
Your question is somewhat ambiguous, but if you need to style
an element repeatedly on a page you should use a class, not
an id.
CSS
.prettything {styles;}
Markup
span class=prettythingPretty stuff/span
With a class defined using just the dot nomenclature you
could use it on any element you need to.
div class=prettythingPretty div/div
p class=prettythingPretty paragraph/p
and so on.
--
Peter Williams
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] duplicate id
Title: Re: [WSG] duplicate id On 10/5/06 9:45 AM, shawn cassick [EMAIL PROTECTED] wrote: i am currently recoding a page from sloppy html to xhtml 1.0 strict, my question is, how can i get around the span duplicate id defined, as i use css to define a border around the title text, yes i thought of using h1, b, etc. and relating the css to those tags, but the titles are to have pretty much the same properties as the main text. long story short does anyone have an idea of how to get around it, i am currently at school right now but any responses would be nice, i have thought of using a div tag instead of a span and making the width auto, but still... thanks guys Shawn Cassick Lead Designer - Bumlabs.com http://Bumlabs.com Im not sure I fully understand your question, but cant you just use a class instead of an ID where the same style needs to be applied to multiple elements? -- Kevin Futter Webmaster, St. Bernard's College http://www.sbc.melb.catholic.edu.au/
