vertical-align

Hi

How can I have IE7 act correctly on that ?
The rules make the link text go down when hovered. It works in FF , I had to
add a hard space right after the LI tag to have OP9 work but I can't figure
how to have IE7 work. Why?

How can I have it work in all 3 browsers?
http://nrap.selfip.com

Thanks

On Fri, 18 Jan 2008 20:00:22 +0100, Bill <billlab51 (AT) hotmail (DOT) com> wrote:

Hi

How can I have IE7 act correctly on that ?
The rules make the link text go down when hovered. It works in FF , I
had to
add a hard space right after the LI tag to have OP9 work but I can't
figure
how to have IE7 work. Why?

How can I have it work in all 3 browsers?
http://nrap.selfip.com

Validate first (http://validator.w3.org/), fix errors, check again, and if
that doesn't work, we'll check .
--
Rik Wasmus

On 18 jan, 14:41, "Rik Wasmus" <luiheidsgoe... (AT) hotmail (DOT) com> wrote:

Validate first (http://validator.w3.org/), fix errors, check again, and if
that doesn't work, we'll check .

validated

On 2008-01-18, Bill wrote:

On 18 jan, 14:41, "Rik Wasmus" <luiheidsgoe... (AT) hotmail (DOT) com> wrote:

Validate first (http://validator.w3.org/), fix errors, check again, and if
that doesn't work, we'll check .

validated

What is validated?

Please provide context for your posts; this is usenet, not a web
forum. Others may not have seen previous posts in the thread, or
they may have expired from their news servers.

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

In article
<b71dc1a7-6e53-431d-89c4-bc0a3dbb8494 (AT) m34g2000hsf (DOT) googlegroups.co
m>,
Bill <billlab51 (AT) hotmail (DOT) com> wrote:

On 18 jan, 14:41, "Rik Wasmus" <luiheidsgoe... (AT) hotmail (DOT) com> wrote:

Validate first (http://validator.w3.org/), fix errors, check again, and if
that doesn't work, we'll check .

validated

Get rid of line-height:25px; for a start in your

A{text-decoration:none;color:#000;outline-style:
none;line-height:25px;}

This stops the rocking in FF on your Francais and English links.

Otherwise, leave it and add a see-saw graphic <g>

--
dorayme

Hi dorayme

Get rid of line-height:25px; for a start in your

A{text-decoration:none;color:#000;outline-style:
none;line-height:25px;}

This stops the rocking in FF on your Francais and English links.

Otherwise, leave it and add a see-saw graphic <g

I wanted to minimize the hits on the server.

I found that IE rises the line instead of lowering the tag. It understands
vertical-align:super or sub but it creates an unwanted effect on the line.

I'll keep on esperimenting, in the meanwhile I hope someone will have THE
answer.

I'll be back

In article <fmrdbq$k40$1 (AT) aioe (DOT) org>,
"Bill" <billlab51 (AT) hotmail (DOT) com> wrote:

Hi dorayme


Get rid of line-height:25px; for a start in your

A{text-decoration:none;color:#000;outline-style:
none;line-height:25px;}

This stops the rocking in FF on your Francais and English links.

Otherwise, leave it and add a see-saw graphic <g

I wanted to minimize the hits on the server.

I found that IE rises the line instead of lowering the tag. It understands
vertical-align:super or sub but it creates an unwanted effect on the line.

I'll keep on esperimenting, in the meanwhile I hope someone will have THE
answer.

I'll be back

I just cannot turn on my winbox for now but, as I said, getting
rid of that line height stopped the moving of the links I
mentioned above in FF and doubtless other non-IE browsers.

--
dorayme

Scripsit Bill:

I wanted to minimize the hits on the server.

Huh? Take the server down, then. The minimum is, after all, zero.

I found that IE rises the line instead of lowering the tag.

Pardon? "Lowering the tag"? That's a new one.

It understands vertical-align:super or sub but it creates an unwanted
effect on the line.

Why would you use such a vertical-align value? What are you really
trying to accomplish?

I'll keep on esperimenting,

By using CSS rules in a grossly illogical way? Sounds like you are keep
hitting your head on the wall.

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

On 2008-01-18, Bill <billlab51 (AT) hotmail (DOT) com> wrote:

Hi dorayme


Get rid of line-height:25px; for a start in your

A{text-decoration:none;color:#000;outline-style:
none;line-height:25px;}

This stops the rocking in FF on your Francais and English links.

Otherwise, leave it and add a see-saw graphic <g

I wanted to minimize the hits on the server.

I found that IE rises the line instead of lowering the tag. It understands
vertical-align:super or sub but it creates an unwanted effect on the line.

I'll keep on esperimenting, in the meanwhile I hope someone will have THE
answer.

Vertical-align: top/bottom are a bit odd to say the least. The
specification says they are supposed to align to the top and bottom of
the line-box, but then the instructions given in 10.8 imply alignment
instead to the top and bottom of a provisional line-box that doesn't
take into account minimal line-height for the block.

But that minimal line-height is only applied in Strict mode. And who
knows what IE does.

Basically it's a nightmare you can do without. Use position: relative
instead. Just set position: relative and top: 5px or 0.25em or so in
your :hover selector (if that's what you were using). That's a much
better way to give a bit of text a small translation.

On 18 jan, 18:39, "Bill" <billla... (AT) hotmail (DOT) com> wrote:

Get rid of line-height:25px; for a start in your

A{text-decoration:none;color:#000;outline-style:
none;line-height:25px;}

This stops the rocking in FF on your Francais and English links.

Otherwise, leave it and add a see-saw graphic <g

I wanted to minimize the hits on the server.

Bill,

I am going to suggest you, like Dorayme has already twice, to avoid
using line-height: you should *not* be using line-height anywhere at
all in your webpage. I have been coding and creating webpages since
1997 and I have never used line-height and do not intend to.

Another argument is that there are many bugs in IE 6 regarding line-
height and there are some still left in IE 7 regarding line-height.

Top and bottom values of vertical alignment of images (and other
content) inside line boxes with assigned line-height are ignored in
IE6 and IE7:
http://www.brunildo.org/test/va_lineheight.html

Also:
http://css.tests.free.fr/en/exemple24.php
which is about lists and line-height
and many others...

I found that IE rises the line instead of lowering the tag. It understands
vertical-align:super or sub but it creates an unwanted effect on the line.

Again, if you do not modify the line-height, if you do not "code" the
line-height, then you should not need to modify the vertical-alignment
on elements. Note that vertical-align applies only to inline-elements
and table cells: not to list-item.

at line 11 in your
http://nrap.selfip.com/nrap.css
you have
.menu LI, .footer LI{display:inline; padding:0px 4px;vertical-
align:middle;}

Here, IE 6 and IE 7 will "honor" vertical-align when, according to CSS
2.1, it should ignore it. There is a bug on this precise issue:

http://www.gtalbot.org/BrowserBugsSe...IE7Bugs/#bug68

I'll keep on esperimenting, in the meanwhile I hope someone will have THE
answer.

I'll be back

Bill,

Jukka asked you the only question you should be working on right now:
what do you want to achieve, accomplish exactly? Give us a clear,
short description of your webpage goals, context, purpose, etc..


/*ajouter un &nbsp devane le <a pour que Opera fasse le mouvement
vertical.*/
means, translates as
/* add a &nbsp; in front of the <a> so that Opera can do the vertical
movement, shift */

Regards, Gérard