473,396 Members | 1,893 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

p + p


I was using CSS of:
p + p {...}

....to indent secondary paragraphs in conversations and descriptive
text. This allows not including a class on every secondary <ptag, of
which there are often several for each beginning <p>. I just noticed
that while this works fine in FF, it doesn't work at all in IE.

Crap! Is there a way to accomplish this that will work in both IE and
FF? I know, IE should just get with the program, but I don't think I
can wait that long.

Regards,
Kent Feiler
www.KentFeiler.com
Apr 24 '07 #1
3 1499
Scripsit Kent Feiler:
I was using CSS of:
p + p {...}

...to indent secondary paragraphs in conversations and descriptive
text. This allows not including a class on every secondary <ptag, of
which there are often several for each beginning <p>.
That's indeed the most logical approach, but...
I just noticed
that while this works fine in FF, it doesn't work at all in IE.
Actually, it works in IE 7, but only in Standards Mode (i.e. when you have a
correct doctype declaration at the start of the document).
Is there a way to accomplish this that will work in both IE and FF?
You could use class attributes but for the paragraphs that do not follow
another paragraphs, i.e. just for the first <pelement in a sequence of
such elements.

Or you could use

p { text-indent: 1.3em; margin: 0; }
h2+p, h3+p, h4+p, h5+p, h6+p, table+p, ul+p, ol+p, dl+p, div+p
{ text-indent: 0; }

That way, IE 6 and older would use text indent for _all_ paragraphs, which
is perhaps tolerable (I've seen many books and serials that use such style),
and newer browsers would indent only paragraphs that do not follow a heading
or list or ... (you may need to tune the list; the above is just a sketch).

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Apr 24 '07 #2
On Tue, 24 Apr 2007 23:16:54 +0300, "Jukka K. Korpela"
<jk******@cs.tut.fiwrote:

Scripsit Kent Feiler:
I was using CSS of:
p + p {...}

...to indent secondary paragraphs in conversations and descriptive
text. This allows not including a class on every secondary <ptag,
of
which there are often several for each beginning <p>.
That's indeed the most logical approach, but...
I just noticed
that while this works fine in FF, it doesn't work at all in IE.
Actually, it works in IE 7, but only in Standards Mode (i.e. when you
have a correct doctype declaration at the start of the document).
Is there a way to accomplish this that will work in both IE and FF?
You could use class attributes but for the paragraphs that do not
follow another paragraphs, i.e. just for the first <pelement in a
sequence of such elements.

Or you could use

p { text-indent: 1.3em; margin: 0; }
h2+p, h3+p, h4+p, h5+p, h6+p, table+p, ul+p, ol+p, dl+p, div+p
{ text-indent: 0; }

That way, IE 6 and older would use text indent for _all_ paragraphs,
which is perhaps tolerable (I've seen many books and serials that use
such style), and newer browsers would indent only paragraphs that do
not follow a heading or list or ... (you may need to tune the list;
the above is just a sketch).
------------------------------------------------------------------------

Nice idea! Although the guy who was the master of style when HTML and
CSS were just alphabet soup, William J. Strunk in "The Elements of
Style", might complain a bit. Indent-all-paragraphs is way better than
"engineering paragraphs" but it still misses something. The unindented
paragraph (preceeded by blank line) is a kind of reset button, I'd
hate to lose it.

Maybe I should just forget about old versions of IE, but I dunno, it
seems right to at least go back to Current - 1.
Regards,
Kent Feiler
www.KentFeiler.com
Apr 26 '07 #3
Scripsit Kent Feiler:

[ first quoting me ]
Or you could use

p { text-indent: 1.3em; margin: 0; }
h2+p, h3+p, h4+p, h5+p, h6+p, table+p, ul+p, ol+p, dl+p, div+p
{ text-indent: 0; }

That way, IE 6 and older would use text indent for _all_ paragraphs,
which is perhaps tolerable (I've seen many books and serials that use
such style), and newer browsers would indent only paragraphs that do
not follow a heading or list or ... (you may need to tune the list;
the above is just a sketch).
------------------------------------------------------------------------

Nice idea! Although the guy who was the master of style when HTML and
CSS were just alphabet soup, William J. Strunk in "The Elements of
Style", might complain a bit.
Maybe Strunk would have something to complain, but my copy of the book,
fourth edition, with revisions by E. B. White,
a) does not seem to say anything explicit about the topic (though I've only
read the book once and now took a quick look at it)
b) itself indents paragraphs after low-level headings (which themselves are
indented, too) and lists, as well as after vertical spacing that indicates a
major division in text - and even _in_ examples set in blockquote style and
_after_ such an example, despite that fact that block indentation and
vertical margins make that unnecessary.
(It doesn't indent the first paragraph in a section, though, and it presents
the first few words of such a paragraph in small caps.)

I'm not saying that indenting all or almost all paragraphs is good style.
I'm just saying that it can't be regarded as a stylistic catastrophe.
Indent-all-paragraphs is way better than
"engineering paragraphs" but it still misses something. The unindented
paragraph (preceeded by blank line) is a kind of reset button, I'd
hate to lose it.
That's probably still the most common view among typographers. If you regard
it as important enough to implement that style in a manner that works on IE
6 (and older) too, you can use class attributes for paragraphs that should
not be indented (and should perhaps have top margin, unless the preceding
element's bottom margin doesn't suffice). After all, normally just a
minority of paragraphs would need the class attribute.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Apr 26 '07 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: William C. White | last post by:
Does anyone know of a way to use PHP /w Authorize.net AIM without using cURL? Our website is hosted on a shared drive and the webhost company doesn't installed additional software (such as cURL)...
2
by: Albert Ahtenberg | last post by:
Hello, I don't know if it is only me but I was sure that header("Location:url") redirects the browser instantly to URL, or at least stops the execution of the code. But appearantely it continues...
3
by: James | last post by:
Hi, I have a form with 2 fields. 'A' 'B' The user completes one of the fields and the form is submitted. On the results page I want to run a query, but this will change subject to which...
0
by: Ollivier Robert | last post by:
Hello, I'm trying to link PHP with Oracle 9.2.0/OCI8 with gcc 3.2.3 on a Solaris9 system. The link succeeds but everytime I try to run php, I get a SEGV from inside the libcnltsh.so library. ...
1
by: Richard Galli | last post by:
I want viewers to compare state laws on a single subject. Imagine a three-column table with a drop-down box on the top. A viewer selects a state from the list, and that state's text fills the...
4
by: Albert Ahtenberg | last post by:
Hello, I have two questions. 1. When the user presses the back button and returns to a form he filled the form is reseted. How do I leave there the values he inserted? 2. When the...
1
by: inderjit S Gabrie | last post by:
Hi all Here is the scenerio ...is it possibly to do this... i am getting valid course dates output on to a web which i have designed ....all is okay so far , look at the following web url ...
2
by: Jack | last post by:
Hi All, What is the PHP equivilent of Oracle bind variables in a SQL statement, e.g. select x from y where z=:parameter Which in asp/jsp would be followed by some statements to bind a value...
3
by: Sandwick | last post by:
I am trying to change the size of a drawing so they are all 3x3. the script below is what i was trying to use to cut it in half ... I get errors. I can display the normal picture but not the...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.