Rob Newman wrote:
http://www.variandesigns.com
... However, is there a way to indent the navigation (as I have it
now at 10px) and still stop the horizontal scrollbar appearing?
Maybe...
#nav {width: 99%; margin: 0; padding: 0 0 0 1% ;}
...(or something like that) will suit you?
There
Ingo Chao wrote:
[EMAIL PROTECTED] wrote:
http://spppa.littleberrystudio.com
For FirefoxCo,
#nav li ul {z-index:1}
should solve the problem of text+borders peeking through in flyouts of
preceding elements.
For IE, I don't have a solution, since IE establishes a new stacking
Hello Brian,
Just from a quick glance, your footer postion is 1 px to the right of the
elements above it. For example, div #content .narrowcolumn is positioned
let's say 12 px from the left, and your footer is 13 px from the left. I
haven't tested this, but my first try would be changing the
If you write the li's without line breaks between them, the
space disappears.
Searching around, there are a fair number of these
whitespace-in-HTML-related bugs in browsers' CSS handling. I myself took the
decision to postprocess my (X)HTML in order to be able to manage this.
I do already use
Hi there,
I'm having trouble with some links, I've given them a bottom border
that's hidden and then displays on hover. There are some similar links
on the page however (#categories) where i have set the bottom border to
0. For some reason this is being picked up by the links in my
http://www.itu.dk/people/antl/Webdesign_06/vestervold148/test1/vestervold148_v2/hjem.html
First, the white color behind the tabbed navigation does not extend
to the far right of the page as it does in Firefox, for example. I
thought I'd fixed this by giving the #nav div a fixed width
I have a simple 2 column layout with header and footer (http://
centrevilledesign.com/styles/2col.css).
One column is the main column and the column on the right is a
sidebar area, with a width of 22%.
Here's the problem:
If I give the main column width:auto the layout breaks on Macintosh
A question about the CSS specs and a bug report for IE7 build 5335.
IE7 build 5335 fails the test t1 in the test case below. I say fails in
the sense that I'm assuming that the consensus represented by the behaviour
shown by Firefox 1.5 and the current pre-release versions Opera 9 is assumed
to
Ingo Chao wrote:
[EMAIL PROTECTED] wrote:
http://spppa.littleberrystudio.com
For FirefoxCo,
#nav li ul {z-index:1}
should solve the problem of text+borders peeking through in flyouts of
preceding elements.
For IE, I don't have a solution, since IE establishes a new stacking
I also have a problem with background color change on hover, and the fix for
the problem K. Wilcox had did not work for me.
Perhaps someone can tell me what it is I am not doing correctly. The hover
on this site: http://www.changeswlc.com covers horizontally, but not
vertically.
My
Hi Brian,
Now it appears to be off in IE. Sorry. I guess that wasn't the solution.
I must say I am at a loss to say why this is happening, but I'm sure
someone on this list could help out.
It looks like IE is interpreting the padding differently than Mozilla.
Hmm, I don't really have time to
Any recommendations on a CSS menu that can be configured to expand down,
pushing other menu items down, so that don't cover the subsequent items?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
ontheroad wrote:
Any recommendations on a CSS menu that can be configured to
expand down,
pushing other menu items down, so that don't cover the
subsequent items?
I would highly recommend Chris Heilmann's PDE (Pure Dom Explorer) [0].
Regards,
Ron
[0]
Just use nested lists in the normal flow with something like the
suckerfish dropdowns. Also see the article at a list apart,
http://www.alistapart.com/articles/dropdowns/ if you get stuck.
just give your nav an id of #nav and put this script in your header:
script type=text/javascript
Hi Joan,
You get all kinds of problem when you're changing font-size on hover
but the problem lay in basic.css, you had a padding-top of 4px on all
lis. This css works for FF, not sure about IE but i can't see that it
would be any different:
ul#nav li {
float: left;
I did
On 3/29/06, Holly Bergevin [EMAIL PROTECTED] wrote:
Have you tried changing the ie.css file as I suggested before? I'll
suggest it once more. The following selectors and declarations are the ONLY
things that should be in your ie.css file.
#leftnav ul {
margin-left:-5px;
left:30px;
On 3/28/06, Ingo Chao [EMAIL PROTECTED] wrote:
Colin Sheaff wrote:
I'm sure I could suss this out with enough hours of research and
trial-and-error tweaking of the site, but I would love to resolve this
quicker
so I ask for your help.
http://www.canastamusic.com/press
francky wrote:
[...]
Hi Paticia,
Viewing the page in 1024x786 resolution: 2 steps upscaling the font-size
in IE causes the dropping down of the nav-sidebar.
I think this has to be solved before finetuning the menu/submenus, as it
can influence all positions.
See testpage with solutions.
Hi Joanie
Thats a very odd one, but i've figured it out. I'm not sure why exactly
but you have float the a tags themselves left aswell ie:
ul#nav li a:link, ul#nav li a:visited {
display: block;
color: #BE32FE;
background-color: transparent;
text-decoration:
[EMAIL PROTECTED] wrote:
Any recommendations on a CSS menu that can be configured to expand
down, pushing other menu items down, so that don't cover the
subsequent items?
I've done this with CSS alone, but it creates serious usability issue.
I'd use PDE [0], as already suggested, or ECMAScript
How i can manage a minimum height on a div?
__
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 --
How i can manage a minimum height on a div?
div{
min-height:300px;
}
MSIE does not get this though, so you need to do a
div{
height:300px;
}
htmlbody div{
height:auto;
min-height:300px;
}
As MSIE doesn't grasp the htmlbody selector it won't get the settings.
Other reads:
Big surprise to the group I'm sure g
I have a menu that works as expected in Firefox but I can't get it to work
in IE. I have tried everything and searched high and low but nothing. I
stripped out everything except what the problem is.
Test Page:
http://veign.com/preview/menu/menu.html
CSS:
Geoffrey Alan Colbath wrote:
Hey all,
I'm looking for some help with funky margin issues in FF. Amazingly
enough, IE is displaying everything just fine. Here's a link to what I'm
working on:
http://www.id.iit.edu/~colbath/StratCon06/about.html
You can see the div with the more... graphic
At 04:08 PM 3/29/2006, Peter Michaux wrote:
I'd like to learn how to use CSS to display a definition list as a
tabbed pane. I think this would be a nice way to relate the tab and
the content in case the browser is not CSS or the document is being
presented aurally. Any tips on how to do this might
At 04:56 PM 3/29/2006, Paul Novitski wrote:
If either JavaScript or CSS is disabled, the markup will render as a
(vertical) sequence of DT-DD pairs.
PS: The model I described works in the absence of JavaScript with a
server-side script supplying the necessary classNames:
__
Hi Paul,
Thanks for the reply. Interesting approach. Is there anyway to avoid this line?
top: #em; /* move it down below list of DT tabs */
The reason this causes some grief is I don't know how many rows of
tabs might exist or maybe I don't want to add padding to the dt
elements
[EMAIL PROTECTED] wrote:
Any recommendations on a CSS menu that can be configured to expand down,
pushing other menu items down, so that don't cover the subsequent items?
If you want only a pure css-hover for expanding (with collapsing back
when mouseout), then for real browsers it can't be
http://veign.com/preview/menu/menu.html
Hover effect doesn't show properly in IE. Also, page needs to stay
in a table cell (hands are tied on this one).
You may try adding...
#navbar li a {position: relative;}
...to make it render properly in IE.
You should also make sure it survives with
Peter Michaux wrote:
Hi,
I'd like to learn how to use CSS to display a definition list as a
tabbed pane. I think this would be a nice way to relate the tab and
the content in case the browser is not CSS or the document is being
presented aurally. Any tips on how to do this might get me
Perfect. Thanx
Chris
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of
Gunlaug Sørtun
Sent: Wednesday, March 29, 2006 9:19 PM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Menu working as expected in Firefox but
Veign wrote:
Big surprise to the group I'm sure g
I have a menu that works as expected in Firefox but I can't get it to work
in IE. I have tried everything and searched high and low but nothing. I
stripped out everything except what the problem is.
Test Page:
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of francky
Sent: Wednesday, March 29, 2006 10:20 PM
Hi Chris,
reports there is no charset, and the div is missing the
/div end tag; probably get lost in one of your versions.
Surprise! ;-) What
On Wed, 29 Mar 2006 10:14:49 -0800 (PST), Colin Sheaff wrote:
As to the 10px font size, this was to tie the text size as much as
possible to the graphics of the site.
You might like to take a look at graphics text vs. your 10px text with
the aid of a magnifier. (The one in Windows that
Kara Szostek wrote:
... On certain pages (but not all), the actual height of
#inner-wrap-mid is 1px taller than it's background image, creating a
sliver between the background image and the image underneath it. This
only happens in IE6/Service Pack 1.
I have image and a text hyperlinked together. In IE only the text is
underlined, but in Firefox Opera, the image is too.
How do I get rid of it?
I took a gamble at
a img{
text-decoration: none;
}
But then realised it's not actually text.
Joanne
At 11:45 PM 3/29/2006, Joanne wrote:
I have image and a text hyperlinked together. In IE only the text is
underlined, but in Firefox Opera, the image is too.
How do I get rid of it?
Try img { border: none; }
Paul
__
37 matches
Mail list logo