ways shows the -current images, even if there is an tag.
Mike,
Try adding .mystory_menu a { display: block; }. You might also need
to fiddle with the dimensions to get it to fill the entire , but
that should get the background to show up.
te- CSS?
Lynda,
I agree -- I think it does make more sense to define it your way.
What you've done is certainly *valid*. The validator just issues a
*warning* to let you know that you might have unintentionally
overridden a property. No worries though: I think it's completely
for me, too. I'd play around with the
padding, height, line-height, and vertical-align of the list items.
However, I usually resort to adding a few rows of transparent pixels
to the top of my bullet images.
--
Matthew Levine (http://
t
be a good tool if you're concerned about the way repetition can
impact maintainability:
http://www.shauninman.com/plete/2005/08/css-constants
--
Matthew Levine, (http://www.infocraft.com/)
__
css-discuss [EMA
on't know the width of the parent div;
but I assume you know the width of the centered div.
Is there a reason you're not using the following:
Some content...
#centered { width: 600px; margin: 0 auto; }
This will work regardless of the width of the parent element, or even
if there
of the page, no matter which column is tallest.
Unfortunately, there's a bug with Opera 8.5's overflow: hidden, but
you can work around this (see the URL above) or trust Opera users to
upgrade to 9.0.
--
Matthew Levine (http://www.infocraft.com/)
nt size for your document like this:
body { font-size: small; }
And then modifying the elements using ems or percentages, like this:
h2 { font-size: 1.5em; }
or
h2 { font-size: 150%; }
Hope that helps!
--
Matthew Levine (http://www.infocraft.com/)
nits (percentages or ems),
IE has trouble resizing them. As a result, it is usually suggested
that you avoid absolute units for accessibility reasons.
--
Matthew Levine (http://www.infocraft.com/)
__
css-discuss [EMAIL P
ndards "What's This?" link, which brings up a helpful
explanation in a small popup. For this, a bit of unobtrusive
Javascript is almost definitely the best way to go, so target is
again unnecessary.
--
Matthe
le improve their pages, regardless
of what tool they're making them with, you're doing a Good Thing too,
and you have my support.
I'll just have to be better about framing my offhand remarks in the
future :)
--
Matthew Levine (http://www.infocraft.com/)
rgins, i.e.:
style="margin-top: 3px"
That should do the trick.
I'll refrain from the obligatory comment on the irony of using valid
CSS with a page that showcases FrontPage tips...
Whoops.
Good luck!
--
Matthew Levine (http://www.infocraft.com/)
}
* html .even-words {
height: 1%;
}
This will make the act as a normal block-level element; no need
to worry about its floating contents.
Hope that helps!
--
Matthew Levine (http://www.infocraft.com/)
__
css-disc
specificity rules from the CSS spec:
http://www.w3.org/TR/CSS21/cascade.html#specificity
Specificity is a great tool I use constantly in my work.
Glad it helped out!
--
Matthew Levine (http://www.infocraft.com/)
__
css
ve (or a link), and I'll try to do a better job of
explaining it :)
--
Matthew Levine (http://www.infocraft.com/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://
olor: #ff;
text-decoration: none;
}
.footer a:hover, .footer a:active {
color: #ff;
text-decoration: underline;
}
That should do the trick.
Good luck!
--
Matthew Levine (http://www.infocraft.com/)
_
wser stats". Unless you're getting a
significant number of visitors using Konqueror, it shouldn't be a
problem. The same goes for Safari, Opera, IE5.5, IEMac, etc (although
supporting Opera and Safari usually aren't too much, if any, extra
work).
Cheers,
Matthew Levine (htt
#x27;ve tried).
You can use the "incredibly tall but clipped" concept on the
container from the One True Layout (http://
www.positioniseverything.net/articles/onetruelayout/equalheight). It
would look something like this:
#main { padding-bottom: 1001em; }
body
ake sure
that the footer has clear: both on it.
Second, you could auto-clear the #middlebox. This is a bit of a hack,
but the formula is straightforward:
#middlebox:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
links. From an
accessibility perspective, it's a good visual cue that you're
correctly targeting the link, particularly for users with limited
vision or mobility who might otherwise have trouble telling when
they're able to click.
Cheers,
Matthew Levine ([EMAIL PROTECTED])
e
got the basics down. He walks you through dozens of projects, with
practical examples, advice, and tips throughout:
http://www.amazon.com/gp/product/073571245X/ (Eric Meyer on CSS)
http://www.amazon.com/gp/product/0735714258/ (More Eric
online here:
http://www.infocraft.com/examples/buttons.html
The effect works in Safari and Firefox; I didn't test elsewhere. If
there's a problem with another browser, it's most likely due to lack
of support for inset and outset borders, in which case you could set
the colors ex
ers */
html > #header { position: fixed; }
html > #footer { position: fixed; }
Check out this article on tagsoup for more info:
http://tagsoup.com/-dev/null-/css/fixed/
Good luck!
- Matthew Levine (http://www.infocraft.com/)
__
;s the reason for the extraneous markup,
like the spans inside the divs and the extra divs at the bottom.
These basically just give the designers an extra element to work with
when they're writing their style sheets. I wouldn't recommend using
inside in all of your work, though :)
:
http://glish.com/css/7.asp
I also happen to be working on a version of this layout that achieves
the same effect with more flexibility and less markup. I'm preparing
it for publication now, but if you're interested in an advance copy
24 matches
Mail list logo
