[WSG] Zero margin - just sharing
Hi all,
I know a lot of people use this:
* {
margin:0;
padding:0;
}
To help reduce code and eliminate lots of those strange default margins
issues.
Don't think this has been mentioned anywhere yet, but one issue I found with
this, was that within dropdowns the downarrow GUI, covers some of the text
on the right. Here is the fix for that:
option {
padding-right:1em;
}
Kind Regards
Jacobus van Niekerk
Creative Consultant
web: http://www.catics.com/ | http://www.freelancecontractors.com
tel: + 27 21 982 7805
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.6.11 - Release Date: 2005/01/12
**
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] Zero margin - just sharing
I know a lot of people use this:
* {
margin:0;
padding:0;
}
issue I found with this, was that within dropdowns the downarrow GUI,
covers some of the text on the right.
That's why I never reset margins/padding for all elements, and just set
them (both!)
where it matters (body/h1/ul/li).
But I use some 'global' rules:
a img {border: 0;}
table {border-collapse: collapse;}
form {margin: 0;}
fieldset {padding: 0.5em;}
--
regards, Kornel Lesiski
**
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] Zero margin - just sharing
Jacobus van Niekerk wrote:
Hi all,
I know a lot of people use this:
* {
margin:0;
padding:0;
}
To help reduce code and eliminate lots of those strange default margins
issues.
Don't think this has been mentioned anywhere yet, but one issue I found with
this, was that within dropdowns the downarrow GUI, covers some of the text
on the right. Here is the fix for that:
option {
padding-right:1em;
}
Maybe just stick to:
html, body {
margin:0px;
padding0px;
}
Then make sure to state margins for h# and such. This is the best option
IMHO.
**
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] Another Zen Garden Entry
I like it. It is nice, but I don't really like the colors. Green like that really just dosen't appeal to me. On Fri, 14 Jan 2005 17:53:12 +1100, Jixor - Stephen I [EMAIL PROTECTED] wrote: Charles Martin wrote: Beautiful concept... I just would like to see the main column expand to the width of the available space... Have to do a lot of scrolling to reach the bottom... but just beautiful. Just to have a bit of a go at most Zen designs, maybe. It just wouldn't look as nice if it was wider, its a standard characteristic of the zen designs that they are very narrow. However I think in the case of the garden that is fine because its about showing off css, not usability. Zen is this rare case where the goal is to make it as pretty as possible with regard for usability fairly optional (I mean obviously you couldn't take it to the extreme. I just mean little things, like width, colour combinations, etc.) No offense intended. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Anthony Timberlake Owner - StaticHost Internet Services http://www.statichost.co.uk http://www.spikeradio.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] Another Zen Garden Entry
Jixor - Stephen I wrote: It just wouldn't look as nice if it was wider, its a standard characteristic of the zen designs that they are very narrow. However I think in the case of the garden that is fine because its about showing off css, not usability. You're right. :) Guess all the wasted space on the right side was bugging me, but you're right about its purpose to show off what you can do with CSS. :) Just a personal preference, but it is awesome looking. ** 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] Another Zen Garden Entry
Just a personal preference, but it is awesome looking. Not only your personal preference... As a showcase of some key features of CSS technology it's OK even if it's not so usable, not em-sized etc. Actually I think the colors are great, I love this combination of this tint of green with that pink... -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.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] Another Zen Garden Entry
On Thu, 13 Jan 2005 20:34:18 -0600, Mani Sheriar [EMAIL PROTECTED] wrote: Hi All, Take a gander at it here: http://www.manisheriar.com/zengarden2/ Mani Sheriar Mani, On a lighter note: I suppose if you were really twisted, and wanted to freak 'em out, you could make it ugly as sin, readable at 1280, scalable in IE, makin' sense in accessibility mode or with images and/or page colors disabled, and employing more of the available real estate, among other things... ~dL -- http://www.dlaakso.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] Another Zen Garden Entry
Thanks, Charles! Just to put in my two cents about the wasted space issue In general, I actually prefer fixed layouts to fluid. I have a wide monitor and when divs take up all the available space on it they are often unwieldy to read, not to mention less attractive. The exception, I guess, is when there is a LOT of content, and it is broken up into columns within the fluid div. But, in general, I have to resize my browser window because I prefer to read shorter lines and scroll. (And I dont like having to resize my browser window.) Anyway, Im sure we cant satisfy everyone because we all have different resolutions and screen sizes and preferences and whatnot. Hey, at least we arent designing for 600 * 480 anymore! Jixor - Stephen I wrote: It just wouldn't look as nice if it was wider, its a standard characteristic of the zen designs that they are very narrow. However I think in the case of the garden that is fine because its about showing off css, not usability. You're right. :) Guess all the wasted space on the right side was bugging me, but you're right about its purpose to show off what you can do with CSS. :) Just a personal preference, but it is awesome looking. Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925|914.0741 ** 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] Another Zen Garden Entry
we arent designing for 600 * 480 anymore! Well, maybe we'll begin again shortly - new PDAs are comming to the market with VGA (480x640) resolution... :P -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.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] Another Zen Garden Entry
The design is lovely, but unfortunately, in ie5.5, your footer is stuck to the left hand side of the screen, rather than where it should be following on from the main column above. pix http://www.pixeldiva.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] IE5.01 Troubles
That was it. Thanks. The two different widths are intentional, though. I am filtering a slightly smaller width to Win IE, and another to the rest... Thanks. Tom Livingston Senior Multimedia Artist Media Logic mlinc.com On Jan 13, 2005, at 9:13 PM, Jixor - Stephen I wrote: for rightside there is 322 and 327, is that correct? ** 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] Popups (plus, standards-based event handling)
Another method I've imagined but never implemented is for each added function to add itself to an array of functions. ... It's efficient. Your imagination is should try it. Er, Your imagination is on the right track; you should try it. My imagination, apparently, completes sentences that my fingers do not. -- Ben Curtis WebSciences International http://www.websciences.org/ v: (310) 478-6648 f: (310) 235-2067 ** 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] Zero margin - just sharing
I know a lot of people use this:
* { margin:0; padding:0; }
To help reduce code and eliminate lots of those strange default margins
issues.
Don't think this has been mentioned anywhere yet, but one issue I
found with
this, was that within dropdowns the downarrow GUI, covers some of
the text
on the right. Here is the fix for that:
option {
padding-right:1em;
}
I use margin, but now that I think about it padding may be better since
it won't collapse against any other nearby margins...
Here's what I put at the top of my primary stylesheet for every site
I'm doing recently. It models all browsers' defaults on Mozilla's
(mostly).
/* - STANDARDIZE DEFAULTS - */
/* default whitespace
[ref:http://leftjustified.net/journal/2004/10/19/global-ws-reset/] */
* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl,
fieldset, address { margin:1em 0; }
input { padding: 0.08em 0; }
option { margin-right:0.5em; }
li, dd { margin-left:2em; }
fieldset { padding:0.5em; }
/* /whitespace */
/* font : don't forget Win IE resize-font hack of setting by % of 16px
*/
body { font:11px Verdana, Arial, Helvetica, sans-serif; }
* { font-size:1em; }
input, select, textarea { font-size:1.18em; }
/* /font */
/* - /STANDARDIZE DEFAULTS - */
Then in my Win IE hacksheet:
body { font-size: 67%; }
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] Correct styling of text material submitted as a table
I hesitate to ask, now that the table thread has quieted down, but here goes: How should I mark up text that's submitted as a Word table, especially when each cell may contain a mix of partial sentences, full sentences, list items? Sometime with three or four columns, and eight or ten rows? Best regards, Marilyn Langfeld http://www.langfeldesigns.com [EMAIL PROTECTED]
RE: [WSG] Correct styling of text material submitted as a table
Hi Marilyn As the one that started the last table thread, I would recommend providing us with an example. Your request, like mine, can be interpreted in many ways. Ted -Original Message-From: Marilyn Langfeld [mailto:[EMAIL PROTECTED]Sent: Friday, January 14, 2005 11:47 AMTo: wsg@webstandardsgroup.orgSubject: [WSG] Correct styling of text material submitted as a table I hesitate to ask, now that the table thread has quieted down, but here goes: How should I mark up text that's submitted as a Word table, especially when each cell may contain a mix of partial sentences, full sentences, list items? Sometime with three or four columns, and eight or ten rows? Best regards, Marilyn Langfeld http://www.langfeldesigns.com [EMAIL PROTECTED]
Re: [WSG] Correct styling of text material submitted as a table
Marilyn Langfeld wrote: How should I mark up text that's submitted as a Word table, especially when each cell may contain a mix of partial sentences, full sentences, list items? Sometime with three or four columns, and eight or ten rows? It's a layout table, so - once we get over the fundamental point that you shouldn't use tables for layout - don't use *any* structural markup such as table headers, thead/tbody, summary etc. Keep the table markup to an absolute minimum. -- 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 ** 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] Correct styling of text material submitted as a table
wait, now I'm confused. table headers, thead/tbody, summary tags are structural? I thought they were meant to define the data and were good. Ted -Original Message- From: Patrick H. Lauke [mailto:[EMAIL PROTECTED] Sent: Friday, January 14, 2005 12:13 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Correct styling of text material submitted as a table Marilyn Langfeld wrote: How should I mark up text that's submitted as a Word table, especially when each cell may contain a mix of partial sentences, full sentences, list items? Sometime with three or four columns, and eight or ten rows? It's a layout table, so - once we get over the fundamental point that you shouldn't use tables for layout - don't use *any* structural markup such as table headers, thead/tbody, summary etc. Keep the table markup to an absolute minimum. -- 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 ** 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] Correct styling of text material submitted as a table
Here's a simple example. Just two columns, two rows, one set of column heads and row heads within the main cells. Column One: Column Head: Objectives Recommended action lines for WHO and Member States Cell One: x-tad-smallerPolicy /x-tad-smallerx-tad-smaller- Ensure public policies support eective and equitable e-health systems. - Facilitate a collaborative approach to e-health development. - Monitor internationally-accepted goals and targets for e-health. - Represent the health perspective in international fora on major ICT issues. - Strengthen ICT in health education and training in countries, supporting a multi-lingual and multicultural approach.Strategies: Development of national e-health strategies, reflecting principles of transparency, ethics, equity, and cost-eectiveness. Coordination and collaboration: Coordination of national ehealth policies to address common areas of concern. Collaboration with other sectors in ICT policy, standards, and technical and infrastructure development. Partnerships: Development of transparent, equitable and ethical public-private partnerships for improving e-health content, capacity and infrastructure. Advocacy and monitoring: Participation in appropriate UN venues for ICT action, such as World Summit for the Information Society. Collaboration with UN agencies and partners in monitoring achievements toward internationally-agreed targets and goals. Cell Two: /x-tad-smallerx-tad-smallerEquitable access /x-tad-smallerx-tad-smaller Commitment by WHO, Member States and partners to reaching health communities and all populations, including vulnerable groups, with ehealth appropriate to their needs. Collaboration: Collaboration with the private sector to improve access to e-health resources. Advocacy to highlight challenges, set the policy agenda, ensure a rights-based approach, and engage key sectors. International collaboration in capacity building efforts, to improve access to e-health by institutions, professionals and citizens. Column Two /x-tad-smallerRecommended action lines for WHO and Member States Cell One (relates to Policy): x-tad-smaller /x-tad-smallerx-tad-smallerQuality, security and safety /x-tad-smallerx-tad-smaller- Commitment to ensuring that e-health for citizens, patients and professionals meets quality, safety, and ethical standards. Development of strategies and policies to ensure that e-health is developed and implemented with a citizen-centered, rights-based approach, emphasizing confidentiality, privacy and security. Support for quality standards for health internet and web sites, through international and national action and internet domain policy. Multi-sectoral collaboration for developing evidence-based ehealth standards and norms. Cell Two (relates to Equitable Access): /x-tad-smallerx-tad-smallerBest use /x-tad-smallerx-tad-smaller Analyze e-health evolution, impact on health; anticipate emerging challenges and opportunities. Provide evidence, information and guidance to support policy, best practice, and management of e-health systems and services. Identify and address needs for e-health norms and standards, innovation and research.Technical assistance and capacity building: Development of assessment methods, standards and tools to guide best use of ICT based on evidence; improve access and satisfaction, quality and economy of care. Establishment of a Global E-Health Observatory to document and analyze developments and trends, inform policy and practice in countries, and report regularly on e-health status worldwide. Establishment of national centers and networks of excellence for best practice, policy coordination, and technical assistance. International, multi-sectoral collaboration to improve compatibility of administrative and technical e-health systems. /x-tad-smaller End table I receive lots of material for print that's set up like this in a table format, with relationships both horizontally and vertically. I haven't actually been asked to make this into a web page, but would like to be prepared, if and when I am asked. Best regards, Marilyn Langfeld http://www.langfeldesigns.com [EMAIL PROTECTED] +1.301.598.3300 business phone +1.301.598.0532 fax +1.202.390.8847 mobile On Jan 14, 2005, at 2:48 PM, Ted Drake wrote: x-tad-smallerHi Marilyn/x-tad-smallerx-tad-smallerAs the one that started the last table thread, I would recommend providing us with an example. Your request, like mine, can be interpreted in many ways./x-tad-smallerx-tad-smaller Ted/x-tad-smaller x-tad-smaller-Original Message-/x-tad-smallerx-tad-smallerFrom:/x-tad-smallerx-tad-smaller Marilyn Langfeld [mailto:[EMAIL PROTECTED]/x-tad-smallerx-tad-smallerSent:/x-tad-smallerx-tad-smaller Friday, January 14, 2005 11:47 AM/x-tad-smallerx-tad-smallerTo:/x-tad-smallerx-tad-smaller wsg@webstandardsgroup.org/x-tad-smallerx-tad-smallerSubject:/x-tad-smallerx-tad-smaller [WSG] Correct styling of text material submitted as a
Re: [WSG] Correct styling of text material submitted as a table
Ted Drake wrote: wait, now I'm confused. table headers, thead/tbody, summary tags are structural? They give structure to tabular data. I thought they were meant to define the data and were good. Not when the data in question is not tabular data. If the table is used for layout, it should not sport any markup specifically meant for marking up tabular data. See WCAG 1.0 guideline 5.4 http://www.w3.org/TR/WCAG10/#gl-table-markup -- 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 ** 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] Correct styling of text material submitted as a table
Marilyn Langfeld wrote: *Here's a simple example. Just two columns, two rows, one set of column heads and row heads within the main cells. Ok, right, that clarifies it. In this case you are, in effect, providing tabular data - that wasn't quite clear from the original email. If I understand it correctly, here's the structure I'd suggest. table thead tr th/th th scope=colObjectives Recommended action lines for WHO and Member States/th th scope=colRecommended action lines for WHO and Member States/th /tr /thead tbody tr th scope=rowPolicy/th td ul liEnsure public policies support effective and equitable e-health systems/li ... /ul /td td ul liCommitment by WHO, Member States and partners to reaching health communities.../li ... /ul /td /tr tr th scope=rowEquitable Access/th td ul liCommitment to ensuring that e-health for citizens.../li ... /ul /td td ul liAnalyze e-health evolution, impact on health;.../li ... /ul /td /tr /tbody /table -- Patrick H. Lauke _ redux (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 ** 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: [Norton AntiSpam] Re: [WSG] Correct styling of text material submitted as a table
Patrick H. Lauke wrote: If I understand it correctly, here's the structure I'd suggest. Actually, re-reading your example data, I did misunderstand your structure. In fairness, it seems a bit convoluted. This is looking more and more like a complex table that needs proper ids and header attributes on the table cells... -- Patrick H. Lauke _ redux (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 ** 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] Correct styling of text material submitted as a table
Patrick has some great ideas, I like the use of list items in the cells to simplify the presentation. I started to put together a similar table and then thought it may not be the best approach. I'm all for tables in the right instance. But this content you are working on could be done with divs and/or even definition lists. div class=recommendations h3Objectives Recommended action lines for WHO and Member States /h3 dl dtPolicy/dt ddEnsure public policies support eective and equitable e-health systems. /dd ddFacilitate a collaborative approach to e-health development. /dd ddMonitor internationally-accepted goals and targets for e-health. /dd ddRepresent the health perspective in international fora on major ICT issues./dd ddStrengthen ICT in health education and training in countries, supporting a multi-lingual and multicultural approach./dd ddstrongStrategies:/strong Development of national e-health strategies, reflecting principles of transparency, ethics, equity, and cost-eectiveness. /dd ddstrongCoordination and collaboration:/strong Coordination of national ehealth policies to address common areas of concern. Collaboration with other sectors in ICT policy, standards, and technical and infrastructure development. /dd ddstrongPartnerships/strong: Development of transparent, equitable and ethical public-private partnerships for improving e-health content, capacity and infrastructure.dd ddstrongAdvocacy and monitoring:/strong Participation in appropriate UN venues for ICT action, such as World Summit for the Information Society. Collaboration with UN agencies and partners in monitoring achievements toward internationally-agreed targets and goals./dd dtEquitable access /dt ddCommitment by WHO, Member States and partners to reaching health communities and all populations, including vulnerable groups, with ehealth appropriate to their needs. Collaboration: Collaboration with the private sector to improve access to e-health resources. /dd ddAdvocacy to highlight challenges, set the policy agenda, ensure a rights-based approach, and engage key sectors. International collaboration in capacity building efforts, to improve access to e-health by institutions, professionals and citizens. /dd /dl /div div class=recommendations h3Recommended action lines for WHO and Member States dl dtQuality, security and safety /dt ddCommitment to ensuring that e-health for citizens, patients and professionals meets quality, safety, and ethical standards. Development of strategies and policies to ensure that e-health is developed and implemented with a citizen-centered, rights-based approach, emphasizing confidentiality, privacy and security. /dd ddSupport for quality standards for health internet and web sites, through international and national action and internet domain policy. /dd ddMulti-sectoral collaboration for developing evidence-based ehealth standards and norms. /dd dtBest use dd ddAnalyze e-health evolution, impact on health; anticipate emerging challenges and opportunities. /dd ddProvide evidence, information and guidance to support policy, best practice, and management of e-health systems and services. /dd ddIdentify and address needs for e-health norms and standards, innovation and research.Technical assistance and capacity building: Development of assessment methods, standards and tools to guide best use of ICT based on evidence; improve access and satisfaction, quality and economy of care. /dd ddEstablishment of a Global E-Health Observatory to document and analyze developments and trends, inform policy and practice in countries, and report regularly on e-health status worldwide. /dd ddEstablishment of national centers and networks of excellence for best practice, policy coordination, and technical assistance. /dd ddInternational, multi-sectoral collaboration to improve compatibility of administrative and technical e-health systems. /dd /dl /div With styles, you could give borders to the header and other elements and float the divs next to each other to create the look of tables. It's an option, I'm not sure if the definition list is the better option after putting this together. How's that for wishy washy recommendations. Ted www.tdrake.net -Original Message- From: Patrick H. Lauke [mailto:[EMAIL PROTECTED] Sent: Friday, January 14, 2005 1:09 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Correct styling of text material submitted as a table Marilyn Langfeld wrote: *Here's a simple example. Just two columns, two rows, one set of column heads and row heads within the main cells. Ok, right, that clarifies it. In this case you are, in effect, providing tabular data - that wasn't quite clear from the original email. If I understand it correctly, here's the structure I'd suggest. table thead tr th/th th scope=colObjectives Recommended action lines for WHO and Member States/th th scope=colRecommended action lines for WHO and Member
Re: [WSG] Correct styling of text material submitted as a table
Okay. I feel more confident then, if given text like my example. Thanks for the example markup. That does help. I was beginning to wonder, after the earlier discussion, whether only numeric data could be semantically correct in a table. Best regards, Marilyn Langfeld http://www.langfeldesigns.com [EMAIL PROTECTED] On Jan 14, 2005, at 4:09 PM, Patrick H. Lauke wrote: Marilyn Langfeld wrote: *Here's a simple example. Just two columns, two rows, one set of column heads and row heads within the main cells. Ok, right, that clarifies it. In this case you are, in effect, providing tabular data - that wasn't quite clear from the original email. If I understand it correctly, here's the structure I'd suggest.
Re: [WSG] Another Zen Garden Entry
Mani Sheriar wrote: In general, I actually prefer fixed layouts to fluid. I have a wide monitor and when divs take up all the available space on it they are often unwieldy to read, not to mention less attractive. Actually, I had forgotten about that, but you're right. I've seen it mentioned before that shorter lines are easier to read without losing your place. I guess it was that part of me that was rebelling because of the wasted space (for example. cnn.com where wasted space is unheard of). Just so used to seeing the page filled up that I forget it is more aesthetically pleasing to not have to take in a whole bunch of content. Anyway, Im sure we cant satisfy everyone because we all have different resolutions and screen sizes and preferences and whatnot. Hey, at least we arent designing for 600 * 480 anymore! Can we get a huge AMEN on that? _ Charles Martin http://www.webcudgel.com [EMAIL PROTECTED] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Ids in body?
Is it possible to use two or more ids in the body of a page? I have a nav and a sub nav that I'd like to be able to light up. It seems I can use unlimited class elements, but I can't get more than one id to work at a time. Wayne ** 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] Ids in body?
Yes, it's possible. But dont have identical name for ID's. They don't work that way. -- Carmelyne Thompson Web Architect/Developer Wayne Godfrey wrote: Is it possible to use two or more ids in the body of a page? I have a nav and a sub nav that I'd like to be able to light up. It seems I can use unlimited class elements, but I can't get more than one id to work at a time. Wayne ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Carmelyne Thompson Web Architect/Developer begin:vcard fn:Carmelyne Thompson n:Thompson;Carmelyne email;internet:[EMAIL PROTECTED] title:Web Designer Developer tel;fax:708 583 1223 tel;cell:630 880 3801 x-mozilla-html:TRUE version:2.1 end:vcard
Re: [WSG] Ids in body?
Wayne Godfrey wrote: Is it possible to use two or more ids in the body of a page? Hi Wayne, Id's have to be unique. i.e. only one per page. you can reuse classes, though. Cheers Darren ** 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] Ids in body?
Wayne Godfrey wrote: Is it possible to use two or more ids in the body of a page? I have a nav and a sub nav that I'd like to be able to light up. It seems I can use unlimited class elements, but I can't get more than one id to work at a time. By definition, an element can only have a single, unique id. -- 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 ** 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] Ids in body?
On 1/14/05 9:26 PM, Patrick H. Lauke [EMAIL PROTECTED] wrote: By definition, an element can only have a single, unique id. Boy do I feel dumb... w ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE and background image
I must be tired. I can't see why this displays correctly in firebox but
not in ie. Anyone know? I can't give the url right now as it is
totaledlate here
.twikiLeftBar {background-image: url(/miner2.jpg); background-repeat:
no-repeat;
border-top:1px solid #ddd;
color:#800;
overflow:hidden;
line-height:1.3em;
}
Bruce Prochnau www.bkdesign.ca
**
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] Another Zen Garden Entry
Mani Sheriar wrote: Thanks, Charles! Just to put in my two cents about the wasted space issue In general, I actually prefer fixed layouts to fluid. I have a wide monitor and when divs take up all the available space on it they are often unwieldy to read, not to mention less attractive. I have 21 1600x1200 - full width certainly can be too wide to read, especially if the text is small. However fluid 75% I think is good. ** 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] IE and background image
G'day
not in ie. Anyone know? I can't give the url right now as it is
totaledlate here
.twikiLeftBar {background-image: url(/miner2.jpg); background-repeat:
no-repeat;
border-top:1px solid #ddd;
color:#800;
overflow:hidden;
line-height:1.3em;
}
Hard to tell from this code snippet as there may be elements
inside this box and rules that affect it. At a guess, adding a
width and/or height might help, especially if there's floated
elements inside the box.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
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] 2 WEEKS TONIGHT! Funkdub @ City Bar, Chester
Title: sam hutchinson / [EMAIL PROTECTED] Can someone tell me why I am receiving this rubbish??? From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sam Hutchinson Sent: Saturday, 15 January 2005 3:00 AM To: [EMAIL PROTECTED] Subject: [WSG] 2 WEEKS TONIGHT! Funkdub @ City Bar, Chester Importance: High Beat theJanuary blues and come out of hibernation... Get that monkey off your back with some weekend breaks+ beats!! PLUSnow get online at: www.funkdub.info ...the banter is ideal for dull friday afternoon's (like today!) FUNKDUB IS BACK, AND YOU ARE ALL INVITED! 28th January 4th March 2005 Downstairs @ City Bar, Cty Road, Chester 8pm - Late / Cost : ZERO if for whatever reason you cannot see the flyer, please visit: http://www.funkdub.info/xhtml/live.html please feel free to forward this message on...
Re: [WSG] IE and background image
Bert Doorn wrote:
not in ie. Anyone know? I can't give the url right now as it is
totaledlate here
.twikiLeftBar {background-image: url(/miner2.jpg); background-repeat:
no-repeat;
border-top:1px solid #ddd;
color:#800;
overflow:hidden;
line-height:1.3em;
}
I did get it working in both. Had it in ie and NOT in firefox til I got
a workaround.
didn't need the overflow:hidden, and put this in the head of doc:
.twikiLeftBar {background-image:
url(/miners2.jpg);background-repeat:no-repeat;
margin:0;
padding:0;
line-height:1.3em;}
works in both now...need to learn a lot here, did a lot of searching
but...o'well
Bruce Prochnau
Hard to tell from this code snippet as there may be elements inside
this box and rules that affect it. At a guess, adding a width
and/or height might help, especially if there's floated elements
inside the box.
Regards
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
