> It has always been my assumption (from an accessibility) point of view
> that headers (h1, h2 etc) should always read like a table of contents.
> Hence h1 would be the name of the site, even if it is "hidden" and
> preference given to an image logo or such. News stories should be, in
> theory, h2
> Oops haha
>
> Here: http://www.trademarkads.org/healthstar
>
> Seems I need to get some coffee.
OK I fixed the IE7 problem by stripping out the whole nav thing and
building a bare-bones one. IE6 still dies horribly if I give the
subnav items layout. :(
___
> There are lots of possible fixes for lots of possible IE errors, so could
> you supply a URL?
Oops haha
Here: http://www.trademarkads.org/healthstar
Seems I need to get some coffee.
__
css-discuss [EMAIL PROTECTED]
http://www
I have a dropdown menu that just won't behave in IE6 or IE7.
IE6:
The links won't fill their container, only the text is an active link.
Typically I'd just give the links layout, but that breaks things even
worse (makes them 100% of body width).
IE7:
Dropdowns don't go away unless you re-hover t
> Umm. Shouldn't that be 'vertical-align: bottom;' Kenny?
Wow. Remind me not to post while sleep deprived.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.inc
try either "display: block" or "vertical-align: middle" on the image
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-di
> I understand all the accessibility concerns
> surrounding splash pages, but my question is, were I
> to want to design a site that had a large photo as
> it's main intro page, is there any way I can do this
> as ok for standards-based design methods?
Splash pages themselves don't go against any
> I am inserting much content into elements using the 'content' property and
> the '::before' and '::after' pseudo‐elements. The inserted content is
> mostly punctuation and other content important to the document
> presentation.
If it's important for understanding the content, then it should be i
I think the gimmick they're talking about is using
body {font-size:62.5%;}
in an attempt to give yourself the illusion of 1em = 10px.
An "em" is relative to the user's default font-size, whereas a pixel
is absolute*. So the 62.5% calculation only works with one specific
default font-size. The gi
I hate to say it, but for once IE is doing what I want, and the others
aren't. I know IE's doing it wrong, but how do I get the same effect
properly?
Site: http://www.trademarkads.org/zeus
It's still early on, and yes, I tried to push back about the contrast
of black on grey, but no luck.
What
> It seems like sometimes in IE 6 when you hover over the drop down links they
> disappear. Please let me know if this happens to you and if so what browser
> you are using.
In IE 6, the menu is going under the content, so it loses focus when
you hover over the lower menu items. Set the menu t
> Basic fix:
> * html body {
> position: relative;
> }
As always, Gunlaug to the rescue. However, somewhere along the way, I
made the light background disappear from under the subnav. The rest
of that background is behaving like the whole thing exists, but like
it has a green element ontop of it
IE6 keeps dying horribly in a fire when it's resized on this page I'm
working on... anyone know how to fix it? Please? :)
http://www.trademarkads.org/brookhaven/site/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/
> I finally have finished the homepage, but I noticed that my images are
> loading slowly.
>
> What am I missing here?
Loads in less than a second here. But the two header images are
pretty big. One way to optimize it would be to make the green grid a
small repeating image in your "#header span"
Why won't IE extend my faux columns background all the way down? And
how do I fix it? Works in FF. Please help? Thanks.
http://www.trademarkads.org/BPS
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listin
> If any of you out there would be kind enough to tell me if you see any
> errors on your browser/platform, that would be really awesome.
List item text is escaping a few characters out the right side of the
"Learn More" box in FF2/Win. Adding some right padding should fix it.
___
> Does anyone have any resources, ideas or experience with this issue?
In theory, you would use the child selector for this.
Foo
Bar
In that example, table>caption would select only Foo and not Bar.
However, no luck in IE6, which is why most people
> How can I modify the amount of space between the bullet in an
> unordered list and the actual text?
Of course, the most positioning control comes from replacing the
bullet with a background image. But then the bullet doesn't resize
with the text, which may be an accessibility issue.
> That's neat. Could you advise why this comment trick work, and how widely
> does it work across browsers?
It should work in all browsers. As for how it works, you know how if
you have something like:
Foo
Bar
in your HTML, it will render as Foo Bar, and not FooBar? It reduces
multi
> The ugly part is to force to a block. I might as well replace with a
> truely block element and change to use scripting to handle the visual cue
> change / click, but that would seem overkill for a simple task like this. Is
> there a strong opposition to to the way I use above for this task?
> One caveat is that inlined
> introduced an unknown fixed padding that I have to compensate for via
> experiment (since I need to center the list in the middle). This is IE7.
I'm pretty sure what you're seeing is actually a space (as in space bar).
Foo
Bar
IE renders the new line characters be
I'm getting a 403 Forbidden on final_drop.css
You don't have permission to access /rtgroup/final_drop.css
on this server.
Check the permissions for that file on your server.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss
> Yet in both Firefox and IE6 they are spaced apart.
How much apart? If it's only a few pixels, it may just be a line-height issue.
> Does this "adjacent siblings" thing actually work?
Not in IE6 or lower
__
css-discuss [EMAIL PR
> from what i've read it is my understanding that absolute positioning will
> position an element absolutely based upon the nearest positioned element. so
> if i have an absolute position in my code that is directly under a
> relatively positioned element it should place it in relation to that obje
> 1) In FF the line is breaking well short of the clock div. I tried putting a
> margin-left on the clock div but that did no good so I'm guessing there's
> something else that's causing that problem. That part of the page renders ok
> in IE7.
FF seems to be doing it right. #clock_reset_butt
> Does this include it not needing to be IE compliant? The reason I need it is
> to fix a margin issue in a template I've inherited, and IE is currently
> behaving itself quite nicely (I suspect they built for IE in the first
> place). Firefox, however, is not. *sigh*
If anything had a nonstandard
> Just wondering: is there a way in CSS to set the properties of an element if
> it has a particular child?
unfortunately not. i wish there was.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
I
> I'm not sure if what I want is exactly
> possible.
It's possible. It's probably not working because of the commas you
have between the class names in the HTML. They should be space
separated. e.g. class="vcard dispemp"
__
css
if i understand what you want correctly, you want the main content to
have its own scroll bar and scroll seperately from the rest of the
page. i think it's better as is, but regardless: it's going to be a
pain to do that since you're using tables for layout. normally you
would just set a height
Probably best to use PHP. You can't control caching in CSS, and if
you use CSS to stop them from being displayed, it still wont stop them
from being downloaded, so you won't get the bandwidth savings you're
looking for.
On 12/6/06, Rory@ leftangle <[EMAIL PROTECTED]> wrote:
> I am planning a web
nevermind forgot about it breaking wordwrap. :(
On 10/14/06, Kenny Graham <[EMAIL PROTECTED]> wrote:
> Now that I'm not trying to type from my cellphone, I can post an example:
>
> http://www.kennygraham.net/wsg_cssd/whitespace.html
>
> On 10/14/06, Kenny Graham
Now that I'm not trying to type from my cellphone, I can post an example:
http://www.kennygraham.net/wsg_cssd/whitespace.html
On 10/14/06, Kenny Graham <[EMAIL PROTECTED]> wrote:
> couldnt you just set paragraph elements to preserve whitespace? just
> dont get indent-happy in
couldnt you just set paragraph elements to preserve whitespace? just
dont get indent-happy in the source of the paragraphs.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- ht
Gunlaug Sørtun wrote:
> Use of the universal selector
> makes no other sense than that it adds specificity to the plain
> ID-selector.
Rimantas Liubertas wrote:
> The first rule will apply to the element with the id="leftcol"
> regardless of it's position in DOM.
The universal selector in the fir
Try not floating #main and giving it a left margin:
#main {
border-top: 2px solid #66;
border-left: 2px solid #66;
border-bottom: 2px solid #66;
width: 80%;
margin-right: 5%;
margin-left: 15%;
padding: 5px;
}
quick and dirty remake incase that doesnt work:
http://www.ken
> Does anyone know if there are going to be
> ascendant selectors in CSS2+?
Not in any current drafts, as far as I know. (hopefully someone will
correct me, because I want to be wrong)
__
css-discuss [EMAIL PROTECTED]
http://www.
The closest I know how to get to what you want without javascript or
CSS3 stuff is changing the rule I had you insert to this:
#menu ul li ul li a:hover {
border-right-width: 0;
border-left: 4px solid red;
margin-left: -4px;
}
However, the left border on the submenu items will follow the hi
Looks fine for me in FF, but the bottom nav item is clipped off in IE.
The only other difference I can see is that the submenu items have a
red border on hover in FF and not IE. However, FF is doing it
correctly here, because of this rule:
#menu ul li a:hover {
border-right: 4px solid #f00;
> and a ton of these little boxes
> are going to be floated all over the place
and, of course, if there are going to be more than one of these,
replace the ids with classes in both the html and css.
__
css-discuss [EMAIL PROTECTED
> Any help optimizing this would be appreciated.
http://www.kennygraham.net/wsghelp/
Here's a bit of an optimization. Uses three divs instead of five, and
all divs contain the text, instead of having empty ones. It uses one
very wide (1600px) gif for both the left and center, but that gif is
st
> I would
> like to more accurately position this leaf, and it sounds like
> making it a
> background image is the way to do that. However, the entire list is
> right-justified, so setting the position of the leaf to the left of
> the text
> looks like it may not be possible, as one would have to
> I have the following embedded directly onto the page above:
>
[snip]
>
> Yet no colored links! Very confused. Any help would be much
> appreciated!
You have font tags inside your links overriding the css.
__
css-discuss [EMAIL P
> Why not use a background image?
The logo is a transparent png, and it needs to be on top of a
background color that will expand/contract based on font size. I
suppose I might be able to get it to work as a background images if I
added a div in there, but I'd really prefer to have the logo still
> What if you gave the logo image:
>
> #logo { margin:-10px; }
>
> This would allow the H1 to collapse on it, right? As in the H1 would
> only try to contain the height of the logo - 20, instead of the full
> height? It usually seems to work this way.
That's similar to the way I'm currently doing
I've seen that page before, i think from one of your WSG posts, and
was very impressed with the opera-style zoom you have goin there.
Unfortunately I don't want the logo to enlarge on this page. The main
thing I'm having trouble with is keeping the logo vertically centered
in the [1], even when i
I'm trying to make what should be a simple header. Problem is that I
want it to expand properly with enlarged text sizes. The entire
header has a background color. In the center is a centered for
the page title, and at the left is an img (a transparent png logo)
followed by a span containing th
I'm trying to make what should be a simple header. Problem is that I
want it to expand properly with enlarged text sizes. The entire
header has a background color. In the center is a centered for
the page title, and at the left is an img (a transparent png logo)
followed by a span containing th
> BTW: do anyone around here test their layouts in Lynx?
> I always start on that level, as it provides me with the most
> well-working base for subsequent styling.
I disable styles and images in firefox. I think the default styles
show what's what better than lynx can.
__
> How can I specify a font size that's bulletproof as regards
> increasing the browser's text size?
View your page at normal font size, take a screenshot of it, and write
the following code:
and add an image map.
I'll just feel sorry for the site's visitors. For an example of this
technique
just curious... I know served as XML, the comments should be
completely ignored, but if it's served as text and parsed all
SGML-ish, are comments supposed to count as nodes? I'm one of the
lucky young ones who never dealt with the fun old ways of spacer gifs
and table layouts, so I haven't a clue.
> 1) Text structure, use of semantics (refer to the bare CSS Zen Garden site)
While the garden is great for showing that CSS is capable of
attractive designs, I'm not so sure it's good for learning from the
code. It was designed to be very easy for hundreds of people to
author stylesheets for it
I like sites that work the way yours is working now. It automatically
adjusts to fit the width that I want. Much better than having to
scroll horizontally just so I can see it the way the author felt like
making me see it. But if it must be "fixed", then setting a min-width
on #container should
http://www.kennygraham.net/drk/index.html
http://www.kennygraham.net/drk/style.css
should get you started in the right direction. css is commented.
personal opinion is to ditch the date/time thing. every operating
system has that easily displayed already. if you really want it, or
are just cur
Should work. Try putting some text in the link to see if that fixes
it. If not, post a link to the site?
On 4/24/06, Schalk <[EMAIL PROTECTED]> wrote:
> Greetings All,
>
> I have an image that needs to be swapped out with another on hover. Is
> there a way to do this with CSS?
>
> I have tried t
you could give the body of that page an ID. eg:
#firstpage #content {
background: transparent url("images/parker_cutout2.gif") bottom
right no-repeat;
}
and it'd only show up on the first page. it'd probably be a lot
easier than trying to get z-index to work with floats.
___
> however, I seem to only be able to position
> the cutout picture on the home page here
> where I want it using float:right
Setting the pic of the guy as a background image of #content wouldn't work?
__
css-discuss [EMAIL PROTECT
> What I'm wondering is if I declare a class, let's call it 'BOX' in my
> homepage.css and just give it widths and heights etc, and then in styles.css
> I also have the 'BOX' class but with font-size, font-weight declared in it,
> does it all amalgamate into one style declaration as far as the brow
> For one, I've never seen the shorthand for background used in that
> particular order. I'm pretty sure the syntax is:
>
> background url(../img/fun.gif) #fff top left no-repeat;
I've always done #fff url(image) top left no-repeat; myself. I'm
pretty sure the order doesn't matter:
Value:
[<'
Since you specified text colors, it's just suggesting that you specify
background colors too, just incase the user sets their default
background color to the same as your specified text color, etc. CSS
validator warnings usually aren't big deals, but be sure there aren't
any errors.
__
> is there a way to fix this?
I'm 99% certain that it's a "no" =(
__
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 -- ht
> How do I position it? It seems the last
> time I tried to stick the image within the CSS file, I ended up with a
> repeating image that was off-centered and not at all what i wanted.
#masthead {
background: transparent url("images/craftwebheader_bytara.jpg") top
center no-repeat;
height: 173
> I am taking a an online course on web design and I will appreciate if
> anyone can critique this web page for me, the URL is
> http://chicledia.bizland.com/tcdwebsite.html .
Since you're on this list, I'm guessing you're interested in learning
to do things right instead of just good enough to pa
I usually set the gradient as a graphic on html, and give body a solid
background. I think you'll need to use divs instead for IE5 support,
but i'm not sure on that. This is all assuming a fixed width. For a
fluid width, it gets icky.
_
Most browsers use padding for the list indentation, but IE uses
margins. (or is it the other way around?) If you set margins on the
s to zero (or whatever you need) then specify an indentation using
padding, it should look the same in various browsers.
_
Add
margin-top: 0; margin-bottom: 0;
to your table.mapSearch input rule
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- h
I can't figure out why a background image is missing in Opera. :(
http://www.kennygraham.net/projects/herogeeks/
The CSS file in question is:
http://www.kennygraham.net/projects/herogeeks/styles/content.css
The background image of #contentouter is missing in Opera. Am I just
overlooking somethin
> Can anybody suggest a way to make this work?
It might be confused because you didn't close your thead and tbody
elements. Cant test if that works right now, but it's worth a try.
__
css-discuss [EMAIL PROTECTED]
http://www.css-
67 matches
Mail list logo
