Dino delicately described:
Comment out width in #navbar ul:
#navbar ul { margin: 0; /* width: 720px; */ float:left; background:
#ffeab8 url(../images/mainNavBg.gif) repeat-x; list-style: none;
padding:0}
Dave Pierce asked: Is there a way to . expand the nav bar as
needed,
or at least
John Haas wrote:
The site: http://qatotonetwork.newmbc.com
The issue: All of the top parts of the sidebar blocks (which
are actually h2 tags) are shifting leftwards about 100 pixels
upon page load. It at first renders correctly, then quickly
shifts to the left.
I see what you're
Henry Umansky wrote:
Hello all,
Whenever I have a list with the standard bullets, the list text is
flush left with the previous paragraph, but the list bullets are over
to the left of the parent container. Is there a way to get the list
to automatically flush left with the previous
Glenn E. Lanier, II wrote:
From: Joanne
Sent: Friday, June 02, 2006 7:18 PM
#p7PMnav a, {
display: block;
text-decoration: none;
background-color: #d3c6a6;
color: #CC;
font-size: 90%;
}
When I hand code an image in to the hyperlink, (this is a
Project Seven PMM
menu)
Click This IT Solutions wrote:
(BTW. Is it necessary to have the
active and visited in the css file or is it acceptable to have only a:link
and a:hover)
I usually set a base text color for a (with no pseudo classes on it)
that affects all states of all links. Then I override this color for
On 03/06/06, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
besides that, make sure that your pseudo classes are in the order
:link, :visited, :hover, :active, :focus
(don't know where this order comes from and why it's so important, but
it works...)
A link can be in multiple states at once. For
Thanks for that. Will try it. Unfortunately, I'm trying to create the
rounded edge boxes partly over a white background but partly over the
top of an image. So, I can't think of any other way of accomplishing
this without using png's.
Could anyone suggest a work around for this? I thought of
xtiandc wrote:
Is there a way to control font size/layout on printable pages? The printer is
adhering to my (very) basic layout, but seems to be ignoring my font
declarations. Is there a simple way to control this?
My CSS consists of:
html{
background: #ff;
font: normal
Simon Kerr wrote:
Thanks for that. Will try it. Unfortunately, I'm trying to create the
rounded edge boxes partly over a white background but partly over the
top of an image. So, I can't think of any other way of accomplishing
this without using png's.
I think you're fine with the PNGs
Tom Livingston wrote:
I have only done fixed width faux columns and a single color full
height I apologize if that wasn't what you were looking for. I don't
think I've seen what you want done.
Ive only done this:
http://alistapart.com/articles/fauxcolumns
The example layout you posted,
Hi All,
Hope you're all getting this lovely sunshine!
I've got two issues with: www.wantthatjob.com, both in IE6
1. On resizing the window, the header (logo and top menu) disappears -I
think it's a float issue?
2. The bullet points disappear when in FF they're there
The CSS files are:
xtiandc wrote:
The printer is adhering to my (very) basic layout, but seems to be
ignoring my font declarations. Is there a simple way to control this?
My CSS consists of:
html{
background: #ff;
font: normal 8pt/10pt arial, helvetica, sans-serif;
padding: 5px;
}
Just removing my name from this thread subject.
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub --
Erik Visser wrote:
so i'am looking for a place with good explaination of the technique(s) of:
columns streching to the bottom of the viewport, regardless of the
content length of any of the columns
through google i found in some forums tips for specific user questions,
but not a good article
Thanks for that. Will try it. Unfortunately, I'm trying to create the
rounded edge boxes partly over a white background but partly over the
top of an image. So, I can't think of any other way of accomplishing
this without using png's.
I'm all for rounded corners without images!
Mozilla
My apologies to cj and Dino! I was doing the work on GoLive, and
previewing it with GL's live preview. On that, the menu was vertical. I
tried it on Fireworks, et al, and it all worked. Thank you to all who
answered this. GL has some MAJOR issues with it's CSS previewing.
Another bug it has is
Ed Flecko Asked:
I can't seem to figure out how to get the left and right columns to take
up the entire height of the browser windowall I really want is the
header, and the three liquid columns below it. The images within the
columns ...take up 100% of the height that's available to them
Hi All,
Somebody has some explanation to the strange effect in scrolls of Agenda
and Noticias y Novedades, when you pass the cursor over the buttons of
the right superior zone. Only I have seen it in IE.
Web is http://comarcajoven.com
Thanks in advance
--
Pedro Iturriaga Santolaya
Hi all,
We're rolling out a new look for our magazine, and before I try to
implement the thing, I thought I'd throw it out for you all to rip up :)
The pages of interest are:
http://www1.kenyon.edu/bulletin_test/templates/index.html
http://www1.kenyon.edu/bulletin_test/templates/toc.html
Felix, David: Thanks for the responses - David, the link you provided did
the trick exactly.
I'm cc'ing the list with the link still quoted in case it might help someone
else.
Bryan
On 6/3/06, David Laakso [EMAIL PROTECTED] wrote:
Felix Miata wrote:
On 06/06/02 13:48 (GMT-0700) Flying I
Hi Pedro,
Somebody has some explanation to the strange effect in
scrolls of Agenda
and Noticias y Novedades, when you pass the cursor over
the buttons of
the right superior zone. Only I have seen it in IE.
You have to aply Layout to the container #menu_sup for IE.
Something like:
Tim Gaunt wrote:
I've got two issues with: www.wantthatjob.com, both in IE6
1. On resizing the window, the header (logo and top menu) disappears
-I think it's a float issue?
Add...
#header {position: relative;}
...to prevent that disappearing-act in IE.
2. The bullet points disappear when
Scott said:
I have
..inner {
border: 1px solid #bbb;
padding: .5em /* just for looks */
}
Which shows the grey borders around the 2 boxes on this page. I also
have
stuffed two divs in there, floated left to give me two columns in the
main
box.
How do I get the height to exapnd
Pedro Iturriaga wrote:
Hi All, Somebody has some explanation to the strange effect in
scrolls of Agenda and Noticias y Novedades, when you pass the cursor
over the buttons of the right superior zone. Only I have seen it in
IE.
Web is http://comarcajoven.com
IE is recalculating and
Super, thanks Georg!
You can go out and play in the sun :)
Tim
__
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 --
Hi,
I'm a rank amateur at CSS, so please bear with me :) I'm working on
converting my existing web page to (hopefully) a pure CSS layout. I've run into
a sticky issue with IE. Here are the pertinent links:
page: http://www.daverephoto.com/CSSTest/index.html
CSS:
Hi guys, once again, I'm popping another question about my site on this
forum.
I'm having a hard time finding the bug that is causing the left
navigation pane to not look right in IE7 (I havn't even seen what it
looks like in IE6 yet).
It looks perfect in Fire Fox. what small detail am I
John Haas wrote:
The site: http://qatotonetwork.newmbc.com
The issue: All of the top parts of the sidebar blocks (which are
actually h2 tags) are shifting leftwards about 100 pixels upon page
load. It at first renders correctly, then quickly shifts to the left.
To me, it looks like the
Got a strange one - can't figure it out -
on here:
http://www.constructweb.com/epic/tab/
if I link the images (hit the second tab ) link layour breaks..
I've tried almost everything I can think of
any help appreciated
thanks
n
do you need to put the styling on your a instead of your span perhaps?
__
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
My quick guess you are off by one or two pixels in your math. Try
making the outer container 5 or 10 pixels wider and see what happens.
--
Kevin Murphy
Webmaster: Information and Marketing Services
Western Nevada Community College
www.wncc.edu
775-445-3326
On Jun 7, 2006, at 12:34 PM,
This breaks in FF
and I have tried a few different widths -
thanks for replies - rememeber it WORKS until I add the a href tag - - I
have decrease border etc etc
thanks
My quick guess you are off by one or two pixels in your math. Try
making the outer container 5 or 10 pixels wider and
Hello,
try validating (http://validator.w3.org/) next time :0) You didn't put
any of the doc information, nor the head, body, html tags etc. Dot it
and eveything works just fine.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
I have a css fly out menu. It's a vertical list that's aligned to the right of
my page. As you scroll over each element, content flies out to the left. My
problem is that in order to place this menu properly, I have to position it
absolutely and specfiy its placement using padding (I know, I
Chris wrote:
I'm having a hard time finding the bug that is causing the
left navigation pane to not look right in IE7 (I havn't even
seen what it looks like in IE6 yet).
I have viewed the page in IE6 and 7 and the issue is identical.
Currently, your navigation headings (general, league and
[EMAIL PROTECTED] wrote:
Got a strange one - can't figure it out -
on here:
http://www.constructweb.com/epic/tab/
if I link the images (hit the second tab ) link layour breaks..
I've tried almost everything I can think of
any help appreciated
thanks
n
You have no doctype, among other
On 6/7/06, Rebecca Mazur [EMAIL PROTECTED] wrote:
I'm most interested in having the pages checked in multiple
browsers. There will be broken links, of course; these are just templates.
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
How about
http://www.browsercam.com/
Dave wrote:
Being new to CSS, I'm not intuiting what it is that I'm
doing that's aggravating IE, yet. And, I'm having problems
finding examples that give me a clue. It's hard enough trying
to pick out how to do this in the first place, from the
myriad of examples and
Thank you!
That defiantly worked, but I'm curious how I can introduce the padding
below each root item list.
ie.
ul
liHeader
ul
lia href=link/a/li
lia href=link/a/li
/ul
/li
padding here
liHeader 2
ul
lia href=link/a/li
Chris wrote:
That defiantly worked, but I'm curious how I can introduce
the padding below each root item list.
Chris,
Not a problem mate.
You can use the following rules:
#left UL {
margin:0;
padding:0;
list-item-style:none;
}
#left UL LI {
margin:0;
Humbling List,
Please see http://www.andrew.cmu.edu/user/bleber/css/test.html
I'm looking to center two horizontal boxes (simple enough task). It
looks fine in Mozilla, while IE 7 staggers the two boxes so one is lower
than the other. I'm using standalone IE6, but that seems to have fallen
Humbling List,
Please see http://www.andrew.cmu.edu/user/bleber/css/test.html
I'm looking to center two horizontal boxes (simple enough
task). It looks fine in Mozilla, while IE 7 staggers the two
boxes so one is lower than the other. I'm using standalone
IE6, but that seems to have
Brett wrote:
I'm looking to center two horizontal boxes (simple enough task). It
looks fine in Mozilla, while IE 7 staggers the two boxes so
one is lower
than the other.
Hi Brett,
Try adding the following rule:
#container UL LI {
display:inline;
}
This should solve the issue I think.
On 6/7/2006 5:07 PM, Bill Brown wrote:
Humbling List,
Please see http://www.andrew.cmu.edu/user/bleber/css/test.html
I'm looking to center two horizontal boxes (simple enough
task). It looks fine in Mozilla, while IE 7 staggers the two
boxes so one is lower than the other. I'm using
Just to clarify, I suppose my real question is: can you apply z-index
specifically to an element that only appears on hover?
Thanks!
Christian.
xtiandc [EMAIL PROTECTED] wrote: I have a css fly out menu. It's a vertical
list that's aligned to the right of my page. As you scroll over each
Brett wrote:
I'm looking to center two horizontal boxes (simple enough
task). It looks fine in Mozilla, while IE 7 staggers the two
boxes so one is lower than the other. I'm using standalone
IE6, but that seems to have fallen back to the IE7 beta
renderer. Maybe someone with non-IE7
xtiandc wrote:
Just to clarify, I suppose my real question is: can you apply z-index
specifically to an element that only appears on hover?
My question is this: is there any way to enforce z-index conditionally?
Christian.
Hi Christian,
Interesting problem, there're a few
Thanks for the suggestions
however is is really strange why when I apply a a href tag that the image
it blasts complete out of the left float - (hit the MLB tab in FF)
this is only happens in FF - it is not a validation issue - I can change
the size - decrease padding etc etc and the image blows
I put together a simpler version of the page for feedback:
http://demo.wfp.com/flyout.htm
As is now, no z-index's are specified. The menu is placed at the bottom of
document and therefore inherits the higher value (I assume). This means that
the link to the left does not work (strangely enough,
Howdy,
with Eric's approval I've put together a list of various events -
conferences, workshops, seminars - at least party related to CSS
knowledge and best-practice:
http://css-discuss.incutio.com/?page=EventsWorldwide
--
Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com |
xtiandc wrote:
I put together a simpler version of the page for feedback:
http://demo.wfp.com/flyout.htm
As is now, no z-index's are specified. The menu is placed at the
bottom of document and therefore inherits the higher value (I
assume). This means that the link to the left does not
Ingo Chao wrote:
The testlink can only be placed over or under this stacking context of
scrollbox, further or nearer to the user.
And the dilemma is, that in your concept, scrollbox must have this width
and height to bring overflow:hidden into play. Scrollbox has to clip the
menu.
I don't
[EMAIL PROTECTED] wrote:
Thanks for the suggestions
however is is really strange why when I apply a a href tag that the
image it blasts complete out of the left float - (hit the MLB tab in
FF)
The break is being caused by unclosed a elements. It is only apparent on
the MLB tab because the
Ingo Chao [EMAIL PROTECTED] wrote: Ingo Chao wrote:
The testlink can only be placed over or under this stacking context of
scrollbox, further or nearer to the user.
And the dilemma is, that in your concept, scrollbox must have this width
and height to bring overflow:hidden into play.
xtiandc wrote:
My only thought was to enforce the z-index not on the parent (scrollbox), but
rather on its children (hover), hence really only come into play when visible
and thereby leaving the text link not covered by scrollbox. I dunno if it's
even possible.
Sure, but on the other
On IE6 the links at the top next to the image are not showing up. On every
other browser on both platforms, it shows up great. Can anyone tell me why
IE is being difficult?
The addresses:
http://inlandempirewomensconference.com
http://inlandempirewomensconference.com/iewc.css
--
Theresa Mesa,
On Wed, 07 Jun 2006 07:38:38 -0400, Zoe M. Gillenwater wrote:
I usually set a base text color for a (with no pseudo classes on it)
that affects all states of all links. Then I override this color for
:visited and :hover. I usually don't set anything for :active or
:focus.
I like this. Nice
On Tue, 6 Jun 2006 13:23:38 -0400, Christy Collins wrote:
Does an element hidden with css load?
On Tue, 6 Jun 2006 12:29:06 -0500, Jay Blanchard replied:
Yes.
That may be a perhaps. If hiding means visibility: hidden I believe
you are correct. But if Christy means display: none then I do
xtiandc wrote:
Is there a way to control font size/layout on printable pages? The
printer is adhering to my (very) basic layout, but seems to be
ignoring my font declarations. Is there a simple way to control this?
Which browser? No two browsers are created equal in their printing function!
Dave Pierce wrote:
My apologies to cj and Dino! I was doing the work on GoLive, and
previewing it with GL's live preview.
Why are you relying on the renderings of ANYTHING EXCEPT REAL BROWSERS?
Visitors don't use GoLive or Dreamweaver or FrontPage et al to visit web
sites. It's very easy to
Zoe M. Gillenwater wrote:
don't have this problem because I just apply ids directly to the
headings and target jump links to these ids (works pretty much
everywhere except NN4).
The jump part may work but this technique may break tabbing navigation in
IE:
61 matches
Mail list logo