How to get alternating row colors in a table or a list?
I know of solutions with Javascript but I am looking for something that
would be done with CSS only, I don't want to have to have a class for
the even rows (or odd). Now that we have CSS 2.1, with counter and
content, does anyone have an
Hi,
I have a page with a number of thumbnails that link to individual
pages which show a larger image and information about each photo.
I want to be able to style the thumbnails like links - change the
thickness of the border and/or its colour. Nothing too fancy!
I can't find any information
Hello all, I have an IE problem with the appearance of my leftnav. Is this a
Peekaboo bug? The left nav appears sometimes, but I am really behind on
design work and this is slowing me down. Would Greatly Appreciate any help
you can give. (please don't comment on the design unless you absolutely
I'm trying to make the thumbnails fit to the width of the page, so
there are 3-4 in each row, but when you resize, I want it to basically
flow with the page, and I'm having a bit of a hard time figuring that
out.
I want the code to remain logical:
ul
li/li
li/li
li/li
li/li
li/li
li/li
/ul
and
Thanks David for the reply. I tried what you said and it is working excellently
on most of the browsers! I only get the background image not shown on the
following two (non flash) combos:
Netscape 4.78 (no Flash)Windows 2000 Professional (background image not
shown)
Explorer 4.0 (no
Okay, on this (http://divinelotus.freehostia.com/) site, I have a
javascript to do the navbar. It relies on a javascript and css file in
the head. However, when I tried to put it on my WordPress, the css
would not show up. I put the head files in the appropriate sections of
the header.php. But
I am repeating my post from yesterday, because I had a typo in the
link to the site. Thanks
I am using pseudo-classes on my links. They all work as they should,
in all browsers, on text links, but I am having trouble with image
links.
The site is: www.lifeonwheels.com/beta2/index5.htm
Hi List,
I spent a lot of time on this today and figured I should share.
Although IE7 does support the :hover pseudoclass on elements other than
a, making Suckerfish-type navigation work without JavaScript, you
have to be careful to trigger hasLayout in both the element and the
element
OK,
I've put together a small test of this problem. Here's a link:
http://www.tonedeafstudios.com/test/test15c.html
You can see the problem - I've put a red border around the div to
show where the background image is not showing. The css is in the
source.
If anyone has an idea on this,
Mario,
On Oct 21, 2006, at 12:29 PM, Mario Merino wrote:
http://proximita.com/garnierarq/proyectos-garnier-arquitectos.html
Hello, thanks for your time.
In the html page above (table/css) #DivNoTable is the container for
#imgCont, and I cant get #imgCont to constrain itselft to
Jan,
On Oct 23, 2006, at 7:27 AM, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
I'm having a problem with the bottom nav bar on some of my pages -
the correct version is here: http://www.hillerypriest.co.nz/test/
pr01.html
and the incorrect version is here: http://www.hillerypriest.co.nz/
Alex,
On Oct 24, 2006, at 10:26 AM, Alex Foley - OnWired wrote:
I'm having problems aligning a form search box in the header of
this page:
http://www.toolcrib.com/index.aspx
The box looks fine in Firefox and IE, but not in Safari.
Often when this happens to me, it is because there's a
Hi everyone.
Please check this one for me
www.wysdiman.co.za
Weird little problem, in IE again.
ger gets displayed between the pics and the intro paragrapgh, no
ideas why. Can anyone maybe shed any light on this???
Regards
Pieter
hello
i have a strange problem with this site :
http://www.rioartpack.com
some times when clicking the about or contact page ( try clicking the link a
few times ), all the elements go vertical instead of floating left.
is there a way to fix this problem ? and any idea why it is happening ?
Francky wrote 23 Oct.: [...] to be continued.
Jon Hughes wrote 25-10:
http://www.phazm.net/stamps/products.html
Jon: Guru! I must not miss my deadline! Have you any more help, such
as with the thumbnails?
Guru: Of course! Here you go
Guru: you fill this in :)
- Jon
Hi Jon,
Some days the
On Sat, 28 Oct 2006 23:00:20 +0100 (BST), ed gooddy wrote:
Thanks David for the reply. I tried what you said and it is working
excellently on most of the browsers!
Hi Ed,
So glad to hear that helped. Thanks for letting us know.
I only get the background image not
shown on the following two
On Sat, 28 Oct 2006 19:43:26 -0400, Linda Quinn wrote:
Thanks for your feedback. Typo in the link address. Should read
www.lifeonwheels.com/beta2/index5.htm. Please take a look and maybe you
can see if it looks like your idea will work.
Hello again Linda,
To get rid of unwanted borders and
francky wrote 24-10:
[..]
BTW-1: The fixed very very small font-size is giving
accessibility/usability problems in IE, even for visually 100% people,
espacially at bigger screen resolutions (1280x1024 and more). The
IE-folks cannot enlarge the font-size clientside...
BTW-2: The fixed format
I have a header div #header is relatively positioned. Inside this is an
absolutely positioned #menu_holder div that holds a suckerfish menu. The
problem i when I use top:80px; on the menu holder it is perfect in both IE
version and too low in FF. when I change it to 60px FF is the one that is
Thanks in advance for your help. This is a website I have done for a client
using Wordpress as a CMS. I have heavily customized the output, creating my own
templates. On pages with multiple excerpts, IE6 is mysteriously visually
repeating a small bit of content at the end of one section. This
Please ignore - I saw this:
http://www.positioniseverything.net/explorer/dup-characters.html and have
removed the comment that was triggering this bug in IE.
- Original Message -
From: Tom Hughes
To: css-d@lists.css-discuss.org
Sent: Sunday, October 29, 2006 8:13 PM
On 28/10/06, Fred Janon [EMAIL PROTECTED] wrote:
How to get alternating row colors in a table or a list?
I know of solutions with Javascript but I am looking for something that
would be done with CSS only, I don't want to have to have a class for
the even rows (or odd). Now that we have CSS
Thanks Rafael! I am just a bit disapointed that there is no provision
in CSS for this pretty common ornament for tables (remember the paper
with green stripes?).
I don't want to add a class because that's extra work for the server
when the table is generated with JSP for example. The server has
This may sound a bit silly, but...
Here is my setup:
- Fixed-width floated column set at 240px wide.
- Inner div with 10px padding on the left and right
That leaves me 220px of content area.
I would like to place an image that has 1px border and 2px padding
inside the 220px content area.
Portman wrote:
Hi,
Thanks again to all who helped me with the bulleting problem recently. I
have one more problem (I hope!) to sort out before I am done. I have a
fake two column layout and find that in IE, the layout appears
incorrectly and changes when you scroll down and back up again. I
How about this:
ul.level1 li a:hover+ul.level2 {display:block;}
It's what the + selector was invented for I think, but unfortunately IE6 is
oblivious to it. You could always have it there for decent browsers and have
something separate for IE using javascript in a conditional comment.
dimpie wrote:
If I replace the 'ul.level1 li:hover ul.level2' with 'ul.level1 li a:hover
ul.level2'
and the 'ul.level1 li:hover ul.level2 li' with 'ul.level1 li a:hover
ul.level2 li' the nested list does not show up.
How can I solve this problem? Hope someone can help me out.
Here
Hi list,
When I publish an article I can choose to have the h1-tag display in Arial
Black or just Arial, also the font-size can be set to whatever I wish. The
problem I'm having is that depending on the font-size Arial Black is given
the following lead text is overlapped by the letters g, j, p, y.
On 28/10/06, Fred Janon [EMAIL PROTECTED] wrote:
How to get alternating row colors in a table or a list?
Add classes
I know of solutions with Javascript
Generally they just do the heavy lifting of adding classes for you.
but I am looking for something that would be done with CSS only,
I
give IE something to do on hover
#one:hover, #two:hover, #three:hover, #four:hover {
z-index: 4;
background-position: 0 0; /* Add */
}
Ingo
Great solution. Works like a charm. Thanks, Ingo!
I wonder if there's a why ...
Anneke
Hello.
I might have asked this before, but I am still struggling with this and am
curious if anyone has dealt with this before. I have done my drop downs with
css only and they work beautifully in most browsers, even IE. . . But not in
Safari. Actually they still function in Safari, but they act
http://olav.dk/articles/tables.html
--
Chris Ovenden
http://thepeer.blogspot.com
Imagine all the people / Sharing all the world
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information
tedd wrote:
I know of solutions with Javascript but I am looking for something that
would be done with CSS only
Even CSS3 selectors can't test for this because you can't run
calculations per se in CSS - :first-cild and :last-child pseudoclasses
exist for contemporary browsers (ie not ie), and
From: Steve Clason [EMAIL PROTECTED]
Hi List,
I spent a lot of time on this today and figured I should share.
Although IE7 does support the :hover pseudoclass on elements other
than
a, making Suckerfish-type navigation work without JavaScript, you
have to be careful to trigger hasLayout
Mark Anthony wrote:
Okay, on this (http://divinelotus.freehostia.com/) site, I have a
javascript to do the navbar. It relies on a javascript and css file in
the head. However, when I tried to put it on my WordPress, the css
would not show up. I put the head files in the appropriate sections
Pieter Botha wrote:
www.wysdiman.co.za
ger gets displayed between the pics and the intro paragrapgh, no
ideas why. Can anyone maybe shed any light on this???
The Explorer 6 Duplicate Characters Bug is explained here...
http://www.positioniseverything.net/explorer/dup-characters.html
...and
Pieter Botha wrote:
Please check this one for me
www.wysdiman.co.za
Weird little problem, in IE again.
ger gets displayed between the pics and the intro paragrapgh, no
ideas why. Can anyone maybe shed any light on this???
Regards
Pieter
It may be the ie 'duplicate character'
To: CSS-d
Subject: [css-d] I've got a problem with CSS and WordPress
Okay, on this (http://divinelotus.freehostia.com/) site, I have a
javascript to do the navbar. It relies on a javascript and css file in
the head. However, when I tried to put it on my WordPress, the css
would not show
Many of you may already know, but for those of you who don't yet, here's a
friendly heads up:
Firefox 2 has been released: www.mozilla.com/firefox
Daniel Hammond
www.objectivedesigns.com
__
css-discuss [EMAIL PROTECTED]
Hi Pieter,
Try removing the comments between your divs. The last 3 letters of Kitare en
Agtersanger are being duplicated, which is probably due to the 'duplicate
character' bug.
Specifically remove the !--member-- !--members-- comments and it
should be ok.
You can find a full description at
I put the head files in the appropriate sections of
the header.php. But when I put the javascript for the menu itself, it
was partially unstyled... the javascript behavior worked, but not the
style information.
That's because you don't have the right path to the stylesheet.
Your theme files are
On 30/10/2006 10:37, morten fjellman wrote:
The default css is:
h1 a {
font-size:42px;
margin-bottom:5px;
font-family: Arial Black, Helvetica, sans-serif;
line-height:1.4em;
}
(the heading is also a link, hence the a)
Never heard of the other bugs you mention,
No mention or understanding of accessibility, ease of maintenance or
semantics then...
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
On 10/30/06, Bill [EMAIL PROTECTED] wrote:
Hi Pieter,
Try removing the comments between your divs. The last 3 letters of Kitare en
Agtersanger are being duplicated, which is probably due to the 'duplicate
character' bug.
Specifically remove the !--member-- !--members-- comments and it
On 06/10/30 11:37 (GMT+0100) morten fjellman apparently typed:
When I publish an article I can choose to have the h1-tag display in Arial
Black or just Arial, also the font-size can be set to whatever I wish. The
problem I'm having is that depending on the font-size Arial Black is given
the
First, thank you guys for being so helpful. I've greatly appreciated
the assistance you've given me.
Well I'm stumped again. I'm having a problem with clearing a small
floated div that contains one image and a brief caption underneath.
The div floats just before a paragraph, which wraps
From: Ed Dorsch [EMAIL PROTECTED]
http://www.isc.uoregon.edu
Pulldown menus work in IE 6, but not IE7 (too far to the right). Any
ideas for fixing this?
Stick this CC on a new line just before your closing /head tag:
!--[if IE 7]
style
#cssDropdown liul {
top: 1.15em;
left: 0;
}
Hello all, I have an IE 6/7 problem with the appearance of my leftnav:
http://sdasf.org/cms/index.php?id=9,36,0,0,1,0 Is this a Peekaboo bug? The
left nav appears sometimes, but I am really behind on design work and this
is slowing me down. Would Greatly Appreciate any help you can give. (please
Hi
I am using div style=clear:both; to clear floats. But in my design
the div adds a space between the other divs which is frustrating. The
site is at:
http://www.tregrehan.co.uk/?page_id=6
Basically the image of the letter needs to butt up against each other
and also the nav bar. The css is at:
I have a footer that has a JavaScript control to place it at the bottom of a
browser. It works fine mostly but on one certain page it fails to work in
IE6. It's defiantly a css or xhtml issue that I can't find please help. The
page is: http://www.ewp-ltd.co.uk/catalog/index.php?categoryID=78 .
From a cursory look at the markup looks like the container div isn't closed.
--
http://www.web-buddha.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information --
Also, you need to validate your html - 11 errors and some presentational
markup in there which will make bug-hunting all the more painful.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7
Ross Hulford wrote:
As you can see from the example #menu_holder (the pink div) ie has
the menu sitting in the middle where FF pushes it down a bit.
http://www.blue-fly.co.uk/trisco/example.png
It is impossible to debug a document based only on a screenshot, but I
guess you mean this
Thanks. It does make a difference. Amazing. I will have to decide what to do
now. I think the red hover really help the user follow where they are in the
drop down so I might try to just give it for Safari users only.
Yeah. It's not as pretty or as intuitive, but if you have to keep the
Flash
On 10/30/06, Tom Livingston [EMAIL PROTECTED] wrote:
Thanks. It does make a difference. Amazing. I will have to decide what to do
now. I think the red hover really help the user follow where they are in the
drop down so I might try to just give it for Safari users only.
Yeah. It's not as
Hi
I am using div style=clear:both; to clear floats. But in my design
the div adds a space between the other divs which is frustrating. The
site is at:
http://www.tregrehan.co.uk/?page_id=6
Basically the image of the letter needs to butt up against each other
and also the nav bar. The css is at:
Richard Brown wrote:
http://www.tregrehan.co.uk/?page_id=6
Basically the image of the letter needs to butt up against each other
and also the nav bar.
The following I found in your stylesheet...
img {
padding: 10px;
}
...creates the spacing. Change or delete that declaration, or give the
On 10/30/06, Melissa Meyer [EMAIL PROTECTED] wrote:
So, does this mean there is a new version of Safari that it isn't a problem
with? Do you know when Leopard will be out?
Get the latest nightly here:
http://webkit.org/
Leopard I think is out in the 1st or 2nd Qtr. of next year. I think.
--
Hi All
On 30/10/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Richard Brown wrote:
http://www.tregrehan.co.uk/?page_id=6
Basically the image of the letter needs to butt up against each other
and also the nav bar.
The following I found in your stylesheet...
img {
padding: 10px;
}
Hi all,
Last week I noticed the Outline-option (= page tree structure from h1
to ...) in the w3c html-validator was gone. I liked this tool, so did
some research @ the w3c pages. - Maybe also good to know for those on
the list who didn't know yet:
* Indeed in the latest html-validator
Richard Brown wrote:
Hi
I am using div style=clear:both; to clear floats. But in my design
the div adds a space between the other divs which is frustrating. The
site is at:
http://www.tregrehan.co.uk/?page_id=6
Basically the image of the letter needs to butt up against each other
and also the
Richard Brown wrote:
Hi All
On 30/10/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Richard Brown wrote:
http://www.tregrehan.co.uk/?page_id=6
Basically the image of the letter needs to butt up against each other
and also the nav bar.
The following I found in your
Lyn Williams wrote:
I have a footer that has a JavaScript control to place it at the bottom of a
browser. It works fine mostly but on one certain page it fails to work in
IE6. It's defiantly a css or xhtml issue that I can't find please help. The
page is:
On 10/30/06, Raymond Rodriguez [EMAIL PROTECTED] wrote:
Well I'm stumped again. I'm having a problem with clearing a small
floated div that contains one image and a brief caption underneath.
The div floats just before a paragraph, which wraps nicely around
it...except for the bullets of the
hi all -
seems images don't line up evenly when used within a floating p tag and a
regular p tag...
- http://www.fatgraffix.com/testing/css-question/css-test.html
thx all for any ideas -
=fgx=
[EMAIL PROTECTED]
mail2web -
Jonathan Berry wrote:
Hello all, I have an IE 6/7 problem with the appearance of my
leftnav:
http://sdasf.org/cms/index.php?id=9,36,0,0,1,0
I can only suggest a completely different approach...
#leftnav{
float: left;
margin: 15px -170px 0 0;
width: 167px;
padding: 1px;
position: relative;
}
Hi,
I finally fixed some IE bugs in my latest attempt at a floated
fixed-width layout I was hoping a few folks could look-it-over:
http://www.ambiguism.com/sandbox/rg/help_test.php
Any areas that I am missing a hasLayout fix? The documentation for
hasLayout I find a bit confusing - I
67 matches
Mail list logo