Re: distance between <li>s...

In article <bi0e4p$iiu$5 (AT) reader1 (DOT) tiscali.nl> in
comp.infosystems.www.authoring.stylesheets, Els
<els.aNOSPAM (AT) PLEASEtiscali (DOT) nl.invalid> wrote:

Is there a way I can change the distance between list items?

Yes, of course.
li { margin-top: 0.8em }
for instance, or
li { margin: 0.4em 0 }
or really any margin setting you like. You could use padding instead
or in addition, depending on whether your <li> items have a
background that is different from the page background.

But this answer is so elementary that I wonder if maybe I
misunderstood your question. If so, please post a further query with
more specifics.

http://www.mediatech.nl/~rachel/Fram...chel/live.html.

When posting URLs, it's best not to write punctuation right next to
them. Many of us will click on that link, as I did, and get a "404
not found" because the page "live.html." doesn't exist.

A couple of comments after I did a manual cut-and-paste to view the
page.

I like the color scheme in the menu. The color change with hover
looks good to me too.

You've got title attributes on all the hrefs in your menu list, but
they all seem to be nothing more than a duplicate of the actual
visible link text. Why bother?

At the bottom, "Please feel free / to contact the / webmaster" --
the nice menu color covers the first two lines and just half of the
"webmaster" line. (I'm using Mozilla 1.4 on Win98.) Also, the www
address overlays the first couple of picture captions in the bottom
row.

"Selfportraits" should be two words, by the way. (Some people
hyphenate it, some don't.) I have never seen it as a single word
before.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
validator: http://jigsaw.w3.org/css-validator/

Stan Brown wrote:

Els wrote:

Is there a way I can change the distance between list items?

Yes, of course.
li { margin-top: 0.8em }
for instance, or
li { margin: 0.4em 0 }
or really any margin setting you like. You could use padding instead
or in addition, depending on whether your <li> items have a
background that is different from the page background.

But this answer is so elementary that I wonder if maybe I
misunderstood your question. If so, please post a further query with
more specifics.

Might be elementary, but I'm only in elementary html/css
school yet :-)
Thanks.

http://www.mediatech.nl/~rachel/Fram...chel/live.html
without the '.' now...

When posting URLs, it's best not to write punctuation right next to
them. Many of us will click on that link, as I did, and get a "404
not found" because the page "live.html." doesn't exist.

Sorry, usually I check if the '.' accidentally became part
of the link.

A couple of comments after I did a manual cut-and-paste to view the
page.

I like the color scheme in the menu. The color change with hover
looks good to me too.

You've got title attributes on all the hrefs in your menu list, but
they all seem to be nothing more than a duplicate of the actual
visible link text. Why bother?

Ah, that's why I had taken them out before! (put them back
in today, out of habit, really) I'll take 'em out again :-)

At the bottom, "Please feel free / to contact the / webmaster" --
the nice menu color covers the first two lines and just half of the
"webmaster" line. (I'm using Mozilla 1.4 on Win98.) Also, the www
address overlays the first couple of picture captions in the bottom
row.

Thanks, I never would have guessed that, as I tested in
Opera 7.11, NS7.1, IE6.0 and Mozilla's Firebird, but I guess
I'll have to download Mozilla 1.4 as well, then...

I don't know if it makes a difference in the way the table
(which holds the thumbnails) is rendered, but I've changed
the doctype to strict, and put an 80% height on it, instead
of 100%. Would you have a look again for me?

"Selfportraits" should be two words, by the way. (Some people
hyphenate it, some don't.) I have never seen it as a single word
before.

Thanks again! English is only my second language, and I
forgot to check it in the dictionary. Will be changed
instantly :-)

--
Els

A mente é egual á uma paraqueda; funciona melhor aberta.

Els wrote:

Stan Brown wrote:

At the bottom, "Please feel free / to contact the / webmaster" -- the
nice menu color covers the first two lines and just half of the
"webmaster" line. (I'm using Mozilla 1.4 on Win98.) Also, the www
address overlays the first couple of picture captions in the bottom row.

Thanks, I never would have guessed that, as I tested in Opera 7.11,
NS7.1, IE6.0 and Mozilla's Firebird, but I guess I'll have to download
Mozilla 1.4 as well, then...

I don't know if it makes a difference in the way the table (which holds
the thumbnails) is rendered, but I've changed the doctype to strict, and
put an 80% height on it, instead of 100%.

I downloaded 1.4 now, and it looks O.K. here. Is that because of the
changes I made, or is it the difference between Moz1.4 on Win98 en XP?

Would you have a look again for me?

Thanks in advance,

--
Els

A mente é egual á uma paraqueda; funciona melhor aberta.

In article <bi0j0g$iiu$7 (AT) reader1 (DOT) tiscali.nl> in
comp.infosystems.www.authoring.stylesheets, Els
<els.aNOSPAM (AT) PLEASEtiscali (DOT) nl.invalid> wrote:

http://www.mediatech.nl/~rachel/Fram...chel/live.html

Stan Brown wrote:

At the bottom, "Please feel free / to contact the / webmaster" --
the nice menu color covers the first two lines and just half of the
"webmaster" line. (I'm using Mozilla 1.4 on Win98.) Also, the www
address overlays the first couple of picture captions in the bottom
row.

I don't know if it makes a difference in the way the table
(which holds the thumbnails) is rendered, but I've changed
the doctype to strict, and put an 80% height on it, instead
of 100%. Would you have a look again for me?

Sorry, the problems are still there.

I've made a screen shot for you so you can see what I'm talking
about:
http://oakroadsystems.com/illo.jpg

Since you say it looks okay for you in Moz 1.4, I suspect the
problem is that my Moz window is a different height and width than
yours. Try your window at different sizes and see if you get the
effect.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
validator: http://jigsaw.w3.org/css-validator/

Stan Brown wrote:

Els wrote:

http://www.mediatech.nl/~rachel/Fram...chel/live.html

Stan Brown wrote:

At the bottom, "Please feel free / to contact the / webmaster" --
the nice menu color covers the first two lines and just half of the
"webmaster" line. (I'm using Mozilla 1.4 on Win98.) Also, the www
address overlays the first couple of picture captions in the bottom
row.

I don't know if it makes a difference in the way the table
(which holds the thumbnails) is rendered, but I've changed
the doctype to strict, and put an 80% height on it, instead
of 100%. Would you have a look again for me?

Sorry, the problems are still there.

I've made a screen shot for you so you can see what I'm talking
about:
http://oakroadsystems.com/illo.jpg

Since you say it looks okay for you in Moz 1.4, I suspect the
problem is that my Moz window is a different height and width than
yours. Try your window at different sizes and see if you get the
effect.

No, I see what it is: I didn't make a 'flexible' design, so
if you would change your font size to 100%, it would render
the way I intended...

Thanks for the screenshot. As someone else said in some ng:
a picture says more than a thousend words :-)

--
Els

A mente é egual á uma paraqueda; funciona melhor aberta.