[css-d] list problemin IE
Hey there Everyone, I am experiencing problems with a list of images in IE. In FF it is fine. It does list the images horizontally but, in IE each consecutive image seems to have a top margin of around 10px. Any ideas? Thanks! URL: www.pctaxpreparation.com -- Kind Regards Schalk Neethling Web Developer.Designer.Programmer.President Volume4.Business.Solution.Developers __ 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] list problemin IE
Schalk wrote: Hey there Everyone, I am experiencing problems with a list of images in IE. In FF it is fine. It does list the images horizontally but, in IE each consecutive image seems to have a top margin of around 10px. Any ideas? Thanks! URL: www.pctaxpreparation.com Hi Schalk, * This special IE-cascade is due to the IE thinking that an element always has a line-height, even if there is no text in the element. Setting LH to zero can fix it. * For IE the #certified has to get it's own {float: right}. * When the page is loaded in FF, first the #content is under the #navbar, and after a short flash the #content is jumping to the right place besides it; leaving a big white hole to the bottom of the page... I don't know why (I thought this kind of things was IE-only!), but a bit smaller width of the #content does solve it. * I should give the last #footer line some more distance to the bottom page border, then in IE it is visible too that CWI Hosting is a clickable link. :-) * The copyright sign has a amp; too much: probably the missing amp; in one of the internal links. ;-) * Some small validation things. I've put this in a testpage http://home.tiscali.nl/developerscorner/css-discuss/test-pctax.htm. Cheers, francky __ 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] list problemin IE
francky wrote: Schalk wrote: Hey there Everyone, I am experiencing problems with a list of images in IE. In FF it is fine. It does list the images horizontally but, in IE each consecutive image seems to have a top margin of around 10px. Any ideas? Thanks! URL: www.pctaxpreparation.com Hi Schalk, * This special IE-cascade is due to the IE thinking that an element always has a line-height, even if there is no text in the element. Setting LH to zero can fix it. * For IE the #certified has to get it's own {float: right}. * When the page is loaded in FF, first the #content is under the #navbar, and after a short flash the #content is jumping to the right place besides it; leaving a big white hole to the bottom of the page... I don't know why (I thought this kind of things was IE-only!), but a bit smaller width of the #content does solve it. * I should give the last #footer line some more distance to the bottom page border, then in IE it is visible too that CWI Hosting is a clickable link. :-) * The copyright sign has a amp; too much: probably the missing amp; in one of the internal links. ;-) * Some small validation things. Which version of Firefox are you using? I am not seeing that over here FF 1.5.0.7 Windows. -- Kind Regards Schalk Neethling Web Developer.Designer.Programmer.President Volume4.Business.Solution.Developers __ 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] list problemin IE
Schalk wrote: francky wrote: URL: www.pctaxpreparation.com [...] * When the page is loaded in FF, first the #content is under the #navbar, and after a short flash the #content is jumping to the right place besides it; leaving a big white hole to the bottom of the page... I don't know why (I thought this kind of things was IE-only!), but a bit smaller width of the #content does solve it. [...] Which version of Firefox are you using? I am not seeing that over here FF 1.5.0.7 Windows. Hi Schalk, I noticed it in FF1.07 on Win98SE at 1024x768 resolution, but cannot send you a screenshot: the pctaxpreparation.com-server is telling me at the moment that some php-includes cannot be found (instead of showing the page as before). [1] - Ho, correction: I could reconstruct the original. :-) Two screenshots: * This is what I see just after opening the page: content downwards http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-pctax-1.jpg. * And in a fraction of a second it is jumping upwards, letting a big hole at the bottom http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-pctax-2.jpg. Reloading or refreshing the page is repeating the phenomenon. Greetings, francky [1] For the same reason I could not look what Browsershots.org http://browsershots.org/ is showing for other FF-versions. __ 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] List in IE
IE is not showing the bullet or the list. Where am I wrong? Many thanks. CSS: ul {list-style-image: url(graphics/arrow22.gif); margin: 20px 0 0 0; } ul li { margin: .5em 0 .5em 0; } Page: ulli a href=(EmptyReference!)A/a /li li a href=(EmptyReference!)B/a /li li a href=(EmptyReference!)C/a /li li __ 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] List in IE
On Jul 26, 2006, at 9:51 AM, cj wrote: try putting your image on the li instead of the ul. another possible failure might be that your graphic isn't referenced according to where your css file is. let us know if either of those work for ya. I failed to say it works well in all other browsers. I have noticed that in IE/ MAC the list and the bullets display but outside the table in which they sit. __ 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] List in IE
do you perhaps have a page we can look at then, so we're not making stabs in the dark? __ 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] List in IE
On Jul 26, 2006, at 10:20 AM, cj wrote: do you perhaps have a page we can look at then, so we're not making stabs in the dark? http://www.ombredor.com/css/testing.html __ 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] List in IE
On 7/26/06, faramineux [EMAIL PROTECTED] wrote: http://www.ombredor.com/css/testing.html i see the bullets just fine on winxp pro sp2 ie6. __ 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] List in IE
On 7/26/06, faramineux [EMAIL PROTECTED] wrote: IE is not showing the bullet or the list. Where am I wrong? Many thanks. CSS: ul {list-style-image: url(graphics/arrow22.gif); margin: 20px 0 0 0; } ul li { margin: .5em 0 .5em 0; } Hi, faramineux, It is difficult to tell exactly the issue without a test page. My first guess is that, since the left margins are removed from the list and the list items, there is no room to show the bullet on the left side of the list. It could also be that the image URL is pointing to the wrong location, if the graphics directory is not in the same directory as the stylesheet itself. Or that there are negative margins in the list's container that is cutting off the edge of the list. If you can provide a link, it will be much easier to say for certain. Thanks, Michael __ 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] List in IE
Hi, faramineux, It is difficult to tell exactly the issue without a test page. My first guess is that, since the left margins are removed from the list and the list items, there is no room to show the bullet on the left side of the list. It could also be that the image URL is pointing to the wrong location, if the graphics directory is not in the same directory as the stylesheet itself. Or that there are negative margins in the list's container that is cutting off the edge of the list. If you can provide a link, it will be much easier to say for certain. Thanks, Michael Michael and CJ, The problem was actually in the fact that I had not set a fixed dimension for the right cell of the table, it was squeezing out the cell in which the menu was, on the left of the table. Thanks! __ 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] List in IE
On 26.07.2006 15:40, faramineux wrote: IE is not showing the bullet or the list. Where am I wrong? Many thanks. CSS: ul {list-style-image: url(graphics/arrow22.gif); margin: 20px 0 0 0; } ul li { margin: .5em 0 .5em 0; } Because you are using a left margin of 0px, MSIE/PC won't display the bullets, I guess. http://meyerweb.com/eric/css/list-indent.html Regards, Uwe Kaiser -- __ 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] List problems IE bad / FF nice
Augusto Murri wrote: Hi all, i've been testing this page for a week but there are some little problems in IE. The page in question is http://194.242.241.199/html/2/scheda_museo.php As u can see the list UL in the div#menu_categorie display bad in IE, i can't see the arrows on the left... [...] Hi Augusto, My experience is, that you can better position home-made 'list-bullets' by using a background-image for the list items, and canceling the list-style (so not using a replaced list-style-image). Then in all browsers you can position the height of the arrow just in the vertical middle of the line (also when the fonts are enlarged clientside), which is extremely difficult / perhaps impossible the other way. See effect and source code in this testpage http://home.tiscali.nl/developerscorner/css-discuss/test-scheda_museo.htm. FF, IE and Opera on Windows are allright anyway. Greetings, francky ps: I see there are some troubles with the horizontal menu: in IE the Categorie Tematiche is going out of the button. When seen in FF and enlarged the font-size as visitor with 1 step (FF menu View Textsize Greater), Tematiche is dropping to a following (invisible) line. Seems like the fixed height of the menu line is the culprit. __ 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] List problems IE bad / FF nice
On 3/3/06, Augusto Murri [EMAIL PROTECTED] wrote: Hi all, i've been testing this page for a week but there are some little problems in IE. The page in question is http://194.242.241.199/html/2/scheda_museo.php As u can see the list UL in the div#menu_categorie display bad in IE, i can't see the arrows on the left... sorry mate, no IE for now. i'm on ubuntu. but maybe u might try adding the list-style-image to the li's instead of the ul's. hope that do the trick... and btw, next time, try to arrange your code to be easier to read before u send it to the list. -- http://blog.br4inwash3r.com/ - Pro Web Design - Markup and Search Engine Optimization __ 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/