Re: [css-d] Popup is _behind_ rather than _in_front_ in (you guessed it) IE
Sweet! That did it. Thanks to all, and especially Gunlaug for this last tip.
---
Mark Wilson, Computer Programming Unlimited
Web: http://www.cpuworks.com/
Email: [EMAIL PROTECTED] or [EMAIL PROTECTED]
Our motto: Getting the Job Done
-Original Message-
From: Gunlaug Sørtun [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Sent: Thu, 25 Oct 2007 9:20 pm
Subject: Re: [css-d] Popup is _behind_ rather than _in_front_ in (you guessed
it) IE
[EMAIL PROTECTED] wrote:
One more time... The photo app? is doing nicely, but now although the
popups appear in the proper place in both FF and IE (many thanks),
they're BEHIND the images in IE, despite their z-index of . The
popup SPAN _is_ positioned, so shouldn't the z-index take effect? The
(real) page is:
http://cpuworks.com/photos_mw/index.php?action=photosetsetid=72157600950790096
What am I missing?
IE can't stack absolute positioned elements properly. Thus, the z-index
on the pop-up has no effect in that browser.
To fix, add...
a.hasNotes:hover {z-index: 1;}
...to lift the entire element, with the pop-up inside, up to a higher level.
regards
Georg
--
http://www.gunlaug.no
Email and AIM finally together. You've gotta check out free AOL Mail! -
http://mail.aol.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] drop down bug in IE6
Test case is here: http://www.maujorsite.com/temp/teste.html
When we open the 2nd and 3th level submenus the links left, right and bottom
borders
are missed in IE5.0 IE5.5 IE6 (don't test in IE7 until now).
If the submenu are closed and then re-opens, bingo! the borders was there!
A possible fix is:
ul#nav li {margin: -1px;}
But this cause double left borders and desappearing borders if I set a
background-color.
TIA
Regards
Mauricio
www.maujor.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Missing width and height for img: why IE doesn't show the image when I'm using CSS?
Hello everyone, I'm sorry to bother with such a stupid issue but I couldn't find a way to explain (first to myself and then to my boss) why if I don't put the height and width attribute to any image of my page IE doesn't show it I'm always using CSS to style the page, ASP or PHP. I know the images are shown in the case it is a plain html file without any style in it. I know defining height and width is a good practise and makes your code valid. I also know a lot of reasons why it is needed (browser rendering, accessibility, browsing, etc...) But I simply cannot explain why IE doesn't show them!! I hope some of you could help me :) thanks a lot! Kiara __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check - Footer Problem...
David Boddie wrote: Ok, I'm about to pull my hair out. I don't know why my footer is doing this, but the #footercontainer section of this page keeps shrinking when the page size shrinks... HTML file: http://www.uark.edu/depts/gradinfo/mockup/threetemplate.html CSS file: http://www.uark.edu/depts/gradinfo/mockup/threetemplate.css Boddie Hi Boddie As Amy has shown in the screenshot for IE6, the page falls apart. It would appear that all those widths are causing IE6 a lot of trouble. None of which are really needed for any browser. The width given in the source table width=500 for the table under Chapter Section Heading header was the start of the trouble. Please see my alterations which brings IE6, IE7, FF and Opera into line. http://css-class.com/x/threetemplate.htm The styles are embedded in the page header and the troublesome parts are commented out or changed. The page still falls apart in sections after font resizing +2 in FF. This will need to be address. I hope this helps. Kind Regards, Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Missing width and height for img: why IE doesn't show theimage when I'm using CSS?
Hello everyone, I'm sorry to bother with such a stupid issue but I couldn't find a way to explain (first to myself and then to my boss) why if I don't put the height and width attribute to any image of my page IE doesn't show it I'm always using CSS to style the page, ASP or PHP. I know the images are shown in the case it is a plain html file without any style in it. I know defining height and width is a good practise and makes your code valid. I also know a lot of reasons why it is needed (browser rendering, accessibility, browsing, etc...) But I simply cannot explain why IE doesn't show them!! I hope some of you could help me :) thanks a lot! Kiara --- It is not a stupid question and I do not know the specific answer other than to say it is IE. Depending on the particular situation the physical dimension may be necessary to give IE layout [1]. There are situations were even when dimension is provided in the markup, IE will require dimension in the CSS as well (and sometimes gentle persuasion with !important is necessary). [1] http://www.satzansatz.de/cssd/onhavinglayout.html Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Missing width and height for img: why IE doesn't show theimage when I'm using CSS?
chiara chiari wrote:
I'm sorry to bother with such a stupid issue but I couldn't find a
way to explain (first to myself and then to my boss) why if I don't
put the height and width attribute to any image of my page IE doesn't
show it
That sounds very odd. Please provide a URL of a demo page (and tell us the
version of IE you are using).
I know the images are shown in the case it is a plain html file
without any style in it.
There's probably some strange error involved. It would be possible to
intentionally create such a situation on IE by using CSS code that says
img { display: none; }
and
img[width][height] { display: inline; }
but you have hardly done anything like that. Or have you? There _might_ be
something in the CSS that prevents images from being shown and something
that overrides this when the attributes are present. (But in IE, this is
possible in IE 7 in Standards Mode only, since otherwise IE ignores a
selector with attribute selectors.)
Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE horiszontal list positioning + overly verbose CSS
Hi everyone.
Medium-time reader, first time poster here. Please let me know if I'm doing
anything wrong.
I've been attempting to learn how to build sites using CSS for positioning,
but usually get frustrated by browser quirks, and eventually fold and revert
to either:
- table-based techniques
- simply droppping or redesigning the problematic element.
I'm working as a research assistant at my university and am currently
building an online interview/other media archive for my boss's work on
Australian hip-hop. I'm working off an existing Wordpress template since I
thought this would be a good way to ease into CSS. Everything seemed to be
OK till I tested the site on Win IE6, at which point I found out it doesn't
like my horizontal nav menu, moving it up and to the right of where it
should be. I've read that IE doesn't like an absolute element nested in a
relative one, which I guess is what's giving me grief.
The site is here: http://localnoise.net.au/
The CSS for the menu is attached below. As you can see, it's pretty
long-winded, and my guess is there's a shorter, more IE-friendly way of
doing this. Ideas?
Thanks,
Pat
--
CSS:
#header ul {
height:40px;
list-style-type :none;
position: relative;
text-align:center ;
}
#header ul li {
display:inline;
}
#header ul li a {
background-position:center ;
background-repeat:no-repeat ;
display:block;
height:40px;
padding:0pt;
position :absolute;
top: 80px;
}
#header ul li a.nav_interviews {
background:transparent url(images/header/interviews.gif) no-repeat scroll
center bottom ;
left:310px ;
width:130px;
}
#header ul li a.nav_interviews:hover, #header ul li
a.nav_interviews.current{background-position
:center top; }
#header ul li a.nav_papers {
background:transparent url(images/header/papers.gif) no-repeat scroll center
bottom ;
left:440px ;
width:84px;
}
#header ul li a.nav_papers:hover, #header ul li a.nav_papers.current
{background-position
:center top; }
#header ul li a.nav_press {
background:transparent url(images/header/press.gif) no-repeat scroll center
bottom ;
left:524px ;
width:72px;
}
#header ul li a.nav_press:hover, #header ul li a.nav_press.current
{background-position
:center top; }
#header ul li a.nav_audio {
background:transparent url(images/header/audio.gif) no-repeat scroll left
bottom ;
left:598px ;
width:70px;
}
#header ul li a.nav_audio:hover, #header ul li a.nav_audio.current
{background-position
:center top; }
#header ul li a.nav_video {
background:transparent url(images/header/video.gif) no-repeat scroll center
bottom ;
left:668px ;
width:68px;
}
#header ul li a.nav_video:hover, #header ul li a.nav_video.current
{background-position
:center top; }
#header ul li a.nav_links {
background:transparent url(images/header/links.gif) no-repeat scroll right
bottom ;
left:736px ;
width:89px;
}
#header ul li a.nav_links:hover, #header ul li a.nav_links.current
{background-position
:center top; }
#header ul li a.nav_about {
background:transparent url(images/header/about.gif) no-repeat scroll left
bottom ;
left:825px ;
width:75px;
}
#header ul li a.nav_about:hover, #header ul li a.nav_about.current
{background-position
:center top; }
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check - Footer Problem...
At 07:12 AM 10/26/2007, Alan Gresley wrote: Hi Boddie As Amy has shown in the screenshot for IE6, the page falls apart. It would appear that all those widths are causing IE6 a lot of trouble. None of which are really needed for any browser. The width given in the source table width=500 for the table under Chapter Section Heading header was the start of the trouble. Please see my alterations which brings IE6, IE7, FF and Opera into line. http://css-class.com/x/threetemplate.htm The styles are embedded in the page header and the troublesome parts are commented out or changed. The page still falls apart in sections after font resizing +2 in FF. This will need to be address. I hope this helps. Kind Regards, Alan http://css-class.com/ Thanks Alan Amy for all your help. I've snagged the code, so you can take it down now if you like. Even though I use CSS a lot I guess I'm still a novice at dotting all the 'i's and crossing all the 't's. This will help me a lot. I've been training myself to setting widths for everything, just to be precise, and the newer browsers take it all in stride. I guess I keep forgetting that the older browsers just choke on all my nitpickiness... :D I'll go over this code and try to figure out my mistakes. And I'll probably submit it again... everyone will get tired of me submitting... Boddie --- David Boddie, Webmaster, Graduate School University of Arkansas | #6 Dickson Street Annex Fayetteville, Arkansas 72701 Phone: 479-575-6184 | email: [EMAIL PROTECTED] http://www.uark.edu/grad --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
On 10/26/07, Steven Soers [EMAIL PROTECTED] wrote: Hi all, I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. Giving the div a margin is not an option because in case of no picture the text must start on the left side. I putted the text a div because text may not wrap around the image. HTML: http://studio.stage.vintage.be/users/steven/index.html Css:http://studio.stage.vintage.be/users/steven/_assets/css/stylesheet.css Many thanks Steven __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Can you just float the image and not the div and let the parent determine the width of the text? -- iron sharpens iron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Transparencies and Overlays
Hi. I'm trying to understand how the transparencies and overlays (used in the various lightboxes) are done in CSS. I'm trying to make something looking similar to a lightbox, but on a page without any JavaScript. Two things that I need to do: 1. Show a gray, semi-transparent sheet over the entire page 2. Position another element - the lightbox - somewhere in the middle of the page I have some ideas for #2, but am a total loss for #1. Can anyone guide me in this? Is there a good resource which explain how these things work? Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Missing width and height for img: why IE doesn't show the image when I'm using CSS?
Kiara wrote: Hello everyone, I'm sorry to bother with such a stupid issue but I couldn't find a way to explain (first to myself and then to my boss) why if I don't put the height and width attribute to any image of my page IE doesn't show it I know defining height and width is a good practice and makes your code valid. thanks a lot! Kiara Hi Kiara We will need a test case here to see what's happening as what you say is not quite correct. Since an image (inline replaced element) has a intrinsic dimension [1], no width or height is needed in the html or CSS at all for it to be shown. Defining a height and width in the html for an image keeps a space reserved on the page for the image before it has downloaded. Any defined dimension in the html will overrule any intrinsic dimension or any dimension in the CSS for an image. Defining a height and width in the CSS for an image will overrule the intrinsic dimension of the image and is the value that is used by the user agent, but before the image is fully downloaded, the intrinsic dimension is unknown so the width and height in the CSS can not computed as a used value, so because of all this, it is common to have any dimension first given in the html. Does that make sense. I bet the boss will say what!. [1] http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width Kind Regards, Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] To set or reset?
On 10/25/07, Christian Heilmann [EMAIL PROTECTED] wrote: It is a matter of dealing with the unknown. If you know all the changes and presets browsers have and do to elements you are welcome to override them. As this is not very likely it makes more sense (at least to me) to get rid of all presets and then just set the ones you need. If you don't reset first there is always the option of some strange setting filtering down to the element you try to set. -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Thanks David and Christian, I have for quite some time now just used the universal selector and reset margins and padding, and then set other properties as needed. I still don't entirely get why using the universal selector is considered bad usage in terms of forms, its just as easy to set the padding and margins on those forms once you've reset them. Or am I missing something? Christian BTW I just started your book and love it so far! -clint -- iron sharpens iron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Float problem
Hi all, I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. Giving the div a margin is not an option because in case of no picture the text must start on the left side. I putted the text a div because text may not wrap around the image. HTML: http://studio.stage.vintage.be/users/steven/index.html Css:http://studio.stage.vintage.be/users/steven/_assets/css/stylesheet.css Many thanks Steven __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. That's because you have the textdiv floated:left. Remove the float and the text will be fine. Of course... I putted the text a div because text may not wrap around the image. You don't want the text to wrap under the image (if present)? Then you need the margin or width. I may not be understanding exactly what you want to do. Pages with image need to have the left column clear, pages without images text should be flush left (no left column)? Tim __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
Steven Soers wrote: I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. Giving the div a margin is not an option because in case of no picture the text must start on the left side. HTML: http://studio.stage.vintage.be/users/steven/index.html I think you want this effect... http://www.gunlaug.no/tos/alien/ss-1/test_07_1026.html ...which works as described here... http://www.gunlaug.no/contents/wd_example_01_02.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE horiszontal list positioning + overly verbose CSS
pat a. wrote:
[...] Everything seemed to be OK till I tested the site on Win IE6,
at which point I found out it doesn't like my horizontal nav menu,
moving it up and to the right of where it should be. I've read that
IE doesn't like an absolute element nested in a relative one, which I
guess is what's giving me grief.
You've heard wrong. IE has absolutely no problems with absolute
positioned elements nested in relative ones, as it would otherwise not
be possible to position anything in that browser.
IE does however have serious problems with 'hasLayout'[1] triggers on
elements next to other elements, and the 'height: 40px' on '#header ul'
is such a trigger.
This causes the '#header ul' to line up next to h2.replace and be
shorter, instead of lining up across it at full width. Same problem in
IE7 btw.
The site is here: http://localnoise.net.au/
Keep existing styles as is, and add...
#header ul {float: right; width: 100%; margin-left: -300px;}
...and IE/win will do fine. As will other browsers.
The method introduced is known as 'partially removed float', and is best
illustrated here...
http://www.gunlaug.no/tos/moa_16.html
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
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
You're right. Thanks a lot. I've been searching a couple of hours to find a solution for this. From: Gunlaug Sørtun [EMAIL PROTECTED] Date: Fri, 26 Oct 2007 16:45:10 +0200 To: Steven Soers [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Float problem Steven Soers wrote: I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. Giving the div a margin is not an option because in case of no picture the text must start on the left side. HTML: http://studio.stage.vintage.be/users/steven/index.html I think you want this effect... http://www.gunlaug.no/tos/alien/ss-1/test_07_1026.html ...which works as described here... http://www.gunlaug.no/contents/wd_example_01_02.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check - Footer Problem...
David Boddie wrote:
Alan Gresley wrote:
It would appear that all those widths are causing IE6 a lot of trouble.
None of which are really needed for any browser.
Thanks Alan Amy for all your help. I've snagged the code, so you
can take it down now if you like. Even though I use CSS a lot I guess
I'm still a novice at dotting all the 'i's and crossing all the 't's.
This will help me a lot. I've been training myself to setting widths
for everything, just to be precise, and the newer browsers take it
all in stride. I guess I keep forgetting that the older browsers just
choke on all my nitpickiness... :D
I'll go over this code and try to figure out my mistakes. And I'll
probably submit it again... everyone will get tired of me submitting...
Boddie
Hi Boddie
I use to do the same with the widths. Consider the difference between a static
block element and static inline element
A static block element such as a div, ul and li will expand the full
width of it's containing block [1], so giving the block element a width of 100%
changes nothing, but with IE the element gains hasLayout and this depending on
the layout can render in a myriad of ways. This changes when the element is
floated or positioned where it will now shrink wrap it's contents. So when we
use auto for a width it is because we are overruling a width that is already
applied to the same element. Example.
#nav li {width:200px}
#nav li li {width:auto}
A inline (non-replaced) element such as an a will be as wide as the anonymous
boxes [2] it contains so we make it behave as a block element such as a div
by declaring
#nav li a {display:block}
so now it is as wide as it's containing block which is the li.
I think it's common when learning CSS to cover all bases in this fashion by
giving every element a width %, em, px, auto or slapping position:relative on
every major div and then further along in our learning curve sending IE buggy
by inducing hasLayout everywhere. Reading the specs bit by bit and testing by
removing this and that helps to come to grasp with how CSS works.
Keep on submitting, I learned a bit myself while working with your page.
[1] http://www.w3.org/TR/CSS21/visudet.html#blockwidth
[2] http://www.w3.org/TR/CSS21/visuren.html#anonymous
Kind Regards, Alan
http://css-class.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] links not showing
Hi all, I have a problem with links not sowing in IE6 and 7. They are absolutely positioned on the image but for some reason they don't show up in IE. Would anyone have an idea what the problem is? Page: http://kids.mesfiji.org TIA, Elle __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Links not showing
Hi all, I have a problem with links not sowing in IE6 and 7. They are absolutely positioned on the image but for some reason they don't show up in IE. Would anyone have an idea what the problem is? Page: http://kids.mesfiji.org TIA, Elle __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Links not showing
Subject: [css-d] Links not showing
Hi all,
I have a problem with links not sowing in IE6 and 7. They are
absolutely positioned on the image but for some reason they don't
show up in IE.
Would anyone have an idea what the problem is?
Page: http://kids.mesfiji.org
Try changing your csshover.htc call like this:
body {behavior: url(csshover.htc);} /* WinIE behavior call */
You are calling the csshover from the style sheet not the html page.
Cool site!
Ian
IY e-Solutions
http://www.iyesolutions.co.uk
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.15.11/1093 - Release Date: 25/10/2007
17:38
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Links not showing
Thanks Ian. It works.
And thanks again-- the site is still in development :)
Cheers,
Elle
On 27/10/2007, at 7:09 AM, Ian Young wrote:
Subject: [css-d] Links not showing
Hi all,
I have a problem with links not sowing in IE6 and 7. They are
absolutely positioned on the image but for some reason they don't
show up in IE.
Would anyone have an idea what the problem is?
Page: http://kids.mesfiji.org
Try changing your csshover.htc call like this:
body {behavior: url(csshover.htc);} /* WinIE behavior call */
You are calling the csshover from the style sheet not the html page.
Cool site!
Ian
IY e-Solutions
http://www.iyesolutions.co.uk
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.15.11/1093 - Release Date:
25/10/2007
17:38
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Missing width and height for : why IE doesn't show theimage when I'm using CSS?
Hello again!
Thanks for the answers, some of them have been very helpful.
Jukka K. Korpela wrote:
That sounds very odd. Please provide a URL of a demo page (and tell us the
version of IE you are using).
this is a url we can use for testing http://www.ccilanciano.com/dev/test
php , the real page is www.ccilanciano.com, as you can see, IE 7 and IE6 don
t show the images when height= and width=. If you try to load the same
images with the same attributes in a new html file (no css), they will be
shown!
There's probably some strange error involved. It would be possible to
intentionally create such a situation on IE by using CSS code that says
img { display: none; }
and
img[width][height] { display: inline; }
but you have hardly done anything like that. Or have you?
No, I haven't! you can see it in the css that is linked to that page...
~dL
I found your article very interesting! Thanks a lot, will be very helpful in
the future.
I hate IE.
Alan
Please refer to the previous urls for a test case.
I'm sorry, I'm reading this newsletter since months but that is my first
post here and being clear is not so easy as it seems!!
(I like your website a lot, I think I already noticed it in the past, should
be in my favourites. Pleasure to discuss with you)
I think I've kinda figured out what is happening here and my statement was
actually not correct. If I use this syntax: width= height= the image in
IE7 and below is not shown. If I omit height and width, then the image is
back there. It was weird though when I tried in a plain HTML file with only
an image in it, with width= height= it was shown in the correct way (I
m going to check it again though).
Maybe some of you can see what the point is now
I'm not an IT person, so probably some of you has got a correct definition
for this.
What I can guess is just IE giving value 0 when the value for width and
height are left empty.
Anyway, thanks for all your answers!
I hope everyone will have a nice weekend!!
Chiara (Kiara)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Missing width and height for : why IE doesn't showtheimage when I'm using CSS?
t show the images when height= and width= If the height and width are explicitly set to zero, well, they'll be zero. If they're *left out entirely*, that's not great, but at least it doesn't display them with a width and height of zero. joel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Same issue in another site with CSS in IE 6 and 7 on a .asp site
David, The path for the site in my earlier email was incorrect. Thank you! That site works now. However, I have the same issue with this site: http://clic.edu/newclic/clicdir.asp the path to the csshover.htc is /newclic/includes/csshover.htc but it won't work in IE Any help is greatly appreciated. Thanks, Deb David McCreath wrote: On 10/24/07, Deb Bergeron [EMAIL PROTECTED] wrote: I've been trying in vain to get this menu to work when I link to it via an 'include' file with an .shtml extension. Hi, Deb - I think the problem might just be the path you set for the csshover.htc file. You have it pointing at /includes/csshover.htc, and I get a 404 there. However, I did find a copy at /mla_new/includes/csshover.htc. David -- Deb Bergeron mailto:[EMAIL PROTECTED] System Admin: User Support CLIC Consortium http://clic.edu 1619 Dayton Avenue, Suite 204A Saint Paul, MN 55104 O:*651.644.3878* C:*651.487.7609* F:651.644.6258 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Missing width and height for : why IE doesn't show theimage when I'm using CSS?
On Oct 27, 2007, at 7:38 AM, Chiara wrote: this is a url we can use for testing http://www.ccilanciano.com/ dev/test php , the real page is www.ccilanciano.com, as you can see, IE 7 and IE6 don t show the images when height= and width=. If you try to load the same images with the same attributes in a new html file (no css), they will be Yeah, IE can't handle that img src=myimage.gif width= height= alt=something It treats them as '0'. Either you fill in the dimensions in the width= and height=: width=xx and height=xx or you remove the width= height= out of the html source code or you can explicitly set the dimensions in the stylesheet. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
