At 06:50 AM 1/12/2006, Ian Anderson wrote:
It's best to have the skip link visible in the design so that
mobility-impaired and keyboard users can use it too, but you can hide
the skip link *if you really have to* using CSS.
There are two good methods to hide it:
a. Using fixed height container
Julian Voelcker wrote:
I have a span within a link to provide a block of colour which I want
to change the colour of when the mouse is hovered over the link, but am
getting muddled on the correct formatting of the css.
The link would appear as follows:
a href=#span
http://www.5finger.com/css/fox/
http://www.5finger.com/css/fox/stylesheet.css
I have 3 gray content columns in the middle of the page, but they're not
spanning the height of whatever the tallest column will be (most likely will
always be the middle one.) Any ideas how to fix this? I tried
Christian Heilmann wrote:
I need to provide a skip navigation link for pages, what is the best
way to do this. All my pages have different named divs so can I just
put a named anchor and link it.
Any suggestions welcome.
The idea of a skip link is that it points to a target that is
This is my first website: http://www.origami-osn.nl/osn/en/start.html .
It works as intended, but I'm not completely satisfied. I can't point my
finger to the itch, so maybe some of you can. Please note that I'm more of a
web developer than a web designer.
Helma -- I hope to help with why you
[EMAIL PROTECTED] wrote:
Okay. I got what I wanted. Another user suggested adding
position:absolute to the hr and it worked as shown here ...
body
Hello
div style=border: 1px solid red; margin: 0; padding: 0;
hr style=position: absolute; margin: 0; padding: 0; border: 0;
color: #99;
Actually, that formulation could well break something you don't want
broken. Note that .about.home will break in IE/Win, which will apply
the rule to everything with the home class, completely ignoring the
about class. However, modern browsers will get it correct, and
only apply the rule
Julian Voelcker wrote:
I have a span within a link to provide a block of colour which I want
to change the colour of when the mouse is hovered over the link, but am
getting muddled on the correct formatting of the css.
a href=#span class=redblocknbsp;/spannbsp;Link text/a
I would have thought
cj wrote:
this is one example of css that looks like it's working in my own work:
.wrapper-div.solo,
.wrapper-div.multi {
border-top: 2px solid #4e94d5;
border-left: 2px solid #4e94d5;
}
In IE/Win, this will select either of these elements in the markup:
div class=wrapper-div
Martin said:
IMHO one true layout is the best choice this time, but it uses
a very ugly, not futureproof hack (CSS3 media query) to get
things working in Opera. I wouldn't use it for a production
site. But for your aims it is probably the best choice.
Zoe said:
I'm hesistant to say that
Hey everyone,
I'm building a site for a client:
www.pdrsolution.com/waters/index.html
and we talked today. She uses AOL/IE as her browser
and has her view - text size set to 'large' or
'larger'(not sure which one) where as I have mine set
to medium. The problem (as you can guess) is that the
At 09:23 AM 1/12/2006, Vic Rauch wrote:
I would like to display one div based on what the mouse is over and hide all
the rest of the DIVs within a grouping of these DIVs but have no idea how to
do that. Can someone either give a quick demo and/or point me toward a
demo/explaination?
Here are
Hello, I am a newbie to the list.
I am struggling to get some CSS in order for a site.
I could really use help with any or all of my issues.
http://www.thetravelingmarathoner.com/test
http://www.thetravelingmarathoner.com/test/index.css
Firefox + Safari mac
1. rightcolumn border should be
I'm more focused into providing visual impaired more readable content,
including logo. There are so many logos out there that are not
scalable and sometimes they're hard to read. I learned this trick
from Eric Meyer's web site so I figure it would be a good way to
satisfy both worlds.
Paul Novitski wrote:
a. I think you meant overflow: hidden.
My mistake...apologies
b. Unless you add overflow: hidden; to this, greatly enlarged text may
intrude into the display area (i.e., extend to the right past column 0).
Just to be Absolute Sure (in case there's a browser that
On 12 Jan 2006, at 11:32 pm, Pringle, Ron wrote:
Is there somewhere I can find a list of what Firefox doesn't
support in
terms of CSS?
David Hammond has a quite comprehensive overview for IE 6, Fx, Opera,
Safari 2
http://nanobox.chipx86.com/browser_support_css.php?
Hi Felix...
Thanks for pointing these issues out. I still have some tweaking to do.
Much appreciated. For what it's worth, I set the CSS font sizes to em
values, not px, so that they are relative to what the browser is set to.
Would you still consider that to be, as you put it, so
Hi, I need some adviceI am attempting to recode a web site (and possibly
others) so that I have everything nested at the same level...that is: container
with the content, link, footer, etc. nested underneath. (Previously I had the
link and footer inside the content). When I am done with
At 02:31 PM 1/12/2006, Thomas Hall wrote:
Maybe a stupid question but why won't this ul center in the page:
html
body
ul style=width:800px;margin:0 auto;
liTest/li
/ul
/body
/html
Are you using a valid DOCTYPE? Which browser?
The following works fine for me (colors added to see what's
Regarding my earlier message...I tried absolute positioning again for the
content, and while I don't have the width problem this time, and don't have the
alignment problem I do when using float, I do have varying top margins between
IE, FF, and Opera. I've encountered this problem before and
... what is causing the annoying horizontal jumping when you mouse over
the links to song lyrics on this page?
http://www.rockfind.com/little_river_band/
Not my site, I just came upon it and was wondering ...
I've only looked at it in FF 1.5 for Linux.
--
David
[EMAIL PROTECTED]
Vic Rauch wrote:
I would like to display one div based on what the mouse is over and hide all
the rest of the DIVs within a grouping of these DIVs but have no idea how to
do that. Can someone either give a quick demo and/or point me toward a
demo/explaination?
I'll try the latter - if I've
I have been trying to implement a frameless frame system, so when I saw
this post I decided to base it on the example you linked to at
http://home.comcast.net/~rob.freundlich/css/noFrames.html
My requirements are slightly different though - I need header and
footer frames and a main content frame
the navigation of this site: http://nglcc.orchidsuites.net performs
beautifully in safari, nn, and firefox on mac and pc ... but horribly in
IE -- I suspect because the css doesn't validate ... is that because I'm
using workarounds (incorrectly)? can someone suggest a remedy?
Validation returns
hepabolu wrote:
Hi,
This is my first website: http://www.origami-osn.nl/osn/en/start.html .
It works as intended, but I'm not completely satisfied. I can't point my
finger to the itch, so maybe some of you can. Please note that I'm more
of a web developer than a web designer.
Thanks.
Bye, Helma
Morning All,
I have been working on a site that has three columns, two of which are
menus (I didn't design it).
Anyway, if I tweak the column widths to get them to work well in IE6,
they leave spaces in FF PC, FF Mac, IE Mac, Safari Mac, etc.
If I tweak the the other way (with the exact
I did end up changing it to something very similar to this. It worked great,
thanks!
To the person that wrote that my use of javascript will eliminate certain
crowds,
this is going to be used on a TV viewing station in our hallway and lounge only
and isn't indended for another audience. I
well ya shouldn't give me the benefit. I was given a drop-dead task and tried
to
use the CSS that I could. It's a 4 hr project that's taking 3 days because I
don't
know what I'm doing so I was changing thing's inline constantly trying to
figure
out how to make it do what I wanted. It's
Thierry Koblentz wrote:
May I ask why you need the HR in there?
AFAIK, the markup below would render exactly the same:
body
Hello
div style=border-top: 1px solid red;border-bottom: 1px solid #999;/div
Bye
/body
Yes it would, but using hr is semantically correct for the layout of
the page.
On 1/12/06, Ian Anderson wrote:
On no account put the skip link on a single pixel image with alt text,
as was common practice a couple years ago. This is because at least
one screen reader (JAWS, the most common one) will not read the link
because it does not read alt text on any image smaller
At 01:20 PM 1/13/2006, Vic Rauch wrote:
I have a listing of seminars that are happening on 3 different days and
would like to list these with the seminar time right justified, then the
seminar title and description left justified just to the right of the
seminar time:
9:00AM -- Seminar
Hey CJ,
Here's a test I made. Take a look in IE and you'll see it mess up.
http://www2.csulb.edu/colleges/cota/test3.html
It's pretty obvious ;)
Mike
cj wrote:
Actually, that formulation could well break something you don't want
broken. Note that .about.home will break in IE/Win, which
I have this problem where the background of a UL with nesting elements
oozes (and sometimes flickers) outside of its borders in at least IE6.
Can anybody tell me what is going on here?
See it beneath the navigation here:
http://www.wincog.org/test/indexflicker.html
The css that may hold some
I can't seem to get suckerfish to validate - which is keeping it from
working in IE.
The site: http://nglcc.orchidsuites.net
The css: www.orchidsuites.net/nglcc.css
-Tanya-
--
Tanya Renne, CEO, ORCHID SUITES, Inc.
Online tools to engage your
Thanks, I think this can be used for our requirements.
Vijay Nerella
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Bjoern Hoehrmann
Sent: Friday, January 13, 2006 12:30 PM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d]
Hi,
We've got a little CSS problem on our the rightnav of our test site:
http://ixlr8.org/development
The List of Related Topics on the right nav is inheriting all its
attributes from the enclosing div (#anothernav). Redefining #flap, .content
#flap etc. doesn't get rid of the unwanted block
Greetings all,
Well, IE has me stumped again. I'm trying to nest an absolute layer within a
relative layer but IE 6 isn't playing nice. It seems to be doubling the left
margin but I can't fix it with a simple display:inline;
Would you take a look at this in IE6 and tell me why the image
Hello All.
I am looking for a quick bit of help from a knowledgeable absolute
positioning/project 7/mac IE5.2 type of person. I bastardized a project
seven pop menu magic dropdown to use images and be variable width, and all
is going great. Looks perfect in every browser test. Except, the
Vijay,
This will not work in IE, as others have noted. But just in case you don't
care. This really just checks for absolute URLs. This says that if the href
attribute has a value that begins with http://; the style should be applied.
a[href^=http://;] {}
If you have in-house
thanks so much Al, i'll try these new avenues!!!
-Original Message-
From: Al Sparber [EMAIL PROTECTED]
Subj: Re: [css-d] Tweaked p7 menu behind text in IE5.2mac
Date: Fri Jan 13, 2006 3:17 pm
Size: 1K
To: kristin [EMAIL PROTECTED],css-d@lists.css-discuss.org
- Original Message
On Jan 12, 2006, at 2:51 PM, Magenta Placenta wrote:
http://www.5finger.com/css/fox/
http://www.5finger.com/css/fox/stylesheet.css
I have 3 gray content columns in the middle of the page, but they're
not
spanning the height of whatever the tallest column will be (most
likely will
Hello all. Thanks to whomever is hosting this list.
Can someone help me with something? I can't get the bottom border image to be
visible between these navigation tabs and the white area below them. In a book
I bought by Dan Cedarholm, this border should be visible unless a tab is
hovered over
Vijay Nerella wrote:
Hi CSS Gurus,
To comply with Web Content Accessibility Guidelines 1.0 we have to
mark/highlight all the published links, in our websites, which are
external pointing.
Is there a way to mark all external links for pages already
published, by change in CSS only,
Hi Dan,
':not' doesn't seem to work in any browser. Neither did I find it in W3C
specs. Can u share some more information on this, as to where and how it can
work.
Vijay Nerella
-Original Message-
From: Storm, Dan [mailto:[EMAIL PROTECTED]
Sent: Friday, January 13, 2006 3:09 PM
To:
kaiserklan.com/roundtable/index2.html is my attempt to rewrite my 10
year effort to help the Boy Scouts. But I'm in pretty desperate shape,
it's just not coming together the way I would like, here are my
guidelines.
1) I want it to look similar to http://www.northernstarbsa.org/
2) NO tables, only
Vijay,
I apologize for sending that code without testing it, but the :not pseudo-class
does work. I just tried this in FF1.5.
input[type=text]:not([disabled=disabled]) {background-color: red;}
input type=text size=10 /
input type=text size=10 disabled=disabled /
You can read about this at:
At 04:14 PM 1/13/2006, Mark - JForce New Media wrote:
Can someone help me with something? I can't get the bottom border
image to be visible between these navigation tabs and the white area
below them. In a book I bought by Dan Cedarholm, this border should
be visible unless a tab is hovered
Hello all. Thanks to whomever is hosting this list.
Can someone help me with something? I can't get the bottom border image to
be visible between these navigation tabs and the white area below them. In
a book I bought by Dan Cedarholm, this border should be visible unless a
tab is hovered
Site: http://www.conigliowines.com
Problem: I have cut off or uneven page bottoms on the Wines
Stuart,
I see you have it fixed. Care to share your solution?
--
Susan
A Street Web Design
http://astreetweb.com
__
css-discuss
Hi again all
I posted this to Craig's List earlier today and thought I would share it here
as well. Please respond if you have an interest. We haven't a preference as to
where you are located at this is a telecommute/virtual team opportunity. We are
seeking an equity partner.
Thank you
Mark
On 1/13/2006 5:49 PM Keith Kaiser wrote:
kaiserklan.com/roundtable/index2.html is my attempt to rewrite my 10
year effort to help the Boy Scouts. But I'm in pretty desperate shape,
it's just not coming together the way I would like, here are my
guidelines.
1) I want it to look similar to
In html you define the alt/title attributes in the page markup. How
would you do the same in a CSS stylesheet for a background or other
image? Should you?
-Bob
__
css-discuss [EMAIL PROTECTED]
In html you define the alt/title attributes in the page markup. How
would you do the same in a CSS stylesheet for a background or other
image? Should you?
-Bob
Interesting question Bob. Short answer; you shouldn't, or even if you could
you wouldn't.
Search engines ignore CSS files. Even
This is the best reaction I've gotten since I came back to this list;-0
If I had any doubts I don't now. I figured since I was only putting
the info. bottom right from this page:
http://videointegrations.com/serenity/facial_rosacea_mask.html
into 3 columns, I really didn't even need rows - just
Just as an addon to that, the alt attribute is supposed to be describing
the embedded image for those who can't view it. This is assuming that
the image in question actually has something to do with the content of
the site to begin with; if it's a CSS background image, odds are it's
either
http://videointegrations.com/serenity/facial_rosacea_mask.html
Well, I decided to try putting some borders into the table and it looks
decent in all but IE6;-(
Anyone got any bright ideas?
-Scott
__
css-discuss [EMAIL
Jim Ryan wrote:
Hi,
We've got a little CSS problem on our the rightnav of our test site:
http://ixlr8.org/development
The List of Related Topics on the right nav is inheriting all its
attributes from the enclosing div (#anothernav). Redefining #flap, .content
#flap etc. doesn't get rid of the
Well, maybe it's the knee jerk that everyone knew tables and the
standards issues, so since no one responded, I've decided no borders
except the th. If anyone has a better looking idea, please let me know;-)
[EMAIL PROTECTED] wrote:
Christian Heilmann wrote:
... what is causing the annoying horizontal jumping when you mouse over
the links to song lyrics on this page?
http://www.rockfind.com/little_river_band/
Not my site, I just came upon it and was wondering ...
I've only looked at it in FF 1.5 for Linux.
The first thing
Thought I'd also give some interesting info I found:
http://css-discuss.incutio.com/?page=TableDesign
However, CSS has its own kind of tables: [display types]
http://www.google.com/url?sa=Dq=http%3A%2F%2Fwww.w3.org%2FTR%2FREC-CSS2%2Fvisuren.html%23propdef-display
that exist specifically in
60 matches
Mail list logo