Re: [css-d] IE8 float bug/s?
--Original Message Text---
From: Alex Mitchell
Date: Tue, 3 Aug 2010 16:32:10 -0700
On Mon, Aug 2, 2010 at 6:03 PM, Zoran Zorkic zo...@gmx.net wrote:
Hi!
I got stuck on floats in IE8. I have 2 floating spans inside a div, but IE8
renders them all over the place. I've but some color on the elements to make
them stand out.
Any idea why?
I put the sample here: http://lemur.dreamhosters.com/cssd/
Thanks!
Ahh the fun of floats in IE.
The issue was that the 2 spans were being shown below the images in each list
because it turned the area the image was being displayed in into a block-level
element since the images were declared before the spans. It's really an easy
fix.A Here are a few
changes I made to your stylesheet:
Yup, floating the img left did it. Thank you very much!
I really love how a thing like this comes up and just block the progress. This
was a interface for the app and I could not continue with fixing this first :(
I did try asking a friend who is a lead developer at a web-dev company, but he
just said I should stick to tabels if I run into CSS implementation problems.
At times like this I wonder if he's right. I mean, his clients are not
complaining, not do they care how a site
is built, as long as it looks and works as it's supposed. His company does use
a weird mix of CSS, HTML5, AJAX and tables.
#stuffList IMG
{
height: 3em;
float:left; /* so that the image floats and doesn't take the whole space of
the div */
display:inline; /* if we don't add this it causes some fun issues in IE6 */
}
#stuffList span.code, #stuffList span.time
{
float:right;
display:inline; /* just throw in the fix for IE6 here again */
clear:right;
text-align:right;
font-weight:bold;
background:red;
}
Hope this helps,
__
css-discuss [cs...@lists.css-discuss.org]
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] CSS ListBox Styling - using multiple lines
Hi, Is there any way to display content of one option area on multiple lines in a list box? select optionLots of text Lots of text / option optionMore text / option / select Appears something like this in design view Lot of text Lots of text Thanks in advance, Nancy __ css-discuss [cs...@lists.css-discuss.org] 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] Opera Box-Shadow
Just for more info: I just tested this in Opera 10.6 on Vista SP2 and I didn't notice any differences in the shadows. Alex Mitchell http://gumware.com Thanks for the help checking Alex. This is probably running off-topic now for CSS-D as it is looking more like an Opera bug. Opera 10.70 (Linux Mint 9) shows the same effect If anyone else wants to see if they can see the effect, I have darkened the shadow to make it more obvious, and the files will be in place for quite a time. http://redlemonarts.com/_dev/textbeast/faq.html Unless you feel it is valid for the list, you are welcome to reply direct to me. Thanks to David and Alex. Duncan __ css-discuss [cs...@lists.css-discuss.org] 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] Opera Box-Shadow
Duncan Hill wrote: This is probably running off-topic now for CSS-D as it is looking more like an Opera bug. Opera 10.70 (Linux Mint 9) shows the same effect http://redlemonarts.com/_dev/textbeast/faq.html Duncan Sue Linux/Opera. Personal Opinion: the page proper looks far better without any box-shadow at all. Mac OS X Camino/2.0.3. Best, ~d -- http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] css3 rounded shadow in opera/IE
Hi there.
Is there any way of imitating it in opera and IE. It works fine in FF
and Chrome.
.shadowed {
border: 1px solid #c4c8cc;
-moz-box-shadow: 3px 3px 7px #999;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topright: 15px;
-webkit-box-shadow: 3px 3px 7px #888;
-webkit-border-bottom-right-radius: 15px;
}
Or possibly ignore this class altogether when a user opens it with opera/IE?
Thanks a lot.
Martin
__
css-discuss [cs...@lists.css-discuss.org]
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] print stylesheet
On Tue, Aug 3, 2010 at 6:14 PM, Alex Mitchell alex.mitch...@gumware.comwrote: On Tue, Aug 3, 2010 at 5:39 PM, Elizabeth Farley efarley.m...@gmail.comwrote: Oh wow, that's an interesting technique - I was worried about SEO (which I still have to work on) with all the graphics/flash - I can see what you are proposing. Having made and uploaded the changes (with a little tweak...) If I use the FF web developer toolbar and Display CCS by media type I can see it working. But if I go to print preview, it's not the same And IE won't show a banner at all in print preview... hmm... -- Elizabeth Farley By default, in firefox 3.6.6 at least, background images and colors are not printed. It is an option you can enable in the print preview screen, however. Bummer, that's an issue I didn't think about. I'll contemplate this overnight and see if I can come up with any other solutions. Best of luck, Alex Mitchell http://gumware.com After some thought and headpounding (FF won't print the flash main area...), I am wondering is it possible to have the homepage converted to a pdf and be printed when a user presses the print buttonor I suppose I could create a small print this page button/link... guess I am just thinking out loud. Thanks for helping us amateurs. -- Elizabeth Farley __ css-discuss [cs...@lists.css-discuss.org] 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/
