Avoiding new lines in tables and doublespacing every word ...

O

onetitfemme

Hi,

for some reason Firefox is apparently inserting a new line somehow
after some IPA symbols which I have written in their hexadecimal
notation.

Also, I would like to have two spaces by default in textual fields
from tables.

What would be the style sheet statements to achieve this?

thanks
otf
 
T

Toby Inkster

onetitfemme said:
for some reason Firefox is apparently inserting a new line somehow
after some IPA symbols which I have written in their hexadecimal
notation.

Do you mean it's displaying one character per line, or that it's just
splitting word part-way through?
Also, I would like to have two spaces by default in textual fields
from tables.
What would be the style sheet statements to achieve this?

TD, TH { word-spacing: 0.33em; }

(Note CSS word-spacing is applied *in addition* to the default spacing
between words.)
 
C

Chris Sharman

onetitfemme said:
Hi,

for some reason Firefox is apparently inserting a new line somehow
after some IPA symbols which I have written in their hexadecimal
notation.

Validate your page ( http://validator.w3.org/ or
http://www.htmlhelp.com/tools/validator ), then tell us where it is (if
it's still broken).
IPA - I thought that was beer?
Also, I would like to have two spaces by default in textual fields
from tables.

What would be the style sheet statements to achieve this?

You could be talking about td { width: 1em; } or possibly min-width, or
margin or padding - all of which would be css.
If you're talking about    then that really has to go in the html.

Chris
 
J

Jukka K. Korpela

onetitfemme said:
for some reason Firefox is apparently inserting a new line somehow
after some IPA symbols which I have written in their hexadecimal
notation.

You probably made an error.

Try posting the URL if you want more specific help.
Also, I would like to have two spaces by default in textual fields
from tables.

Here, too, a URL would help, but you would also need to express clearly
what you see as a problem and what you would like to achieve. Where
should two spaces appear and what are "textual fields from tables"?
(Normally _forms_ have fields.)
What would be the style sheet statements to achieve this?

Followups trimmed. Crossposting is mostly a bad idea. More hints on
Usenet conduct: http://www.cs.tut.fi/~jkorpela/usenet/dont.html
 
O

onetitfemme

// __
Toby Inkster wrote
Do you mean it's displaying one character per line, or that it's just
splitting word part-way through? ..
TD, TH { word-spacing: 0.33em; }
..
otf: Thank you this change did it! And for those stumbling on the same
problem. If you can to reverse to regular spacing inside a particular
<td> use:
..
<span style="word-spacing: 0.0em">text segment with single spaces as
separator</span>
..
// __
Chris Sharman wrote
http://www.htmlhelp.com/tools/validator ) ...
..
otf: Actually my, still under dev. with typos and errors, page:
..
http://www.geocities.com/tekmonk2005/X2L/ArtPhons18_XHML_Strict.html
..
did validate as XHML version 1.0 Strict (of course without the
geocities junk)
..
I am not a designer myself (and I hope this is not illegal around here
;-)), so I usually have a hard time making things look acceptably. This
page looks good enough, to me ;-), so I will keep working on its
content for now. I would however welcome all tips and opinions.
..
I have two questions though (which you can see in the TODO section of
the html doc):
..
._ how do you list indentation in a way that it should cascade so that
if an encompassing item is V. the next sub-item should be. say, V.i.
and so forth?
..
._ how do you rid the "Document encoding" table of the outer border?
..
._ I haven't found a way to make tidy freaking keep the hexadecimal
encodings of especial characters. I am running it like:

sh-3.00# tidy -file errs.txt -clean -asxml -access 3 -latin1 -indent
-wrap 120 -output output.html <page2b_tidied>.html

it just substitutes them for numeric ones, which does not work well
for me.

Thanks
otf
 
O

onetitfemme

By the way, what I wanted to do with this "self-nesting of ordered
list" you do with "counters", which are very poorly supported. More on
it from:

http://www.davidflanagan.com/blog/2005_08.html#000075

http://archivist.incutio.com/viewlist/css-discuss/57887

Here are examples that do not work on:

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.10) Gecko/20050911
Firefox/1.0.6 (Debian package 1.0.6-5)

// - - - - - - - - - - - - - - -
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
dir="ltr">

<head>
<title>list test</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

