Stephen Tang wrote:
> Els,
> I could make "Q" and "A" part of the content, but then if the content
> is more than one line, the second and subsequent lines would be right
> under the letter Q or A, which isn't what I had in mind. I was
> thinking of replacing a list bullet with the letter Q and A
Els,
I could make "Q" and "A" part of the content, but then if the content
is more than one line, the second and subsequent lines would be right
under the letter Q or A, which isn't what I had in mind. I was
thinking of replacing a list bullet with the letter Q and A without
using an image.
--Ste
209
> LinkedIn
> Facebook
> Twitter
>
>
>
>
> From: Stephen Tang
> Sent: Friday, March 13, 2009 11:37 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] "Q" and "A" (Question and Answer) format using ul
>
>
Hi Tim,
Thanks for that. I had forgotten about :before and :after
pseudo-classes. That would work, except in IE browsers. You answered
my question though. :-)
Thanks,
Stephen
On Fri, Mar 13, 2009 at 11:43 AM, Climis, Tim wrote:
>> Does CSS2.1 allow a way to actually use "Q." and "A." as text?
209
LinkedIn
Facebook
Twitter
From: Stephen Tang
Sent: Friday, March 13, 2009 11:37 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] "Q" and "A" (Question and Answer) format using ul
Hello,
I saw a FAQ page where it listed a question followed by an
-- On Fri, 3/13/09, Els wrote:
> I think that Q and A should be part of the content, not the
> styling.
> Without CSS and without images, the content of the page
> should still
> make sense, so I reckon you'll want to have the images
> for Q and A
> with alt text, or just plain text, in the HT
> Does CSS2.1 allow a way to actually use "Q." and "A." as text? Or
> maybe a different markup (dl?) should be used?
Sure. It's even easy.
li.Q:before {
content:"Q: ";
}
li.A:before {
content:"A: ";
}
http://www.w3.org/TR/CSS21/generate.html#before-after-content
---Tim
Stephen Tang wrote:
> I know the background image technique is well-known
> (http://css.maxdesign.com.au/listutorial/introduction.htm), but
> since in this example, it's just "Q" and "A", I was hoping there is
> a way not to use images.
I think that Q and A should be part of the content, not the
Hello,
I saw a FAQ page where it listed a question followed by an answer as
follows (fictional question and answer below):
Q. How do I login?
A. You log in by clicking on the login link.
The HTML markup is an unordered list (ul), where the list (li) have
background images for the "Q." and "A."
u