[css-d] IE problem showing border-top for an ancor
Hi,
in my HTML test page I've tried to set a top border when I hover a
link. It does work in Firefox and Opera. Is internet explorer capable
to do that?
The HTML:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html; charset=utf-8/
titlenew layout/title
link href=base.css media=screen rel=Stylesheet type=text/css /
/head
body
div
a href=#posti/a
/div
/body
/html
the CSS:
a {
text-decoration: none;
color: #FFAE00;
margin-top: 3px;
border-top: 3px solid green;
}
a:hover {
color: red;
border-left: 3px solid blue;
}
and if IE is once again handicapped, is there an hack to get rid of it?
Enrico
--
The only thing necessary for the triumph of evil
is for good men to do nothing
Edmund Burke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem showing border-top for an ancor
I accidentally fall to this: http://ndesign-studio.com/ it has thoose links floating as block element so it get the top-border working in IE too, it's a way out... but I'm still wondering if are there any other ones... :-) Enrico -- The only thing necessary for the triumph of evil is for good men to do nothing Edmund Burke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem showing border-top for an ancor
Enrico Teotti wrote: I accidentally fall to this: http://ndesign-studio.com/ it has thoose links floating as block element so it get the top-border working in IE too, it's a way out... but I'm still wondering if are there any other ones... :-) Sure. Since 'float: left/right' is one of the many 'hasLayout'[1] triggers that IE' buggy rendering-engine rely on, then one of the other triggers are sure to work too - but may have negative side-effects. The addition of 'position: relative' (which does not act as a 'hasLayout' trigger, but more as a reminder that IE is supposed to 'stack' and 'paint' an element properly) usually do the trick on its own for inline-elements. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] justified horizontal list
Hello, I have a column of text with a set width, and I want a horizontal list with the same width. The font is unknown (I provide a selection of fonts), and I don't want to use images. Is it possible to make a horizontal list that spreads to a set width in CSS? Thank you. Fulko __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] rtl and ltr text
Is there a way to display left to right and right to left text on the same
line next to each other.
I have made my whole site right to left. Then I added
#en {
direction: ltr;
}
Now I want to write in the direction of right to left but also be able to
mix in and write from ltr. If I use this div around the words I need in
english, they move down to the next line, but I want them next to the other
words that I have written in hebrew (which is a rtl lang).
If anyone can help I would appreciate,
Leora
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] rtl and ltr text
Have you tried using span instead of div?
Leora Waldman wrote:
Is there a way to display left to right and right to left text on the same
line next to each other.
I have made my whole site right to left. Then I added
#en {
direction: ltr;
}
Joel Goldstick
www.columbuswebmakers.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] rtl and ltr text
I made a small test page you might want to look at. The CSS is embedded in the source. http://columbuswebmakers.com/Workbench/ltr.test.html There is some good information here: http://www.w3.org/TR/CSS21/visuren.html#propdef-direction -- Joel Goldstick www.columbuswebmakers.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Perplexing positioning in IE6
I have a perplexing situation where a footer in a site I've built seems to be positioned somewhat randomly. The client claims that in IE6 the footer (or copyright line) is positioned over the text. When I look at the same page in IE6, Firefox (Win or Mac) and Safari, it looks fine. The client claims to have text size set to Medium and resolution set to 800x600. I am unable to duplicate their results. There are two options that occur to me: 1. Set the margin-top to an arbitrarily large number and hope that works. (which I've done temporarily). 2. rewrite the pages using float positioning - which I can clear and avoid absolute positioning. The site is: http://keenancomm.com/test/pshow/ http://keenancomm.com/test/pshow/css/basic.css http://keenancomm.com/test/pshow/css/menu.css The thing I'm most perplexed about is that the client gets results that I can't duplicate. Any ideas there? Tom Keenan [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