body { counter-reset: par-num; }
p { counter-increment: par-num; }
p:before { content: " Paragragh: " counter(par-num, upper-roman) ". ";
}

ol { counter-reset: item; }
li { display: block; }
li:before { content: counter(item) ". "; counter-increment: item; }
</style>
</head>

<body>
<h1>list test</h1>

<p>First paragragh.</p>

<p>Second paragragh.</p>

<ol>
<li>item_00_level_00</li>
<ol>
<li>item_00_level_02_00</li>
<li>item_02_level_02_00</li>
</ol>
<li>item_00_level_02</li>
<li>item_00_level_04</li>
<ol>
<li>item_00_level_02_04</li>
<li>item_02_level_02_04</li>
</ol>
</ol>

</body>
</html>
// - - - - - - - - - - - - - - -
otf
 
O

onetitfemme

OK, the self-nesting of ordered lists works -relatively- OK on Firefox
version 1.5.

I tried this css based page:

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
dir="ltr">

<head>
<title>list test</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

body { counter-reset: par-num; }
p { counter-increment: par-num; }
p:before { content: " Before Paragragh: " counter(par-num, upper-roman)
". "; }
p:after { content: " After Paragragh: " counter(par-num, upper-roman) "
<a href=\22mailto:[email protected]?Subject=test emai\22>test
email</a>"; }

ol { counter-reset: item; list-style: none; }
ol li { counter-increment: item; }
ol li:before { content: counter(item, upper-roman) ". ";}

ol ol { counter-reset: item2; list-style: none; }
ol ol li { counter-increment: item2; }
ol ol li:before { content: counter(item, upper-roman) "."
counter(item2, lower-roman) "._ "; }

ol ol ol { counter-reset: item3; list-style: none; }
ol ol ol li { counter-increment: item3; }
ol ol ol li:before { content: counter(item, upper-roman) "."
counter(item2, lower-roman) "." counter(item3, decimal) "._ " ; }

</style>
</head>

<body>
<h1>list test</h1>

<p>First paragragh.</p>

<p>Second paragragh.</p>

<ol>
<li>level_00_item_00
<ol>
<li>level_02_item_00_prev_item_00_00</li>
<li>level_02_item_02_prev_item_00_00</li>
</ol>
</li>

<li>level_00_item_02
<ol>
<li>level_02_item_00_prev_item_00_02
<ol>
<li>level_04_item_00_prev_item_02_00</li>
<li>level_04_item_02_prev_item_02_00</li>
<li>level_04_item_04_prev_item_02_00</li>
</ol>
</li>
</ol>
</li>

<ul> Unordered list in ol (ol ul):
<li>ul_level_02_item_00_prev_item_00_02</li>
<li>ul_level_02_item_02_prev_item_00_02</li>
</ul>

<li>level_00_item_04
<ul> Unordered list in ol (ol ul il):
<li>ul_level_02_item_00_prev_item_00_02</li>
<li>ul_level_02_item_02_prev_item_00_02</li>
</ul>
</li>

<li>level_00_item_06
<ol>
<li>level_02_item_00_prev_item_00_04</li>
<li>level_02_item_02_prev_item_00_04</li>
<li>level_02_item_04_prev_item_00_04</li>
<li>level_02_item_06_prev_item_00_04</li>
</ol>
</li>
</ol>

<ul> Unordered list outside of ol:
<li>ul_level_00_item_00</li>
<li>ul_level_00_item_02</li>
</ul>

</body>
</html>
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

which did work but partially:

1._ It did not handle unordered lists (inside of ordered ones)
properly

2._ It did not insert the email as an actual "mailto" URL in the page
after each paragraph, but it did print smartly the "before" part.

there is an example:
http://www.student.oulu.fi/~laurirai/muuta/koulujutut/kalifornia.html

previously posted on the net that only shows nesting ordered lists.

Apparently if you nest an unordered list then it doesn't work right

Here is an image of what I am getting:

http://www.geocities.com/tekmonk2005/X2L/list_test00.png

otf
 
T

Toby Inkster

onetitfemme said:
ol li { counter-increment: item; }
ol li:before { content: counter(item, upper-roman) ". ";}

This CSS rule will of course match:

<OL>
<LI>
<UL>
<LI>this list item here!
</UL>
</OL>

You could try using:

OL > LI { counter-increment: item; }
OL > LI:before { content: counter(item, upper-roman) ". ";}
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top