I love using CSS Sprites (http://www.alistapart.com/articles/sprites)
But I hate making them in Photoshop.
I happen to have one of those essential attributes of a programer (I am
lazy).
http://lmgtfy.com/?q=sprites+generator
--
Regards,
Thierry
@thierrykoblentz
www.tjkdesign.com |
Chetan
@Thierry, @David
I think the way you answered Sarah's question was insulting and
condescending. I think the question was a perfectly valid one. Sure, a
Google search would partially provide a solution to Sarah's query, but
she asked the question on this list to get *recommendations*
Eric,
I will reiterate the passage Chetan quoted from the list policies,
as well as the text that follows it, because it is always relevant:
Above all, if you can't answer with a modicum of respect,
or without feeling somehow annoyed by the question, then
DO NOT ANSWER AT
Welcome!
I am hoping that someone in the group can
supply some great tutorials on CSS that will help in my endeavor to
become more proficent in CSS markup.
http://www.css-101.org
/shameless plug
--
Regards,
Thierry
@thierrykoblentz
www.tjkdesign.com | www.ez-css.org | www.css-101.org
Is it just a case of using the right tool for the job? It would seem
logical to me - if you are using PHP anyway of course - to check the
user-agent header and add a class to the body tag? I realise people
can change the header sent by their browser, but how many people
actually do that?
This is driving me nuts. IE7 the menu is all bad, IE8 only the home
page
menu is bad.
Site: http://www.fargoparks.com/
css: http://www.fargoparks.com/css/home.css
I see these two rules:
#p7PMnav li {
float:left;
}
#p7PMnav li {
width:100%;
clear:both;
float:left;
}
The two
This is driving me nuts. IE7 the menu is all bad, IE8 only the home
page
menu is bad.
Site: http://www.fargoparks.com/
css: http://www.fargoparks.com/css/home.css
For the second rule I mentioned, don't look in the styles sheet, it's in a
conditional comment after the LIs:
!--[if IE
Try this:
li id=lasta id=donations href=#DONATIONS/a/li
CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;}
Why going through so many elements? It can't be good regarding performance
and it increases specificity for no reason.
I'd go with a simple: #last {...}
--
Hi Chetan,
Why going through so many elements? It can't be good regarding
performance
and it increases specificity for no reason.
I'd go with a simple: #last {...}
Point accepted. In general, one should keep selectors as simple as
possible, with just as much specificity as one
Hi Philip,
Imho, using element#id to increase the weight of a rule makes sense,
but not
when it is used as a hint to help us read and understand rules. I'd
think
/*comments*/ are better suited for that.
I'm afraid I can't agree with that, Thierry : comments indicate
only the coder's
Well-written css code means *lean* selectors so a well written styles
sheet
should need more comments than a badly written one, isn't?.
With respect, I disagree : you are choosing to interpret well-written
as efficient; I interpret well-written as transparent,
immediately clear to the
http://www.css-101.org
Happy New Year!
Bonne Année!
--
Regards,
Thierry
@thierrykoblentz
www.tjkdesign.com | www.ez-css.org | www.css-101.org
__
css-discuss [cs...@lists.css-discuss.org]
Felix Miata wrote:
I stand firm that px is an inappropriate unit for sizing containers
for text content.
Not everyone in the universe is thrilled at having to scroll both
vertically and horizontally in order to read a scaled web page, either.
fwiw, I prefer increasing text-size to
Hi Chetan,
I thought this article could be of interest to this list:
http://www.yuiblog.com/blog/2010/12/14/the-css-position-property/
That's a nice informative summary of positioning. It would also be
worthwhile mentioning that absolutely and fixed positioned inline
elements can be
I thought this article could be of interest to this list:
http://www.yuiblog.com/blog/2010/12/14/the-css-position-
property/
I believe the article says that already.
Check the first bullet point in the Things to remember about
position:absolute. It says:
For *any* 'absolute' or
I thought this article could be of interest to this list:
http://www.yuiblog.com/blog/2010/12/14/the-css-position-property/
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
css-discuss
Chetan Crasta wrote:
I have made an example of the design here:
http://roughtech.com/t/testali.html
It uses CSS only.
I believe what the OP is after is inline-block:
http://www.yuiblog.com/blog/2010/11/15/inline-boxes-with-bottom-alignment/
As a site note, table-cell would work too,
Hi David,
Signature link crashes IETester 6/7/8 on Mac OS X 10.4 running
Parallels
XP. I find this delightful and rather amusing:-) .
Checks on native boxes appreciated.
Working fine in ie7/8/9 on Win7
And ie6 on Virtual PC
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org |
A CSS-only lightbox will have many limitations. You cannot have the
same functionality as the example you gave, with only CSS2.
However, here is one good implementation of a css-only lightbox
http://www.cssplay.co.uk/menu/lightbox-hover.html
fwiw, I would not call this solution a good
Hi Georg,
Myself, I use any property/value that gets the job done, whenever I
need
to trigger hasLayout. Loss of validity because of proprietary IE CSS
isn't more problematic than use of some mos-, webkit- or o-
proprietary CSS ... IMO.
I do not care much about CSS validation, but I see a
If having valid stylesheets is important, one could simply apply zoom
using javascript: object.style.zoom=1;
But then your presentational layer is bound to the behavior layer :-(
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
Everything I've research tells me this ought to be valid, but the span
style seems to have no effect.
div class=registercolright
span style=padding-top:20px;
?php
// some code that writes an unordered list
?
/span
/div !-- close registercolright --
vertical padding will
Hi Bill,
Many thanks, Thierry. Will settle for additional classes.
Actually, you should not have a list/list items in that span. So rather than
adding a class you'd better replace that span with a div (which will take
the padding).
As a side note, do you need that additional wrapper? Can't you
Not only can you apply multiple classes to elements, you can also
select elements with both classes and apply styles to only things with
both.
For example:
.column {width: 48%}
.left {float: left}
.left.column {
border-right: 1px solid #333;
padding-right: 1em;
}
Note
These don't seem to be huge disadvantages: I can't think of a good
reason to surf with Javascript disabled.
According to a recent blog post from Nicholas Zakas (Yahoo!) about 2% of
users browse the web without JS.
As a side note, I don't think it is always their choice.
Also, since the
CCing the list
-Original Message-
From: Debbie Campbell [mailto:d...@redkitecreative.com]
I understand - the site is a very strange development-only site with
some serious issues (not my site).
The image isn't in the footer, will changing the footer affect it or
did
you mean
In this page:
http://www.redkitecreative.com/projects/billiards/inside_best_billiards
.php
The image below the menu is a pixel or two off. I've tried correcting
this with a conditional comment, with margin or absolute or relative
position, with no luck:
#sidebar img.rotation-img {
Example D
http://www.alistapart.com/d/css-positioning-101/example_d.html
shows our new markup. Because of the new coordinate system, the
blue
block measures its offset 200 pixels from the left of the red block
(|#box_1|) instead of the document.
Yes, and by placing
Hi Tim,
The red
box *and* the document have nothing to do with the offset of that
box.
Not entirely true. Yes, the blue box is offset in relation to where it
would be without position. But where the blue box would be depends
directly on other elements (previous siblings and parents,
This is related to my question yesterday about proper use of div
tags...
I now get that an ID must be used only once on a page. Within div
tags (from code generously provided here) I've been able to format
specific bits of content, like text, using classes and span tags.
But I'd like to
Yes, but paragraphs are block-level elements, so simply give a class to
one
of the paragraphs to create that border.
One thing you'll notice though, is that once you apply a border to a
paragraph its margin will not collapse with the margin of its sibling
(see
margin collapsing).
Before
OK..Here's a link to a graphic showing the dotted line and its
position which I'm after:
http://thinkplan.org/workshop/pix/dottedline.jpg
Try this:
.myParagraph {
margin-top:10px;
padding-top:10px;
border-top:1px dotted #333;
}
--
Regards,
Thierry
OK..Here's a link to a graphic showing the dotted line and its
position which I'm after:
http://thinkplan.org/workshop/pix/dottedline.jpg
Try this:
.myParagraph {
margin-top:10px;
padding-top:10px;
border-top:1px dotted #333;
}
thanks, Thierry;
looks
Zounds! I believe that I understand that entire paragraph! but why,
then, after I add a margin-top: 8px to my code, does that paragraph
go wider? By wider, I mean that it widens to the width of the
parent div which contains all that stuff...the small head, the big
head and date the dotted
Hi Alan,
The article fails to mention about how position:relative can generate a
new containing block for descendants elements with a position value of
either absolute or fixed.
I believe this is true for absolute, but not for fixed as for the latter
the reference is the viewport.
--
Hi David,
My goal is to have a container div with a title at the top, an image
at the left, inside the container, and text describing the image at
the right, inside the container.
Absolute positioning is problematic [brittle among other things] for
the
base layout. Use a float based
Hi Felix,
http://www.alistapart.com/articles/css-positioning-101/
Seemed interesting, until I got to the 5th reference to an invisible
example.
Where are they hidden, some offsite adserver/image host? I lost my
webdeveloper extension by upgrading my primary browser to a Gecko 2.0b.
quote
http://www.galaxywebsitedesign.com/temp/test.html
The above link works for Firefox 3.6.12, IE8, Safari, and IE7.
Is it possible to make this work in IE6?
The idea is to stretch the pseudo-background image.
Works for me in IE6. But I don't think you need that div.
Did you try to style
Jukka K. Korpela wrote:
In IE, the superscript mucks up the borders and margins -- it's as
though the element block goes up and never comes back down when I
close the superscript.
zoom is a CSS fix for the original test case, using sup is a different
story.
--
Regards,
Thierry
I am working on a simple site that has columns and lines to divide the
columns. Perfect for faux columns as the columns aren't equal depth.
Anyway, when I put the background image in my page-wrap div, it
shows up fine. When I put it in the background of the content div
(because I want the
In the CSS box model, are background images understood to occupy the
same height and width as the outer edge of the border area?
I believe it is the border box (content + padding + border)
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
Hi David,
I think that Michael is talking about the background-image on
div#content. It does not show because the three columns it contains are
floats. Any containing floats method on div#content will make the
background-image show up:
Your post made me take a closer look at that page and it
In the CSS box model, are background images understood to occupy
the
same height and width as the outer edge of the border area?
I believe it is the border box (content + padding + border)
No, the default is the padding-box:
Thanks Philippe,
In my mind we're talking background, not
I have been agonizing over this spry for a week... It worked like a
charm!
At http://138.26.120.126/CAMAC/Trial21.html:
(1) I cannot tell why the submenu in the vertical navigation bar
doesn't show all of a sudden.
(2) I am still having problems understanding the
Any idea what I could do about the highlighted problem 2 below?
Change this:
.LastUpdated {
color:#2B;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-style:italic;
}
To this:
.LastUpdated {
color:#2B;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
Here's my current nightmare:
http://datagnostics.com/test/vertical.html
I've got superscript text that needs to be all over the page -- it's
part of the company name. I set a line-height in BODY. I'm doing the
superscript via a span class, with attribute vertical-align: super.
In IE, the
Your css file is here:
http://138.26.120.126/CAMAC/SpryAssets/SpryMenuBarVertical.css
But you link to:
http://138.26.120.126/SpryAssets/SpryMenuBarVertical.css
via link href=../SpryAssets/SpryMenuBarVertical.css rel=stylesheet
type=text/css /
Try:
link
Hi Alan,
Hello Theirry,
It seems that zoom does something in IE7- which I do not understand.
Can anyone explain? This would mean using something like this.
li {display: -moz-inline-block; display: inline-block; width:100px;}
*+html li {display: inline; zoom: 1;} /* IE7 */
* html li
li { display: inline-block; width:100px;}
*+html li { display: inline;} /* IE7 */
* html li { display: inline;} /* IE6 */
Yeah, I'm aware of that page, and it _should_ always work - display:
inline-block sets the 'hasLayout' flag, and that flag is not / cannot
be reset by the subsequent
I have a 2 column layout. I want the right column (with funny video) to
extend all the way down to the footer regardless of content.
Does anyone see what I am doing wrong?
http://www.successseriesllc.com/new.php
This should help:
Hi Alan,
problems with a layout I was working on. I have a horizontal menu
that I
was using an UL list, this worked in firefox, but not completly in IE
7/8 and various others. they kept going into a vertical list despite
using things like display: inline-block, so I decided to remove the
Part of the way into revising my little site, I noticed that the top
edge each floated image was about four pixels above the top of the
capital letter(s) of the text that immediately followed. I found a
solution; using padding to push the image down a bit. But I never
understood why that
Hi David,
uri: http://chelseacreekstudio.com/fa/
css: http://chelseacreekstudio.com/fa/css/sisu.css
In this rough layout -- when viewed with javascript disabled -- digits
2
through 8 ought to be stacked vertically and flush left to the red
rule.
What to do?
What about using a list for
David Laakso wrote:
uri: http://chelseacreekstudio.com/fa/
css: http://chelseacreekstudio.com/fa/css/sisu.css
In this rough layout -- when viewed with javascript disabled --
digits 2
through 8 ought to be stacked vertically and flush left to the red
rule.
What to do?
if I
filter:alpha(opacity:0.1);
filter:alpha... is proprietary Internet Explorer
syntax/functionality.
If it serves a purpose - makes IE behave as it should - it should be
kept in the stylesheet no matter what the CSS validator says.
fwiw, I totally agree (my only issue with filter is
Hello everyone, i'm trying out yet another idea for my new website! The
accordion menu works fine on all browsers but i'm having a problem with
the images not floating correctly, for example on the About link, on
the right and text not sitting side by side to it on the left in
Internet
http://www.redkitecreative.com/projects/performance/contact-us/
if you hover on Browse Our Inventory, in IE7 the hovered menu is hidden
behind the #maincontent div.
I tried this:
!--[if IE 7]
style type=text/css
#maincontent {z-index: 10;}
ul.menu li:hover ul, ul.menu ul
Oops - I spoke too soon.
I fixed the Flash-overlapping-the-menu issue, but I have one last
problem in IE7 only. The image scroller (#mainscroll) is also
overlapping the menu. I tried a z-index but not working, it's this
page:
http://www.redkitecreative.com/projects/performance/
We
given this snip of code:
div#container {
margin: 15px auto;
}
is auto enough to make the contents of that div remain centered
from left to right as the end user scales their browser window larger
and smaller?
No. You'd need to set a width too.
This is the excerpt of a presentation I
On 10/29/10 1:42 AM, Thierry Koblentz wrote:
This article shows how to make IE6 behave (almost) like modern
browsers:
http://www.yuiblog.com/blog/2010/10/28/css-quick-tip-how-to-prevent-
a-float-
drop-in-ie6/
Thanks! As always, most helpful.
Nevertheless, there comes a time when
This article shows how to make IE6 behave (almost) like modern browsers:
http://www.yuiblog.com/blog/2010/10/28/css-quick-tip-how-to-prevent-a-float-
drop-in-ie6/
HTH
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
How can I align the input and select form elements in my test case,
so
that their horizontal borders are aligned and all text including
labels is aligned to the baseline?
What exactly do you want to do? Do you want the fields stacked on top
of each other? Then put each in ap (or
I have a layout problem here:
http://www.glitterlemonade.com/fundraiser/detail/monsters_magnetic_figu
res
On other pages on the site, the footer behaves and shows up under the
rest of the content, but not on this page. Here it is OK:
http://www.glitterlemonade.com/get_involved
In
I have:
a) corrected the markup.
b) contain the floats with overflow property applied on the ul.
c) give a explicit width to the ul so that, the out of the flow
element could not go more upper then what it should.
Seems to be ok now.
On a sprite technique we often see something like this:
#menu li a {
background:url('image/menu.png') no-repeat;
width:100%;
height:100%;
display:block;
}
Why, when we set the display to block, the width and height properties
seem to realise the background image
What is the state called when I click on one of a number of links on a
navbar and while I am visiting that page, the link stays lit so that
if I
forget where I am, I need simply glance up at the navbar to see where I
am?
And the million dollar question is: How do I style such?
You could
On this page (this VirtueMart cart, actually), the menu buttons are
screwy in IE7:
http://beverlylanzetta.net/retablos.html
If you check in a modern browser you'll see they're wide-ish image
backgrounds. Can someone tell me how to fix them?
I'd not float the UL (nor the LIs), I'd not
This markup shows my problem:
Webkit browsers seem to create an erroneous width on overflow:hidden
elements inside of overflow:hidden elements, when their width is set to
0.
Interesting bug. But I see it differently.
Webkit creates an erroneous width for the parent, not for the element with a
I'm trying to address an LI which has two classes (it's part of the
nav):
li class=page-item-7 current_page_item
Is there any way to address the li ONLY when it has both these
classes? On other pages, it has a different combination of classes.
Yes, you can use the selector below, but note
Thanks Thierry - I'll give that a shot. Do I have to remove the float
from
the #leftSidebar nav then?
No, you'd leave the float in.
The idea is to create two block formatting contexts. The float declaration
does this for the left column, the rule I sent you does this for the right
column.
Hi Philippe,
I don't think inherit is a proper value for clear.
it is:
http://www.w3.org/TR/CSS21/visuren.html#flow-control
I had checked CSS pocket reference (Eric Meyer/O'Reilly) and it says in
there that inherit is not.
I have a more recent version of this great little book, but for
I don't think inherit is a proper value for clear.
it is:
http://www.w3.org/TR/CSS21/visuren.html#flow-control
It's interesting though. This new value came in now that authors
use
clear even less than before as they now contain floats more than
they clear them.
Does it do
Re: http://www.draftingservices.com/autocad_tutorials.html
I'm trying to accomplish two things, and have been failing.
1. Stop my nested list from inheriting the text decoration and cursor
styling. (I got this to partially work, but removed the code because it
didn't work completely.)
2. Get my nested list indented.
Wrote: Thierry
Try this:
#navlist #subnavlist li a {
padding-left:20px;
text-decoration:none;
cursor:default;
width:auto;
}
Thanks Theirry. I'm one step closer though, and learning, but not there
yet.
I'm trying to get
how do I give this to each link?
so that the last one does not have the white boarder on the right?
thanks a bunch
Do as I suggested in my previous email (see my edits of your #navcontainer
ul li a {} rule).
Then add a class to the last link and use that class to create a rule that
resets the
I have a float that is giving me problems. You can see a test page
here:
http://test.magnoliasonline.com/public/gallery/before_after
This particular page is simply groups of thumbnail images. My plan was
to
have a hr in between the groups to show that they are separate.
However,
Di you by any chance used any one of the following to fix this:
clear: both;
clear: left;
clear: none:
clear: right;
clear: inherit;
I don't think inherit is a proper value for clear.
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
On 9/26/10 9:25 AM, mrebenti...@comparat.de wrote:
Hi, I have some container for column and formular design. The div
container need the overflow:hidden attribute. Alabel has a CSS
hover definition and shows a hidden help information. This bubble
help was cut by the parent containers with
Can anybody please let me know how to make the purple horizontal
navigation to go all the way to the right.
So that there is no empty space after the Mercantile link.
http://www.moscowfood.coop/design_new/index.php?nmx=2_0
css is here:
http://www.moscowfood.coop/design_new/coop.css
Many
Hi Alan,
I was wondering I can please get a check up in IE9 beta to see if it
has the following bug that I can see in IE9 preview.
http://css-class.com/test/bugs/ie/9-beta/floats-with-inline-
content.htm
I looked a the page side by side in ie9 and FF and things seem to look the
same.
--
Can anybody please let me know how to make the purple horizontal
navigation to go all the way to the right.
So that there is no empty space after the Mercantile link.
http://www.moscowfood.coop/design_new/index.php?nmx=2_0
css is here:
http://www.moscowfood.coop/design_new/coop.css
Many
This may interest those who rely on clearfix to contain floats:
http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-dem
ystified/
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
Hi ! I can't figure out why their is a white space between the two last
block of my webpage, they are not on the same master div and they act
like
ghosts !!
If the block at right Derniers messages du forum grows, the block
Comprendre dotnetnuke rapidement at left is pushed down. ... does
Thanks for that. I had (mistakenly) assumed that it wasn't necessary
to refer to the DTD explicitly and that each flavour of HTML was
fully defined.
BTW, switching my doctype declaration to 4.01 strict and then running
the page through W3C's validator jogged my memory as to why I've
stayed
lispan class=num2.1.1.2/span It shall be construed a
crime
against humanity to recover an ancient musical instrument from a
secluded cave and subsequently play it in front of others./li
...and then float or position the classed 'span' next to the list
item. I'd probably try
Hi Gabriele,
Hope this might be useful for beginners:
http://onwebdev.blogspot.com/2010/09/css-styling-form-elements.html
I don't think using a UL for this makes sense.
If you want to wrap every label/input pair then why not using DIVs? Isn't
what they are for?
--
Regards,
Thierry
I think I found a new hack for IE7.
Instead of this:
*:first-child + html .left,
*:first-child + html .right,
*:first-child + html .maincontent {}
We could use this:
.left,.right,.maincontent,x:-ie7 {}
Because of x:-ie7 other browsers should drop the entire rule. Note that
this is a variation
We could use this:
.left,.right,.maincontent,x:-ie7 {}
Actually, it is the colon that dos the magic.
For example:
selector,ie:7 {...}
or:
selector,:7 {...} /* even shorter to target ie7 :) */
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
Please see sig link IE 6/7/8.
#main p,:7 {color: lime; }
Thanks David :)
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
css-discuss [cs...@lists.css-discuss.org]
Hi Alan,
Ok, thank you, you gave me that extra clue. Here is a revived test.
http://css-class.com/test/css/colors/declaration-string-character-
exscapes2.htm
http://css-class.com/test/css/selectors/str-pseudo-class.htm
IE9 now supports all structural pseudo-classes along with Gecko,
Hi Alan,
Mmm, ok, these are the same results that I see when IE9 preview is in
IE7 document mode or when IE8 is in IE7 compatibility mode.
For IE7, /9, /a, /b, /c and /d works.
For IE8, /0, /9, /a, /b, /c and /d works.
For IE9 preview, /0 works.
Are you sure that you have IE9 beta in
Hi Alan,
Mmm, ok, these are the same results that I see when IE9 preview is in
IE7 document mode or when IE8 is in IE7 compatibility mode.
For IE7, /9, /a, /b, /c and /d works.
For IE8, /0, /9, /a, /b, /c and /d works.
For IE9 preview, /0 works.
Interesting...
It looks like if you
Hi Alan,
poor old IE 7 and older?
I think there'd have to be a third element in there to set as
display: table-row.
---Tim
Not quite true. If display: table-row is not given then, an anonymous
table-row is generated [1].
| If the parent P of a 'table-cell' box T is not a
I just downloaded IE9 and I think I found a way to target it.
Syntax: :root selector {property: value\9;}
Example:
:root #ie9 {color: teal\9;}
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
How does IE9 beta show these test?
http://css-class.com/test/css-testsuite/css2.1/declaration-string-
character-exscapes.htm
http://css-class.com/test/css-testsuite/css2.1/declaration-string-
character-exscapes-000.htm
These are the ones that work: 9, a, b, c, d
Ie9 version:
I have a unordered list sitting in a div. I'd like it to sit right in
the middle both vertically and horizontally without using padding or
anything like that because it's dynamically fed.
is there such a way using CSS?
If you can set height/line-height on the parent, then you can try this:
whizz-bang-blammo align centered vertically.
Brilliant!!!
But sadly not.
If there is no height set for your DIV, then line-height should be enough
If there is a height then the line-height must match that value
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
Hi Gabriele,
Hi.
I think that's something often underinvestigated:
http://onwebdev.blogspot.com/2010/09/css-how-opposite-floats-work.html
As you can see, in some cases result differs from what we did expect (the
only noticeable change is in the 4th row)
What do you expect the 4th row to
Hi Alan,
http://css-class.com/test/css/selectors/pseudo-class-active-
focus.htm
This test shows the problem that WebKit has with :focus when
selecting a link with the mouse. Tabbing works.
I believe if you're using real links instead of # we would see a slightly
different behavior.
For
I am getting angry with IE. I have elements wrapped in contentLeft div
with
width:700px and 3 other elements which supposed to float to the left,
but
third, goes to the right instead and exceeds with of 700px. It shoul be
restricted to such width and put under second element. Am I right or
1 - 100 of 636 matches
Mail list logo
