[WSG] tables to standards problem...
Hi,
on this site http://www.champion.com.ua/ or here http://pravda.com.ua/
in main column you can see a lot of news boxes
i mean image+heading+paragraph of text
It is implemented as a table.
image is first cell and text is second.
The problem is:
How to implement it with CSS so that text will not be under the image.
The obvious img{float:left} is not good - client dont want the text to be displayed under the image.
If all images ware the same size - it would be simple - just add margin to p, but its not like that... :(
And i hate creating classes like that: .img110px .img180px .
So how can i implement this table-like thing?
Can it be done with standards? i mean without non-semantic-table.
I cant find the way
Any ideas?
-- glhf,akella.
Re: [WSG] tables to standards problem...
akella wrote:
http://www.champion.com.ua/ or here http://pravda.com.ua/
The problem is: How to implement it with CSS so that text will not be
under the image. The obvious img{float:left} is not good - client
dont want the text to be displayed under the image.
This solution imitates parts of a table-layout:
div class=container
img ... style=float: left; /* or float: right; */ /
div style=display: table; _height: 0 /* for IE-win */;
h3some heading/h3
psome text/p
pmaybe some more text.../p
/div
/div
Does work in Opera 8, Firefox 1.0, Safari 1.2.4 IE/win. Not sure about
IE/Mac.
regards
Georg
--
http://www.gunlaug.no
**
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] table to div tags problem
My client has asked me to make a dynamic page with PHP and such, but they'll like to keep their current design, however, I am needed to rewrite it to be supported under every browser ( before only IE supported it *ugh* ), so as you can tell, there is need for action. Their current site can be found here; www.nobelark.dk However, notice that only IE can view it, some javascript will require you to use IE. Anyways, I am rewriting the entire system, and I am wondering, cause the client want the exact same amount of spacing between the 4 elements ( the image, the list of items, the head menu and the title link ), for now I use tables so I can show them some progress soon, but I really want to use div tags. And I have been trying and trying, and it works under Opera and Firefox. But since IE is the most used browser, it needs to look the exact same in that browser, so I was wondering if anyone of you knew how to do that? My current work: www.sviip.dk/nobel/ The work without PHP: www.sviip.dk/nobel/template.html An image of how it should look: http://img202.imageshack.us/img202/360/nobelarkscreen5dn.png iOf course without the guide lines/i Please notice that I do not have IE to view the page in. And therefore if you know a way, I will be very pleased. And yes, the content in the content area should always start from the bottom. Kind regards, Svip ** 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] tables to standards problem...
Hi Akella,
For articles, I
would suggest something like :
http://www.echo3d.com/lab/akella.html
Regards,
Hugues
Brunelle
Concepteur graphique, multimédia et
Web
---
Coopérative de travail en multimédia
ECHO tridimension
2139, rue Masson
Montréal (Québec) H2H
1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of
akellaSent: July 1, 2005 09:03To:
wsg@webstandardsgroup.orgSubject: [WSG] tables to standards
problem...
Hi,on this site http://www.champion.com.ua/ or here http://pravda.com.ua/in main column you can
see a lot of news boxesi mean image+heading+paragraph of textIt is
implemented as a table.image is first cell and text is second. The
problem is:How to implement it with CSS so that text will not be under the
image.The obvious img{float:left} is not good - client dont want the text to
be displayed under the image.If all images ware the same size - it would be
simple - just add margin to p, but its not like that... :(And i hate
creating classes like that: .img110px .img180px .So how can i
implement this table-like thing?Can it be done with "standards"? i mean
without non-semantic-table.I cant find the wayAny
ideas?-- glhf,akella.
Re: [WSG] tables to standards problem...
Hugues Brunelle
,
Tnx, but it only works if i know maximum height of so called newsbox.
But 10x anyway
Gunlaug Sørtun,
its just some kind of magic, but it works!
Tnx tnx tnx! :)
thats the way im going to implement it...
On 7/1/05, Hugues Brunelle [EMAIL PROTECTED] wrote:
Hi Akella,
For articles, I
would suggest something like :
http://www.echo3d.com/lab/akella.html
Regards,
Hugues
Brunelle
Concepteur graphique, multimédia et
Web
---
Coopérative de travail en multimédia
ECHO tridimension
2139, rue Masson
Montréal (Québec) H2H
1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]] On Behalf Of
akellaSent: July 1, 2005 09:03To:
wsg@webstandardsgroup.orgSubject: [WSG] tables to standards
problem...
Hi,on this site http://www.champion.com.ua/ or here
http://pravda.com.ua/in main column you can
see a lot of news boxesi mean image+heading+paragraph of textIt is
implemented as a table.image is first cell and text is second. The
problem is:How to implement it with CSS so that text will not be under the
image.The obvious img{float:left} is not good - client dont want the text to
be displayed under the image.If all images ware the same size - it would be
simple - just add margin to p, but its not like that... :(And i hate
creating classes like that: .img110px .img180px .So how can i
implement this table-like thing?Can it be done with standards? i mean
without non-semantic-table.I cant find the wayAny
ideas?-- glhf,akella.
-- glhf,akella.
Re: [WSG] tables to standards problem...
Sorry,Hugues Brunelle
i didnt understood your hint clearly
now im even in doubt which way is better.
Great tnx too!
On 7/1/05, akella [EMAIL PROTECTED] wrote:
Hugues Brunelle
,
Tnx, but it only works if i know maximum height of so called newsbox.
But 10x anyway
Gunlaug Sørtun,
its just some kind of magic, but it works!
Tnx tnx tnx! :)
thats the way im going to implement it...
On 7/1/05, Hugues Brunelle [EMAIL PROTECTED]
wrote:
Hi Akella,
For articles, I
would suggest something like :
http://www.echo3d.com/lab/akella.html
Regards,
Hugues
Brunelle
Concepteur graphique, multimédia et
Web
---
Coopérative de travail en multimédia
ECHO tridimension
2139, rue Masson
Montréal (Québec) H2H
1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]] On Behalf Of
akellaSent: July 1, 2005 09:03To:
wsg@webstandardsgroup.orgSubject: [WSG] tables to standards
problem...
Hi,on this site http://www.champion.com.ua/ or here
http://pravda.com.ua/in main column you can
see a lot of news boxesi mean image+heading+paragraph of textIt is
implemented as a table.image is first cell and text is second. The
problem is:How to implement it with CSS so that text will not be under the
image.The obvious img{float:left} is not good - client dont want the text to
be displayed under the image.If all images ware the same size - it would be
simple - just add margin to p, but its not like that... :(And i hate
creating classes like that: .img110px .img180px .So how can i
implement this table-like thing?Can it be done with standards? i mean
without non-semantic-table.I cant find the wayAny
ideas?-- glhf,akella.
-- glhf,akella.
-- glhf,akella.
RE: [WSG] tables to standards problem...
You might try using a definition list.
You can float the different elements, the
image in a dd floated to the right, the headline in a dt, the text in a dd are
floated to the right, give the dl a border, background, margin, etc.
A variation can be seen here: http://www.csatravelprotection.com/csa-executives-insurance.do
The executive bio images and titles are
sitting in a dl.
Ted
From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of akella
Sent: Friday, July 01, 2005 7:48
AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] tables to
standards problem...
Sorry,Hugues Brunelle
i didnt understood your hint clearly
now im even in doubt which way is better.
Great tnx too!
On 7/1/05, akella
[EMAIL PROTECTED] wrote:
Hugues Brunelle ,
Tnx, but it
only works if i know maximum height of so called newsbox.
But 10x anyway
Gunlaug Sørtun,
its just some kind of magic, but it works!
Tnx tnx tnx! :)
thats the way im going to implement it...
On 7/1/05, Hugues
Brunelle [EMAIL PROTECTED]
wrote:
Hi Akella,
For articles, I would
suggest something like :
http://www.echo3d.com/lab/akella.html
Regards,
Hugues Brunelle
Concepteur graphique,
multimédia et Web
---
Coopérative de travail
en multimédia ECHO tridimension
2139, rue Masson
Montréal
(Québec) H2H 1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]]
On Behalf Of akella
Sent: July 1, 2005 09:03
To: wsg@webstandardsgroup.org
Subject: [WSG] tables to standards
problem...
Hi,
on this site http://www.champion.com.ua/
or here http://pravda.com.ua/
in main column you can see a lot of news boxes
i mean image+heading+paragraph of text
It is implemented as a table.
image is first cell and text is second.
The problem is:
How to implement it with CSS so that text will not be under the image.
The obvious img{float:left} is not good - client dont want the text to be
displayed under the image.
If all images ware the same size - it would be simple - just add margin
to p, but its not like that... :(
And i hate creating classes like that: .img110px .img180px .
So how can i implement this table-like thing?
Can it be done with standards? i mean without non-semantic-table.
I cant find the way
Any ideas?
--
glhf,
akella.
--
glhf,
akella.
--
glhf,
akella.
Re: [WSG] tables to standards problem...
tnx Ted
now the last problem is: additional DIV or creating DL.
The first thing i consider a sin.
But what do u think about semantics of the second? Dont u think H2 is better for the headline of the article?
And what about SEO? i think h2 has more weight than dt dt strong? or im wrong?
now the markup is as simple as it can be:
a href=#img src
=./i/trio.jpg alt=trio //
ah2a href=#headline/
a/h2ptext/p
Just thinking how to minimize markup and make SEO-manager happy.
i see that wrapper for the H2 and P is inavitable.
is it?
You might try using a definition list.
You can float the different elements, the
image in a dd floated to the right, the headline in a dt, the text in a dd are
floated to the right, give the dl a border, background, margin, etc.
A variation can be seen here:
http://www.csatravelprotection.com/csa-executives-insurance.do
The executive bio images and titles are
sitting in a dl.
Ted
From:
[EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]] On Behalf Of akella
Sent: Friday, July 01, 2005 7:48
AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] tables to
standards problem...
Sorry,Hugues Brunelle
i didnt understood your hint clearly
now im even in doubt which way is better.
Great tnx too!
On 7/1/05, akella
[EMAIL PROTECTED] wrote:
Hugues Brunelle
,
Tnx, but it
only works if i know maximum height of so called newsbox.
But 10x anyway
Gunlaug Sørtun,
its just some kind of magic, but it works!
Tnx tnx tnx! :)
thats the way im going to implement it...
On 7/1/05, Hugues
Brunelle [EMAIL PROTECTED]
wrote:
Hi Akella,
For articles, I would
suggest something like :
http://www.echo3d.com/lab/akella.html
Regards,
Hugues Brunelle
Concepteur graphique,
multimédia et Web
---
Coopérative de travail
en multimédia ECHO tridimension
2139, rue Masson
Montréal
(Québec) H2H 1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From:
[EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]]
On Behalf Of akella
Sent: July 1, 2005 09:03
To: wsg@webstandardsgroup.org
Subject: [WSG] tables to standards
problem...
Hi,
on this site http://www.champion.com.ua/
or here http://pravda.com.ua/
in main column you can see a lot of news boxes
i mean image+heading+paragraph of text
It is implemented as a table.
image is first cell and text is second.
The problem is:
How to implement it with CSS so that text will not be under the image.
The obvious img{float:left} is not good - client dont want the text to be
displayed under the image.
If all images ware the same size - it would be simple - just add margin
to p, but its not like that... :(
And i hate creating classes like that: .img110px .img180px .
So how can i implement this table-like thing?
Can it be done with standards? i mean without non-semantic-table.
I cant find the way
Any ideas?
--
glhf,
akella.
--
glhf,
akella.
--
glhf,
akella.
-- glhf,akella.
RE: [WSG] tables to standards problem...
I think you could wrap the elements in a
div and it would still be semantic. This is a chunk of information and yes, an
h2 would have more seo power. However, for semantic reasons, I would tend to
use an h3 and save the h2 as the summary of the maincontent section and the h3
as the summary of the news article.
This is a case of which you feel more
comfortable with. I tend to get giddy with the definition lists.
Ted
From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of akella
Sent: Friday, July 01, 2005 8:49
AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] tables to
standards problem...
tnx Ted
now the last problem is: additional DIV or creating DL.
The first thing i consider a sin.
But what do u think about semantics of the second? Dont u think H2 is better
for the headline of the article?
And what about SEO? i think h2 has more weight than dt dt strong? or im wrong?
now the markup is as simple as it can be:
a href=#img src=./i/trio.jpg alt=trio //a
h2a href=#headline/a/h2
ptext/p
Just thinking how to minimize markup and make
SEO-manager happy.
i see that wrapper for the H2 and P is inavitable.
is it?
You might try using a definition list.
You can float the different elements, the image in a dd
floated to the right, the headline in a dt, the text in a dd are floated to the
right, give the dl a border, background, margin, etc.
A variation can be seen here: http://www.csatravelprotection.com/csa-executives-insurance.do
The executive bio images and titles are sitting in a dl.
Ted
From: [EMAIL PROTECTED]
[mailto:
[EMAIL PROTECTED]] On Behalf
Of akella
Sent: Friday, July 01, 2005 7:48
AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] tables to
standards problem...
Sorry,Hugues
Brunelle
i didnt understood your hint clearly
now im even in doubt which way is better.
Great tnx too!
On
7/1/05, akella [EMAIL PROTECTED]
wrote:
Hugues Brunelle ,
Tnx, but it only works
if i know maximum height of so called newsbox.
But 10x anyway
Gunlaug Sørtun,
its just some kind of magic, but it works!
Tnx tnx tnx! :)
thats the way im going to implement it...
On
7/1/05, Hugues Brunelle [EMAIL PROTECTED]
wrote:
Hi Akella,
For articles, I would suggest something like
:
http://www.echo3d.com/lab/akella.html
Regards,
Hugues Brunelle
Concepteur graphique, multimédia et Web
---
Coopérative de travail en multimédia ECHO
tridimension
2139, rue Masson
Montréal (Québec) H2H 1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]]
On Behalf Of akella
Sent: July 1, 2005 09:03
To: wsg@webstandardsgroup.org
Subject: [WSG] tables to standards
problem...
Hi,
on this site http://www.champion.com.ua/
or here http://pravda.com.ua/
in main column you can see a lot of news boxes
i mean image+heading+paragraph of text
It is implemented as a table.
image is first cell and text is second.
The problem is:
How to implement it with CSS so that text will not be under the image.
The obvious img{float:left} is not good - client dont want the text to be
displayed under the image.
If all
images ware the same size - it would be simple - just add margin to p,
but its not like that... :(
And i hate creating classes like that: .img110px .img180px .
So how can i implement this table-like thing?
Can it be done with standards? i mean without non-semantic-table.
I cant find the way
Any ideas?
--
glhf,
akella.
--
glhf,
akella.
--
glhf,
akella.
--
glhf,
akella.
[WSG] Combining Ordered, Unordered, Linked Unlinked Lists
Greetings ~ I'm wanting to know if there are examples out there of lists that are a combination of unlinked ordered linked ordered unlinked unordered and linked unordered items. I'm designing a bibliography, and thinking that there will be some articles I can link to, some I can't, and a need to be able to have numbered and non-numbered line items together. What I've done so far is promising, but far from being functional: http://www.neln.org/dev/template.shtml# http://www.neln.org/dev/css/styles.css I've actually typed the problems I'm having into the line items themselves. Thanks to all who may be able to shed some light on what I'm doing or direct me to some examples of what I'm looking for. Peace, White Ash ** 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] HTML 4.01 versus XHTML 1.0
Olá a todos, I’ve tried to make my mind on my own on this subject, but I must confess I’m a bit confused… I’m talking about XHTML 1.0 served as text/html, as I have no use for xml yet… Should I prefer it to HTML 4.01? Why? On one hand I have the recommendations of: * The W3C – In their note “XHTML Media Types”( http://www.w3.org/TR/xhtml-media-types/), they say: “In summary, 'application/xhtml+xml' *SHOULD* be used for XHTML Family documents, and the use of 'text/html' *SHOULD* be limited to HTML-compatible XHTML 1.0 documents.” – which doesn’t configure a recommendation for using XHTML in place of HTML, as Mark Pilgrim stresses. * Richard Ishida in his enlightening W3C tutorial: “We recommend the use of XHTML wherever possible” (http://www.w3.org/International/tutorials/tutorial-char-enc/en/all.html#Slide0010) * Jeffrey Zeldman in his book / almost bible “Designing with web standards”: “Top 10 reasons to Convert to XHTML”; “1- XHMTL is the current markup standard, replacing HTML 4.”; “3- XHTML is more consistent than HTML (…)”; “6- New browsers love XHTML (…)”; etc… “Top 5 reasons not to switch to XHMTL”; “1- you get paid by the hour.”, etc… * most of you that, by your practice and the URLs you have posted, have shown to prefer XHTML (are you serving it as XML too / using any kind of content negotiation? Am I missing something?) On the other hand I have: * The Web Standards Project – in its article “WaSP asks the W3C” (http://www.webstandards.org/learn/askw3c/sep2003.html) they explicitly recommend serving HTML as text/html and XHTML as application/xhtml+xml, unless using some kind of content negotiation by the server. Text/html is considered an “alternate mime type” for XHTML 1.0., but is not explicitly recommended even if we follow the backward compatibility guidelines (appendix C of XHTML 1.0 W3C recommendation). * Ian Hickson text “Sending XHTML as text/html considered harmful” (http://www.hixie.ch/advocacy/xhtml), where he specifically defends that “RFC 2854 spec refers to a profile of use of XHTML which is compatible with HTML 4.01. There is no such thing. Documents that follow the guidelines in appendix C are not valid HTML 4.01 documents.” * Mark Pilgrims’ article “The Road to XHTML 2.0: MIME Types” (http://www.xml.com/pub/a/2003/03/19/dive-into-xml.html). He talks about “XHTML's Dirty Little Secret” and says that “browsers aren't actually treating your XHTML as XML. Your validated, correctly DOCTYPE'd, completely standards compliant XHTML markup is being treated as if it were still HTML with a few weird slashes in places they don't belong”… * The new book “DHTML Utopia: Modern Web Design using JavaScript DOM”, where Stuart Langridge echoes the opinions of Pilgrim and Hickson, strongly defending the use of HTML 4.0.1: “In short, using XHTML right now provides very little in the way of benefits, but brings with it a fair few extra complications. HTML 4.01 Strict is just as “valid” as XHTML—XHTML did not replace HTML but sits alongside it.” So, what are your opinions? Can someone shed some light on this subject? Where does the Web Standards Group stand about it, if at all? And the JavaScript developers among you… do you have any bad experiences to tell about the use of XHTML 1.0 in place of HTML 4.01 strict? Bom fim de semana! Roberto ** 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] HTML 4.01 versus XHTML 1.0
Hi, I can fully admit I wrote pages in XHTML in a vain effort to be bleeding edge. I must say that, having read Stuart Langridge's DHTML UTopia and its convincing argument about using HTML 4.01, I am coming round to the idea that there are currently no genuine advantages to using XHTML. I shall explain. If I were to write a webpage in XHTML of any flavour but also made the effort to serve it with the correct MIME-type to browsers which support it, that would work fine, but the benefits would be debatable. If I had javascripts within those pages and the pages were served as XML, some methods that work when they are served as plain old HTML would not work in an XML document. So, for the gain of nil benefits, I would lose some compatibility. Not a fair trade. Until you can assuredly say that all browsers will accept the same standards, serving documents as XML is a nice idea but currently unfeasible. HTML 4.01 will always be a standard and, as such, any pages written to that standard will always work. No doubt many better-informed people will shoot me down, but that's just the way I see it at the moment. Cheers, Iain Roberto Gorjão wrote: Olá a todos, I’ve tried to make my mind on my own on this subject, but I must confess I’m a bit confused… I’m talking about XHTML 1.0 served as text/html, as I have no use for xml yet… Should I prefer it to HTML 4.01? Why? On one hand I have the recommendations of: * The W3C – In their note “XHTML Media Types”( http://www.w3.org/TR/xhtml-media-types/), they say: “In summary, 'application/xhtml+xml' *SHOULD* be used for XHTML Family documents, and the use of 'text/html' *SHOULD* be limited to HTML-compatible XHTML 1.0 documents.” – which doesn’t configure a recommendation for using XHTML in place of HTML, as Mark Pilgrim stresses. * Richard Ishida in his enlightening W3C tutorial: “We recommend the use of XHTML wherever possible” (http://www.w3.org/International/tutorials/tutorial-char-enc/en/all.html#Slide0010) * Jeffrey Zeldman in his book / almost bible “Designing with web standards”: “Top 10 reasons to Convert to XHTML”; “1- XHMTL is the current markup standard, replacing HTML 4.”; “3- XHTML is more consistent than HTML (…)”; “6- New browsers love XHTML (…)”; etc… “Top 5 reasons not to switch to XHMTL”; “1- you get paid by the hour.”, etc… * most of you that, by your practice and the URLs you have posted, have shown to prefer XHTML (are you serving it as XML too / using any kind of content negotiation? Am I missing something?) On the other hand I have: * The Web Standards Project – in its article “WaSP asks the W3C” (http://www.webstandards.org/learn/askw3c/sep2003.html) they explicitly recommend serving HTML as text/html and XHTML as application/xhtml+xml, unless using some kind of content negotiation by the server. Text/html is considered an “alternate mime type” for XHTML 1.0., but is not explicitly recommended even if we follow the backward compatibility guidelines (appendix C of XHTML 1.0 W3C recommendation). * Ian Hickson text “Sending XHTML as text/html considered harmful” (http://www.hixie.ch/advocacy/xhtml), where he specifically defends that “RFC 2854 spec refers to a profile of use of XHTML which is compatible with HTML 4.01. There is no such thing. Documents that follow the guidelines in appendix C are not valid HTML 4.01 documents.” * Mark Pilgrims’ article “The Road to XHTML 2.0: MIME Types” (http://www.xml.com/pub/a/2003/03/19/dive-into-xml.html). He talks about “XHTML's Dirty Little Secret” and says that “browsers aren't actually treating your XHTML as XML. Your validated, correctly DOCTYPE'd, completely standards compliant XHTML markup is being treated as if it were still HTML with a few weird slashes in places they don't belong”… * The new book “DHTML Utopia: Modern Web Design using JavaScript DOM”, where Stuart Langridge echoes the opinions of Pilgrim and Hickson, strongly defending the use of HTML 4.0.1: “In short, using XHTML right now provides very little in the way of benefits, but brings with it a fair few extra complications. HTML 4.01 Strict is just as “valid” as XHTML—XHTML did not replace HTML but sits alongside it.” So, what are your opinions? Can someone shed some light on this subject? Where does the Web Standards Group stand about it, if at all? And the JavaScript developers among you… do you have any bad experiences to tell about the use of XHTML 1.0 in place of HTML 4.01 strict? Bom fim de semana! Roberto ** 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] Combining Ordered, Unordered, Linked Unlinked Lists
If you move your bullets off the anchors and back to the list item where they belong (li has a list-style attribute a doesn't) then your layout is quite easy to fix. Look at your source without CSS and you should see how your list items wrap indented away from the bullet point. From an interaction design POV is doesn't make sense to include the bullets with the anchor because you are creating an inconsitency in the UI where sometimes bullets denote a link and sometimes they denote a list item within the same discrete block of information. regards Terrence Wood. On 2 Jul 2005, at 5:58 AM, White Ash wrote: Greetings ~ I'm wanting to know if there are examples out there of lists that are a combination of unlinked ordered linked ordered unlinked unordered and linked unordered items. I'm designing a bibliography, and thinking that there will be some articles I can link to, some I can't, and a need to be able to have numbered and non-numbered line items together. What I've done so far is promising, but far from being functional: http://www.neln.org/dev/template.shtml# http://www.neln.org/dev/css/styles.css I've actually typed the problems I'm having into the line items themselves. Thanks to all who may be able to shed some light on what I'm doing or direct me to some examples of what I'm looking for. Peace, White Ash ** 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] Will HTML be nicer to PHP than XHTML?
Personally, I believe this is one of the strong argumens for XHTML. PHP is very sloppy, and when you combine that with another sloppy language, HTML, the mess is tremendos. For small projects and new people it's not much of an issue, but try to maintain a large codebase without it being incredibly buggy. Using XHTML forces you towards good practices, something that is good to do from the begining before you develop those bad habits. I don't know who was objecting to using XHTML, but IMHO it will interfere with you learning of PHP less than HTML because it will force you to know what your doing, which is the point of learning. XHTML is a beautiful thing. I use it every day with my PHP applications. I just can't wait till SVG gets some support. Alan Trick Roberto Gorjão wrote: Anyway, I noticed that many of you use XHTML and I sure was beginning to enjoy using it myself, and it seemed to me a good way to practice for the inevitable future… is it? I mean: a good way to practice, as I believe that XML is the inevitable future… I’m initiating now my study on PHP and MySQL and I read some objections about using XHTML with PHP… Will XHTML interfere with my learning of PHP? Would it be a good idea to stick with good old plain HTML? Obrigado! Roberto ** 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] Call for Review: Working Draft of WCAG 2.0
Apologies for cross posting, but here's your chance to provide feedback on the W3C WCAG 2.0 http://lists.w3.org/Archives/Public/w3c-wai-ig/2005JulSep/.html Regards Geoff ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
