Re: [WSG] bar graph with html 4.01 strict + css
Granted, the graphs are very nice. However, wouldn't this be considered the wrong way to use CSS? The graph is part of the basic information of the page, isn't it? So it should not rely on CSS to generate it. CSS is for styling, (X)HTML is where the content goes. It seems like the only way to do this the right way is to use an image for the graph. -Sam Walker On Apr 7, 2004, at 5:54 PM, Adam Carmichael wrote: Adam Carmichael wrote: Adam Carmichael wrote: The third and final problem is that several themes I'm planning on using it with may want to have different width so it needs to be fairly fluidic. I tried using percentages with this but I got no where. I woke up and got somewhere on the [1] percentage based layout over [0] the original layout. Now the important stuff to tackle. [0] http://carneeki.net/tmp/bargraph/version/0/list.htm [1] http://carneeki.net/tmp/bargraph/version/1/list.htm Version [2] fixes it just the way I want (under firefox) and it's close enough under IE. :) Sorry for spamming the list like this. [2] http://carneeki.net/tmp/bargraph/version/2/list.htm
[WSG] bar graph with html 4.01 strict + css
Hello list, I'm trying to construct a simple bar graph using minimal markup yet let it remain fairly flexible in CSS. [0] Here is a link to what I have built so far. The first problem I'm trying to tackle so far is that the second part to the graph doesn't reflect the width it's supposed to. The second problem is that it probably won't scale too well when one tries to increase text sizes. The third and final problem is that several themes I'm planning on using it with may want to have different width so it needs to be fairly fluidic. I tried using percentages with this but I got no where. If anyone has any further best practise pieces of advice, I'm open to that too. :) This one has me feeling like one o'clock half struck. [0] http://carneeki.net/tmp/bargraph/version/0/list.htm Thanks in advance, Adam -- /--\ |Adam Carmichael, A+, 2xMCP (Windows 2000), Cert IV Helpdesk Admin | |[EMAIL PROTECTED] /( _,-,_ )\ _| |_ /,|| | |#1 Computer Services \`/ \'/ _| |_|| | |BSD/UNIX Cisco Network Engineer\ /,\ /,\ /| |_||_ | \--/ * 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] bar graph with html 4.01 strict + css
Adam Carmichael wrote: The third and final problem is that several themes I'm planning on using it with may want to have different width so it needs to be fairly fluidic. I tried using percentages with this but I got no where. I woke up and got somewhere on the [1] percentage based layout over [0] the original layout. Now the important stuff to tackle. [0] http://carneeki.net/tmp/bargraph/version/0/list.htm [1] http://carneeki.net/tmp/bargraph/version/1/list.htm -- /--\ |Adam Carmichael, A+, 2xMCP (Windows 2000), Cert IV Helpdesk Admin | |[EMAIL PROTECTED] /( _,-,_ )\ _| |_ /,|| | |#1 Computer Services \`/ \'/ _| |_|| | |BSD/UNIX Cisco Network Engineer\ /,\ /,\ /| |_||_ | \--/ * 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] bar graph with html 4.01 strict + css
Adam Carmichael wrote: Adam Carmichael wrote: The third and final problem is that several themes I'm planning on using it with may want to have different width so it needs to be fairly fluidic. I tried using percentages with this but I got no where. I woke up and got somewhere on the [1] percentage based layout over [0] the original layout. Now the important stuff to tackle. [0] http://carneeki.net/tmp/bargraph/version/0/list.htm [1] http://carneeki.net/tmp/bargraph/version/1/list.htm Version [2] fixes it just the way I want (under firefox) and it's close enough under IE. :) Sorry for spamming the list like this. [2] http://carneeki.net/tmp/bargraph/version/2/list.htm -- /--\ |Adam Carmichael, A+, 2xMCP (Windows 2000), Cert IV Helpdesk Admin | |[EMAIL PROTECTED] /( _,-,_ )\ _| |_ /,|| | |#1 Computer Services \`/ \'/ _| |_|| | |BSD/UNIX Cisco Network Engineer\ /,\ /,\ /| |_||_ | \--/ * 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] bar graph with html 4.01 strict + css
Adam I've done this for our users - both a stacked horizontal bar graph and stacked vertical bar graph. It works across *all* useful browsers (including IE5+) funnily enough and is very simple to do. To see it and the markup you'll have to join up with SpamTrap as it's not in a public area. It's fully themable and much better than using stretched images. If anyone on the list is interested in this put up your hands and I'll chuck up the markup and style somewhere. Cheers James Adam Carmichael wrote: Adam Carmichael wrote: The third and final problem is that several themes I'm planning on using it with may want to have different width so it needs to be fairly fluidic. I tried using percentages with this but I got no where. I woke up and got somewhere on the [1] percentage based layout over [0] the original layout. Now the important stuff to tackle. [0] http://carneeki.net/tmp/bargraph/version/0/list.htm [1] http://carneeki.net/tmp/bargraph/version/1/list.htm * 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] bar graph with html 4.01 strict + css
Heres a variation on your setup. http://www.eatons.net/test/bargraphs.html -chuck === On Wednesday, April 7, 2004, at 10:36 AM, Adam Carmichael wrote: Hello list, I'm trying to construct a simple bar graph using minimal markup yet let it remain fairly flexible in CSS. [0] Here is a link to what I have built so far. The first problem I'm trying to tackle so far is that the second part to the graph doesn't reflect the width it's supposed to. The second problem is that it probably won't scale too well when one tries to increase text sizes. The third and final problem is that several themes I'm planning on using it with may want to have different width so it needs to be fairly fluidic. I tried using percentages with this but I got no where. If anyone has any further best practise pieces of advice, I'm open to that too. :) This one has me feeling like one o'clock half struck. [0] http://carneeki.net/tmp/bargraph/version/0/list.htm Thanks in advance, Adam -- /-- \ |Adam Carmichael, A+, 2xMCP (Windows 2000), Cert IV Helpdesk Admin | |[EMAIL PROTECTED] /( _,-,_ )\ _| |_ /,|| | |#1 Computer Services \`/ \'/ _| |_|| | |BSD/UNIX Cisco Network Engineer\ /,\ /,\ /| |_||_ | \-- / * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * 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] bar graph with html 4.01 strict + css
Adam The first problem I'm trying to tackle so far is that the second part to the graph doesn't reflect the width it's supposed to. Use a containment box so that your graph will be a percentage of the 100% width of the containment box. The second problem is that it probably won't scale too well when one tries to increase text sizes. Using percentages on a fixed container should not involve size as long as you leave enough space for text growth in your layout design. The third and final problem is that several themes I'm planning on using it with may want to have different width so it needs to be fairly fluidic. I tried using percentages with this but I got no where. The solution is the same as the second problem Hope this helps Leo * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
