Stomme poes
Last Activity: Jun 7 '09, 10:38 AM
Joined: Aug 25 '07
Location:
-
Line-height does not trigger Haslayout, though yes height does-- IE6's confusing between height and line-height apparently doesn't extend to setting Haslayout: http://www.satzansatz.de/cssd/onhavinglayout.html -
I would assume the line-height works because IE is always paying attention to line heights and font sizes (why when you are trying to make a 0 height div, in IE there's always a bit of height unless you explicitly state font-size: 0).
IE6 used to believe line-height = height. I know IE7 doesn't have this exact bug but it might have had something similar (esp if the original bug had anything to do with Haslayout).
If...Leave a comment:
-
Which is confusing as you directed that to the OP. So, no clue what you meant there or to who.
Afro, just remove that goofy <list> element from your HTML to make your code valid. HTML isn't XML-- you can't make your own tags, only your own classes and id's....Leave a comment:
-
The beauty of them is, only IE gets the penalty of using them, and the other browsers don't need it anyway. I've used expressions (not too many on any one page) for a few things for IE6 alone. 60% of my visitors will never load the expression-- they're using IE7 or a modern browser (I don't have an expression for display: table but I would consider one if I found it-- IE8 understands display: table AND has lost the Haslayout thing, so it wouldn't...Leave a comment:
-
The short answer is, you can't. The browsers interpret the ol style (and some for instance don't even support all of them, cough cough IE cough cough).
The longer answer is, you might be able to do something with the :before pseudo-class.
http://www.w3.org/TR/CSS21/selector....fore-and-after
After that, you'd need to play with it to see what can work. Again, our good friend IE is a little behind...Leave a comment:
-
http://pmob.co.uk/pob/hoz-vert-center.htm
As David said, there is a complicated technique for vertically centering blocks. It uses more containers than otherwise necessary, and we would only do this under the gun of a crazy designer who thinks web pages can be made in Photoshop (or for some other reason we really really want some box centered in the middle of the page).
The position: fixed answer was cute (the first...Leave a comment:
-
forms can be set to display: inline. If it were less code and could afford to act like text, I'd do it.
The invalid code posted doesn't have any block children, but if we decided to write correctly and add a block child, we'd just make that an inline too:
...Code:<form action=""> <div> <input type="submit"> </div> </form> form,Leave a comment:
-
At least one right answer got in there : (Leave a comment:
-
Actually, David's advice is pretty good. First hit on teh googles:
http://www.last-child.com/using-vert...s-and-buttons/
Only the page doesn't explain anything (the worst kind of example).
I don't see what vertical align has to do with not being able to set a px height on inline inputs in a form though....Leave a comment:
-
Here are a few more-- you'll want to look for the more complex CSS form examples out there because it's easy to style a form when none of the labels are long enough to wrap : )
http://imaginekitty.com/formXHTML.html
http://gtwebdev.com/workshop/forms/form.php (both use same technique of floated span inside the label)
One problem with labels that wrap is the inputs will want to stay as much near the top as possible....Leave a comment:
-
IE is possibly doing it wrong because there's no doctype, or an incomplete doctype, or some text or something before the doctype. IE in Quirks Mode will let text-align center blocks like tables when it shouldn't.
If the margin: 0 auto thing doesn't work at first, make sure that
the thing you want to center has a width
and
that width isn't 100% (you can't center something that's 100% wide)Leave a comment:
-
Unfortunately neither of those pages show real-life forms with sometimes very short and other times very long labels. They made it very easy on themselves by having all short labels. As if almost to prove it can't be done with real forms.
*edit the howden one has two longer labels, though one has a text-area with a row number higher than the line-height of the label
I struggle with this almost daily, Bram. You get...Leave a comment:
-
Without the HTML to see it's a little hard to see what you're working with???
Is this supposed to be a horizontal menu like on a web site? I can't tell, it's in a dl which is weird and the dd's are gone.
Remove the HTML comments inside your CSS-- they are HTML not CSS (I mean the <!-- stuff). It has nothing to do with your problem but they do not belong there : )
If this IS supposed to look like a horizontal...Leave a comment:
-
Just to let everyone know, though, javascript is not actually needed if you're using CSS.
http://www.pmob.co.uk/pob/disjointed1.htm
Disjointed rollovers are events affected by the mouse. CSS handles mouse events like active (mouse clicking), visited (had been clicked once in a browser session), hover (mouseover) and normal (no mouse). Using visibility:visi ble and visibility: hidden on these CSS mouse events (actually...Leave a comment:
No activity results to display
Leave a comment: