Re: [css-d] Table Row separation

[Glenn Nilsson]

Each row in a table contains cells (td|th), put the margin on them instead.

If you just need it on one row, put an id on the row, and use a
similar selector:

#tr td, #tr th { margin-top: 1em; }

~glenn - caffeine's in my veins

On 7/22/05, Lst Recv <[EMAIL PROTECTED]> wrote:
> It seems that the padding and margin properties don't work for table
> rows.  Is their an equivalent that will do the same thing - create
> blank colored space (ala padding) and blank space (ala margin) in
> between rows?  Will it work on IE 5+?
> 
> (I can use the height property, but a) I then need to fix the line
> height and b) it only works for padding, not for margin).
> 
> Thanks!
> __
> 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 -- http://www.evolt.org/help_support_evolt/
>
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table Row separation

[Philippe Wittenbergh]

On 22 Jul 2005, at 4:51 pm, Glenn Nilsson wrote:

Each row in a table contains cells (td|th), put the margin on them 
instead.


If you just need it on one row, put an id on the row, and use a
similar selector:

#tr td, #tr th { margin-top: 1em; }


That won't work. 'margin' doesn't apply to table cells.


What you're probably looking for is the separate border model, and more 
specifically, the 'border-spacing' property.

table {border-collapse:separate; border-spacing :0 1em}.


Philippe
---
Philippe Wittenbergh


__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] A little more IE help - 3-col layout

[saul]

Hello,

I'm still having a bit of a problem getting IE/Win to flow this 3-col  
page correctly. (It works fine in FF 1.X and Safari 1.2) It is based on  
the ALA negative margins article and augmented with some tweaks  
courtesy of David Laakso (with much appreciation). However, IE still  
does not want to flow properly (though it's better than it was).


Problem One: IE is leaving a huge gap between the horizontal navigation  
and the center column.
Problem Two: the left column is not visually extending to the bottom of  
its container div (using a background GIF).

Problem Three: The text in the Right Column does not appear.

Here are links to screen shots:
	
	


The link to the page is:
	


Any thoughts would be appreciated.

Cheers,

Saul Straussman

__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Funny alignment issues of top nav - no go in Firefox

[sanjay sinha]

hello,

I managed to get the header of my website all nicely lined up and
formatted in IE but it didn't look right in Firefox.

So I isolated just the header html and css and made it work/look perfect in
both IE and Firefox (just the header).

http://www.sinha.co.uk/sciencebusiness/dev_header.html

But when I pulled it back into the rest of the page for some reason you get all
kinds of issues in Firefox.

http://www.sinha.co.uk/sciencebusiness/template.html

Lots of weird stuff happens like the margin on the header just
dissapears and the navigation just sits on top of content area..

when I add a margin to #container-body to try and counter act this it
adds a margin to the top of the page?!?!? whats all that about?

For some reason adding margins to the  of the topnav seems to
really mess up the way the entire head reacts with the rest of the
body of the page.

Please help!

S
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Opera Width Problems

[Gunlaug Sørtun]

Matthew Ohlman wrote:

Gunlaug Sørtun wrote:


Opera is rendering 'width: 26.556%;' as 'width: 26%;'. Opera can't
handle decimals on percentages at all, so those width-values will
not add up to 100%.



So, does it really matter if I use fixed with instead of percent.


Percentages _are_ fixed when used within a fixed-width container, so
using pixels for width will come out just fine.

Georg
--
http://www.gunlaug.no
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] CSS background images and Macromedia

[KavinskyC]

Anyone familiar with the WYSIWYG view in Dreamweaver and Contribute not
rendering background images imported via CSS properly? They render fine
in the browser. I haven't had any luck finding anything on the web on
it. The problem I'm having is we have content editors using Contribute
(which only views pages in WYSIWYG), and it renders the background image
as black, making the text impossible to see. Can anyone point me to a
resource that addresses this issue?
 

Chris Kavinsky
Art Director
Xenos Christian Fellowship
823-6510 x 187

 

 
__
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 -- http://www.evolt.org/help_support_evolt/

re: [css-d] Funny alignment issues of top nav - no go in Firefox

[Bryce Fields]

On 7/22/05, sanjay sinha <[EMAIL PROTECTED]> wrote:

> Lots of weird stuff happens like the margin on the header just
> dissapears and the navigation just sits on top of content area..

> when I add a margin to #container-body to try and counter act this it
> adds a margin to the top of the page?!?!? whats all that about?
>
> For some reason adding margins to the  of the topnav seems to
> really mess up the way the entire head reacts with the rest of the
> body of the page.

I suspect margin-collapse is the culprit.  Anyone want to elaborate?

Regardless, shift the 15px gap from the margin to the padding, and it
seems to  behave much better in FF.

#container-body
{
clear: both;
margin: 0;
padding 15px 0 0 0:
}

--
Bryce Fields, Webmaster
Where I Work: Kentucky Council on Postsecondary Education
Where I Play: www.royalrodent.com

"Do or do not! There is no try!" -- Yoda


-- 
Bryce Fields, Webmaster
Where I Work: Kentucky Council on Postsecondary Education
Where I Play: www.royalrodent.com

"Do or do not! There is no try!" -- Yoda
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Creating Tables

[L Coulson]

Hi,

I am new to this process. Built sites for businesses in the marine industry
in the dark ages (1994 - 1998) and managed 25 domains at the time.  Have
been away for the interviening years, so my skills are outdated.  Just
started CSS a week ago and DWT more recently.

http://www.kingfisherdesigns.com/Test  I have managed to control everything
on this page with CSS except the lists in the side borders and sketch of the
table in the middle.  I need to do a table that could be up to 6 - 8 rows
that can vary in widths to accommodate photos and text and have no border (I
put it in the border so it could be seen)

This was the process:

Create CSS style sheet
Create DWT in front page and link the CSS to that.
Then create a new .html page in FrontPage and attach DWT


http://www.kingfisherdesigns.com/Test  .htm page
http://www.kingfisherdesigns.com/Test/kingfisher.dwt   .dwt page
http://www.kingfisherdesigns.com/Test/stylesheet1.css   CSS

Should I just live with the one table in html?
If I need to do a table in CSS, can you tell me how to get started?  Is it
one "box with areas inside or would it be12 boxes next to each other?

Haven't even begun to deal with browser issues.
Thanks,
Louise


__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Differences in IE and FireFox - Help plz

[artcoder]

> There seems to be a large
> gap between the header div and the contentwrap div in FireFox and a
> smaller one in IE 6. I don't want any gap at all
...
> The test page can be viewed at http://www.rtza.net/test/index.html


Hi Richard,

Thanks for posting the URL so that we can access your images.

The problem is related to the fact that you are embedding navwrap 
inside your headwrap. By removing the nested divs, your gap disappears.

Since you have a fixed width design, consider simplifying things and 
just have a series of images within a single headnav (no need for 
navwarp).  For example...



Of course you will have to slice out two new image of the correct size 
(navleftside.gif and navrightside.gif).

- artcoder (at)
http://webmarksonline.com


__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal "tabed" css menu - need help

[Jono Young]

Take a look here...
http://www.alistapart.com/articles/slidingdoors/

...and here for a bunch of examples
http://css.maxdesign.com.au/listamatic/

Read the first article, it is all you will need; and then see other  
possibilities at the second link.


On Jul 14, 2005, at 11:46 AM, cappellano wrote:


Hi list!

I´m trying to make an horizontal "tabbed" menu. No problems on making
the tabs only using lists and css. But I´d like to add images for it
to have a better look.

The image would be this one:
http://www.arcbr.org/imgs/bg_up.png

I thought about using it as a background on the lists, but it didnt
work properly (the text wasnt well centered). So, any other
suggestion?

thanks!



__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A little more IE help - IE Freezes

[Ingo Chao]

Saul, your page
http://www.inventionshow.com/development/newProductScout/newProductScoutPageD.html

freezes IE6/Win XP SP2

here when the window is resized so that the content drops.


Ingo

--
http://www.satzansatz.de/css.html
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Creating Tables

[Paul Novitski]

At 11:23 AM 7/22/2005, L Coulson wrote:

http://www.kingfisherdesigns.com/Test  I have managed to control everything
on this page with CSS except the lists in the side borders and sketch of the
table in the middle.  I need to do a table that could be up to 6 - 8 rows
that can vary in widths to accommodate photos and text and have no border (I
put it in the border so it could be seen)

...

Should I just live with the one table in html?
If I need to do a table in CSS, can you tell me how to get started?  Is it
one "box with areas inside or would it be12 boxes next to each other?


Louise,

Your product photo/info table looks like a genuine table to me.  Moving to 
CSS & semantic markup doesn't mean forsaking the table tag, it means only 
using it when it's actually tabular data.  A set of information that 
naturally groups into columns & rows sounds like a table to me.


Welcome back to the fold, and happy styling!

Paul 



__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] how would I add these rules to highlight this menu item?

[Tom Dell'Aringa]

I should know this but it's friday..grr. I'm using this horizontal list:

http://css.maxdesign.com.au/listamatic/horizontal31.htm

The "active" and "current" id's are written out for the tab to be highlighted 
(like on hover) to
indicate what page the user is on. I can't seem to write out the correct rule - 
how would I write
out the new rule(s) to style the current tab?



http://www.pixelmech.com/

Melissa: Ace, Where are you?
Ace Ventura: I'm in Psychoville and Finkle's the Mayor.

__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Creating Tables

[Martin Heiden]

Louise,

> Should I just live with the one table in html?
> If I need to do a table in CSS, can you tell me how to get started?  Is it
> one "box with areas inside or would it be12 boxes next to each other?

There is nothing bad about tables that contain tabular data, but for
me your table looks more like a list.
You could try to mark it up with a definition list:

  
  
  Text and button
  
  Text and button
  
  Text and button
  
  Text and button
  
  Text and button
  

css:

dl.productinfo dt {
   clear: both;
   width: 200px;
   float: left;
}
dl.productinfo dd {
   margin-left: 220px;
}

Play around with this values and add some more ;) You should probably
add an ugly   with:

dl.productinfo dt.clear {
   clear: both;
   float: none;
   width: auto;
   height: 1px;
   font-size: 1px;
   line-height: 1px;
   margin-top: -1px;
}

regards,

  Martin

 

__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] absolute positioned element does not cover tag in internet explorer

[medial | André Huf]

Hello list,
 
I searched the web for a while, is there a workaround for this? The
 tag shows through the absolute positioned div that should be
just above it.
 
Thanks, André
 
 
 
 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>


form tester

#posAbs {
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:500px;
  background-color:#99;
}


 



  One
  Two
  Three





__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] DL styled form causing odd gap in border

[Kevin Cannon]

Hi,

I've run up against a little prolem with a form styling via DLs.

I've replicated it here:
http://www.multiblah.com/exps/css/form_border_issue.html

In IE there's a gap in the border of the #content div on both sides.
(you may need to resize yuo browser once it's loaded to see the effect)

The CSS is quite minimal, as is the HTML, I can't track down what it is at
all.

Does anyon ehave any suggestions?

Thanks,

- Kevin
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A little more IE help - IE Freezes

[Al Sparber]

From: "Ingo Chao" <[EMAIL PROTECTED]>
To: "saul" <[EMAIL PROTECTED]>
Cc: "CSS-D" 
Sent: Friday, July 22, 2005 11:32 AM
Subject: Re: [css-d] A little more IE help - IE Freezes



Saul, your page
http://www.inventionshow.com/development/newProductScout/newProductScoutPageD.html

freezes IE6/Win XP SP2

here when the window is resized so that the content drops.


It's the CSS expression. I believe this came up some time ago and he 
simply chose the wrong expression :-) He might want to have another 
look at this:


http://www.projectseven.com/csslab/testing/minmax/

So long as the math is done correctly, it should not freeze IE6. Of 
course, he could use his existing expression if he dumps IE into 
quirks mode, but that is not, imo, a good solution.


By the way, it's not really a freeze, it's an infinite recursive loop 
that is running so fast it looks like a freeze.


Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".





__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A little more IE help - 3-col layout

[saul]

saul wrote:


Hello,

I'm still having a bit of a problem getting IE/Win to flow this 3-col 
 page correctly. (It works fine in FF 1.X and Safari 1.2) It is based 
on  the ALA negative margins article and augmented with some tweaks  
courtesy of David Laakso (with much appreciation). However, IE still  
does not want to flow properly (though it's better than it was).

Saul Straussman


Please see: .
You've taken *some* of what I provided and mixed it with what you had. 
Maintain the basic structure. Forget the bells, whistles, smoke, and 
mirrors(for the time being).

Regards,
David Laakso

--
David Laakso
http://www.dlaakso.com/




On Jul 22, 2005, at 11:50 AM, David Laakso wrote:
Thank you David, again, for the assist. As per you suggestion, I 
actually rewrote the structure code from scratch using your template 
and the negative margins article at A List Apart. I'll continue 
stripping out code until it works in IE.


Thanks to all who looked at this...

Saul

__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Creating Tables

[Paul Novitski]

At 11:23 AM 7/22/2005, L Coulson wrote:

http://www.kingfisherdesigns.com/Test  I have managed to control everything
on this page with CSS except the lists in the side borders and sketch of the
table in the middle.  I need to do a table that could be up to 6 - 8 rows
that can vary in widths to accommodate photos and text and have no border (I
put it in the border so it could be seen)

Should I just live with the one table in html?
If I need to do a table in CSS, can you tell me how to get started?  Is it
one "box with areas inside or would it be12 boxes next to each other?


Lousie,

To answer your technical question, though, here's a way to create a matrix 
with CSS.


Think of a matrix as a group of boxes in which all the boxes in a row are 
the same height and all the boxes in a column are the same width -- exactly 
what tables mandate.  The advantage of tables is that they can stretch to 
accommodate content keeping all boxes in a column the same width and all 
boxes in a row the same height.  We can accomplish each of those in CSS, 
just not at the same time.  Therefore when using CSS you have to pre-define 
the heights and/or widths.


Although you could position everything absolutely, I prefer floats.  Here's 
one method:




Description of product 1.


Description of product 2.

...


dl#products dt
{
clear: left;
float: left;
width: 300px;
height: 100px;
}
dl#products dd
{
float: left;
width: 300px;
height: 100px;
margin-left: 300px;
}

Floating the boxes left arranges them horizontally.  Clearing the float 
executes a kind of carriage return to bring a box back to the left margin.


The dd{margin-left} rule might seem redundant, but I believe it's necessary 
to persuade a wider range of browsers to cooperate.


Regards,
Paul 



__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Help centering floated list nav

[Brian Middleton]

Hi -

I would like to center this list nav in the colored area. Is it
possible? Since everything is floated, text-align: center won't work.
Here is the problem:

http://brian-middleton.com/pine_css_test/nav_test.html

Any ideas? Thanks!

-brian
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Links affecting links

[Ketan M. Vakil (518-506-6812)]

I am wondering if the following is possible using CSS/Javascript, and  
if so, can someone point me in the right direction?


If I have a list of links (items) on a page as well as a list of  
links that are categories, I want to be able to hover over a  
"category link" and have only the "item links" that belong in that  
category to then make themselves bold (or "dim" the ones that do not  
belong in the category) Is this even possible?


Thanks,
Ketan
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Newbie - Positioning Problem (I think)

[Juanita]

Hi-

I'm really new to CSS, I'm currently reading Eric Meyers (More on...) with
Zeldman and Zen Garden waiting in the wings. I thought the best way to
learn was by doing, so I am trying a small site, and have what I think is
a positioning problem.

Different pages contain text of different lengths, and are in a container
which expands as necessary, meaning some pages need to scroll - some
don't. Consequently, the pages 'jump' when switching between pages that
scroll and those that don't. 

It does this in all browsers FF, Opera, Netscape, (Safari/Mac IE) and used
to in IE (PC) but I changed something (not sure what!)  that put a
grayed-out scroll bar on the pages that have less text.

Does anyone know what I can do so all the pages stay in the same place
regardless of the length of the page. 
I know - it's not perfect - but I'm just learning!

Here's the link:

http://www.kcsm.org/railroadempire.htm

Here's the css:

http://www.kcsm.org/catalog/railroadempire/railroad.css

Thanx

Juanita


__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help centering floated list nav

[Brian Middleton]

Thanks Ron and André!

That list-o-matic page is a great resource..

-b

On 7/22/05, medial | André Huf <[EMAIL PROTECTED]> wrote:
> Get rid of the floats in "#nav_footer li" and "#nav_footer a" and put a
> "display: inline;" in the "#nav_footer li"
> 
> 
> 
> -Ursprüngliche Nachricht-
> Von: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Im Auftrag von Brian
> Middleton
> Gesendet: Freitag, 22. Juli 2005 18:47
> An: css-d@lists.css-discuss.org
> Betreff: [css-d] Help centering floated list nav
> 
> Hi -
> 
> I would like to center this list nav in the colored area. Is it
> possible? Since everything is floated, text-align: center won't work.
> Here is the problem:
> 
> http://brian-middleton.com/pine_css_test/nav_test.html
> 
> Any ideas? Thanks!
> 
> -brian
> __
> 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 -- http://www.evolt.org/help_support_evolt/
> 
>
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Links affecting links

[Christian Heilmann]

On 7/22/05, Ketan M. Vakil (518-506-6812) <[EMAIL PROTECTED]> wrote:
> I am wondering if the following is possible using CSS/Javascript, and
> if so, can someone point me in the right direction?
> 
> If I have a list of links (items) on a page as well as a list of
> links that are categories, I want to be able to hover over a
> "category link" and have only the "item links" that belong in that
> category to then make themselves bold (or "dim" the ones that do not
> belong in the category) Is this even possible?

In CSS2 capable browsers the former is possible with  CSS, in MSIE
you'd need JavaScript to help you  out.

Generally, the trick is to  nest the links you  want to be connected
to the other link inside its parent element and then use :hover on
that.

For example:


Category1
   
 Sublink1_1
  



and in your CSS:

a:{font-weight:normal;}
li:hover li a {
font-weight:bold;
}

The latter is only possible with  JavaScript and might be a real pain
as you  need to loop through  a lot of links and change their styles
or dynamically add classes.

-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Links affecting links

[Paul Novitski]

At 10:17 AM 7/22/2005, Ketan M. Vakil (518-506-6812) wrote:

I am wondering if the following is possible using CSS/Javascript, and
if so, can someone point me in the right direction?

If I have a list of links (items) on a page as well as a list of
links that are categories, I want to be able to hover over a
"category link" and have only the "item links" that belong in that
category to then make themselves bold (or "dim" the ones that do not
belong in the category) Is this even possible?


Ketan,

You can do this using either CSS or JavaScript.

Using javascript alone, you simply need to assign behaviors to your 
category links to toggle classNames in your sub-lists of anchors.  There 
doesn't have to be a relationship between the categories and the links 
lists in the markup.


Using CSS, you can take advantage of li:hover to affect all of the sub-list 
items inside a single category list item.  Mozilla browsers can manage it 
with just CSS using the :hover pseudo-class on non-anchor elements; 
Internet Explorer will need javascript support to do the same thing.  Using 
this technique, the link lists must be inside (descendants of) the category 
links:



Category 1

Link 1
Link 2
Link 3



Category 2

Link 1
Link 2
Link 3


...


Using CSS, take the 2nd level menus out of the flow by positioning them 
relatively or absolutely:


ul#links ul
{
position: absolute;
}

This will cause the 1st level category items to collapse together as one 
list.  That leaves a problem of positioning the sub-lists on the page, 
perhaps by giving the sub-lists unique ids or class names so you can 
position them sequentially.


Then tweak the sub-list anchor attributes when a category link is hovered over:

/* off state */
ul#links li li a
{
color: #CCC;
}

/* hover state */
ul#links li:hover li a
{
color: #000;
}

By marking this up with an anchor tag everywhere you want interactivity, 
you can always fall back to server-side replacement of page content 
(jumping to another page or another version of the same page) on IE in the 
absence of javascript.


Regards,
Paul 



__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Can float work with background-color?

[Lst Recv]

Hi. 

I'm trying to do a simple two col layout, with one col being
background colored, and I'm perplexed to find that the bg-color is put
in both columns!


   LEFT


   RIGHT


But, both columns are colored red!  Try it, and you'll see.
Why is this?  More importantly, how can I acheive my desired result
(two col fluid, with the right col colored red)?

(Note: IE ironically enough does not exhibit this behavior).

--
(BTW, thanks for the w3c and w3school references - they're very informative)
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can float work with background-color?

[Paul]

You also need to give the second DIV a float rule, as the background
you see on the left DIV is actually on the second DIV which also goes
behind it.

Use Aardvark Firefox extension to see where your DIVs start and end
(it can temporarily put red borders around the DIVs as you move your
mouse over them) http://www.karmatics.com/aardvark/

That's also why in this adapted code, I've given the DIV's IDs (so
Aardvark shows me which ones start where) and made the background
colour blue (so the red borders show up OK).


  LEFT


  RIGHT



Paul.
 --
 http://www.nice-design.co.uk/



On 22/07/05, Lst Recv <[EMAIL PROTECTED]> wrote:
> Hi.
> 
> I'm trying to do a simple two col layout, with one col being
> background colored, and I'm perplexed to find that the bg-color is put
> in both columns!
> 
> 
>LEFT
> 
> 
>RIGHT
> 
> 
> But, both columns are colored red!  Try it, and you'll see.
> Why is this?  More importantly, how can I acheive my desired result
> (two col fluid, with the right col colored red)?
> 
> (Note: IE ironically enough does not exhibit this behavior).
> 
> --
> (BTW, thanks for the w3c and w3school references - they're very informative)
> __
> 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 -- http://www.evolt.org/help_support_evolt/
>
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Newbie - Positioning Problem (I think)

[Paul Novitski]

At 10:38 AM 7/22/2005, Juanita wrote:

Different pages contain text of different lengths, and are in a container
which expands as necessary, meaning some pages need to scroll - some
don't. Consequently, the pages 'jump' when switching between pages that
scroll and those that don't.

...

Does anyone know what I can do so all the pages stay in the same place
regardless of the length of the page.

...

http://www.kcsm.org/railroadempire.htm



Juanita,

As you've pointed out, your page content is 'jumping' horizontally when the 
vertical scrollbar appears & disappears.  This is because the position of 
your content column is tied to the window width through centering.  In 
other words, your page is doing exactly what you've told it to do.


There are a number of solutions ranging from terrible to not too bad, 
including:


- One (possibly awful) way to combat this is to force a vertical scroll bar 
at all times, even with short pages.  Perhaps the best way to do this is to 
design your pages with a minimum height that's slightly more than 600 
pixels, the height of an 800x600 resolution screen, or slightly more than 
768, the height of the next size up on the PC.  (The jumping would still 
occur on taller monitors, but would be less noticeable.)


- You could also do this by including a kind of vertical "spacer" page 
element that's a few thousand pixels high that would force a scroll bar on 
every page, regardless of screen resolution.  I wouldn't like this, myself, 
because scroll bars are usually an indicator that there's content down 
there to look for, and if all I found was dead space I'd be subliminally 
irritated.


- You could set the horizontal position of your column without regard to 
the window width.  If you use a fixed margin-left, your column will only be 
centered on one particular width of window; you could optimize it for the 
width you believe is most common or use script to tweak it on the fly.


- You can create a kind of "max-margin-left" effect by centering your 
content column inside a div with a fixed width.  If that width is the 
usable width of a window that's got a vertical scroll bar, then your 
column's position won't be affected by whether or not the scrollbar is 
present.  However, the container would be a fixed width so it would be 
optimized for one window size.  (Again, you can use javascript to tweak 
dimensions based on usable window width, but that's grist for a different 
mill.)


- You can eliminate scroll bars altogether by setting body {overflow: 
hidden;} which I wouldn't recommend since it will prevent people with small 
windows from scrolling to see your content.


- You can design your page so that everything shows on an 800x600 screen, 
and then put your long content into a scrolling div.  One drawback of this 
approach is that, at least in some browsers, you can't use the mouse wheel 
to scroll down inside a clipped div with {overflow: scroll;}.


- You might have to consider simply living with the "jumping"; it's not the 
end of the world.


Regards,
Paul 



__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table Row separation

[Glenn Nilsson]

Sorry, had a deadline at my hands when I wrote that =)

On 7/22/05, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
> 
> On 22 Jul 2005, at 4:51 pm, Glenn Nilsson wrote:
> 
> > Each row in a table contains cells (td|th), put the margin on them
> > instead.
> >
> > If you just need it on one row, put an id on the row, and use a
> > similar selector:
> >
> > #tr td, #tr th { margin-top: 1em; }
> 
> That won't work. 'margin' doesn't apply to table cells.
> 
> 
> What you're probably looking for is the separate border model, and more
> specifically, the 'border-spacing' property.
> table {border-collapse:separate; border-spacing :0 1em}.
> 
> 
> Philippe
> ---
> Philippe Wittenbergh
> 
> 
> __
> 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 -- http://www.evolt.org/help_support_evolt/
>
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Links affecting links

[Ketan M. Vakil (518-506-6812)]

Thanks for the responses guys. I was thinking of another method -  
especially because the items are not necessarily kept together in  
their grouping. (The idea is to display a client listing with links  
of categories down the side - if you hover on a category the client  
names that match the type of work done then become bold...)


I was thinking of just setting up 6 or 7 duplicate layers for each  
category (with classes changed on the highlighted items) and show/ 
hiding layers on link hovers as needed...


It may get too hairy as someone mentioned to keep track of groupings  
especially when things are not actually grouped together with their  
corresponding category.

__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] absolute positioned element does not cover tag in internet explorer

[David Hucklesby]

Hi André

On Fri, 22 Jul 2005 you wrote:
>
> I searched the web for a while, is there a workaround for this? The
>  tag shows through the absolute positioned div

I believe that depends on which browser you are using. If I remember
correctly, some browsers utilize the operating system to draw some of
the widgets, like your select  boxes. Because the operating system is
unaware of the browser's "layers" it draws your select box on top of
whatever your browser puts there.

If I am correct, I don't see what you can do about it. On the other
hand, I want to ask why you would want to draw over the top of
something that a user may be using to input data?

Cordially,
David
--
David Hucklesby, on 7/22/2005

--


__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Newbie - Positioning Problem (I think)

[Juanita]

Paul Novitski <[EMAIL PROTECTED]> on Friday, July 22, 2005 at
12:02 PM -0800 wrote:
>At 10:38 AM 7/22/2005, Juanita wrote:
>>Different pages contain text of different lengths, and are in a container
>>which expands as necessary, meaning some pages need to scroll - some
>>don't. Consequently, the pages 'jump' when switching between pages that
>>scroll and those that don't.
>...
>>Does anyone know what I can do so all the pages stay in the same place
>>regardless of the length of the page.
>...
>>http://www.kcsm.org/railroadempire.htm
>
>
>Juanita,
>
>As you've pointed out, your page content is 'jumping' horizontally when
>the 
>vertical scrollbar appears & disappears.  This is because the position of 
>your content column is tied to the window width through centering.  In 
>other words, your page is doing exactly what you've told it to do.
>
>There are a number of solutions ranging from terrible to not too bad, 
>including:
>
>- You might have to consider simply living with the "jumping"; it's not
>the 
>end of the world.
>
>Regards,
>Paul 
>
Paul -
>
I'm glad to know it wasn't a problem I created by bad CSS. Thanks for the
suggested fixes - I'll try them to see what looks best! 

Juanita

__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] fieldset jogs over in IE/PC

[Christy Collins]

I have a page that is basically a long form:

http://www.loudjoy.com/TALCSurvey/survey.html

css:
http://www.loudjoy.com/TALCSurvey/style.css


it looks just how I want it to in Firefox and mostly right in Safari 
and Netscape


I'm looking at IE PC on browsercam and the first fieldset is jogged 
over to the left - anyone have any ideas why?  It seems to be happening 
in every version of IE PC.
This is a free page for an organization that I belong to - it doesn't 
have to be perfect - I'm way more interested in usability than looks.  
I haven't done a lot of work with forms and any advice is welcome.


-Christy

__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] re: Float and Inline-Blocks - IE Mac

[Craig Snyder]

Hi List Members ::

[This is a repost of something I sent in couple of
days ago...no responses but I'm still curious. If
someone would like to give some advice on this...]

I had some trouble when viewing my blog in a Mac:

http://etherealcode.blogspot.com/

The layout is basic; a floated left div for
navigation, the right content div with a left margin
to space it.  In the Mac the non-floated content div
was pushed down past the floated div.  I hunted around
for fixes and finally ended up giving the floated div
the "display: inline-block" treatment.

Seems fine in Firefox, IE 6, Safari, and IE 5.2 for
the Mac. What I'm wondering is if this fix is the
proper one or not.  I'm unable to check any other
browsers and I don't want to just leave it if there is
a better solution.

I'd appreciate any thoughts on this. The CSS is in the
head of the blog page.

-Craig Snyder


WEBSITES:

THE EMPTY HEAD at:  www.atgig.com/mightyhead/

RUMBLE at: http://rumble.sy2.com/  

CSS FLOW at:  dukeofblog.blogspot.com

ETHEREAL CODE at:  etherealcode.blogspot.com










Start your day with Yahoo! - make it your home page 
http://www.yahoo.com/r/hs 
 
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Re: how would I add these rules to highlight this menu item?

[!!blue]

On 7/22/05, Tom Dell'Aringa <[EMAIL PROTECTED]> wrote:
> I should know this but it's friday..grr. I'm using this horizontal list:
> 
> http://css.maxdesign.com.au/listamatic/horizontal31.htm
> 
> The "active" and "current" id's are written out for the tab to be
> highlighted (like on hover) to
> indicate what page the user is on. I can't seem to write out the correct
> rule - how would I write
> out the new rule(s) to style the current tab?

Try this:
#active a { background:#16008D; color:#fff; border-left: 2px solid #fff;} 

ciao,
Zulema
-- 
!!blue
w e b  d e s i g n e r 
folio: http://zoblue.com
blog: http://blog.zoblue.com
browser: http://getfirefox.com
__
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 -- http://www.evolt.org/help_support_evolt/

RE: [css-d] absolute positioned element does not cover tagin internet explorer

[Smith, Eric E \(EM, PTL, Kelly Services, Contractor\)]

I searched for a resolution to this when designing a css drop down menu a few 
months ago.  The best I could come up with was to use javascript to set the 
display property of all select boxes on the page to "none" when the drop down 
was dropped down...

Eric

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of David Hucklesby
Sent: Friday, July 22, 2005 3:27 PM
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] absolute positioned element does not cover 
tagin internet explorer


Hi André

On Fri, 22 Jul 2005 you wrote:
>
> I searched the web for a while, is there a workaround for this? The
>  tag shows through the absolute positioned div 

I believe that depends on which browser you are using. If I remember
correctly, some browsers utilize the operating system to draw some of
the widgets, like your select  boxes. Because the operating system is
unaware of the browser's "layers" it draws your select box on top of
whatever your browser puts there.

If I am correct, I don't see what you can do about it. On the other
hand, I want to ask why you would want to draw over the top of
something that a user may be using to input data?

Cordially,
David
-- 
David Hucklesby, on 7/22/2005

--


__
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 -- http://www.evolt.org/help_support_evolt/
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Re: Can float work with background-color?

[artcoder]

> 
> I'm trying to do a simple two col layout, with one col being
> background colored, and I'm perplexed to find that the bg-color is put
> in both columns!
> 
> 
>LEFT
> 
> 
>RIGHT
> 
> 

Try this...

 

   LEFTthe quickfoxjumped


   RIGHTthe quickfoxjumped

my 
footer


It works in Firefox.  In IE, there is some buggyness when you squeeze 
the window very small.  At least, we are moving in the correct 
direction.  Perhaps someone else can hack it to make it work for IE as 
well.

Basically what I did was...
1.  There was a typo in your width of your first div.  It should 
be "width: 65%".
2.  Add a background color to the first div (I used blue).
3.  I think you want a width on your second div as well.  And float it 
right.
4.  Added some content to the second div to see the effect of uneven 
columns. 
5.  At this point, you will see uneven lengths of red and blue. To fix 
this I added a wrap div.  If the red column is longer, paint the wrap 
blue.  If the blue column is longer, paint the wrap red. 

You might also want to take a look at ...
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayou
t/2-col/ 

-artcoder (at)
http://webmarksonline.com

__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Win Firefox extra space first time loaded

[i lagos]

weired problem:  the first time
http://www.ilagos.com/marco/published-work is loaded in Win Firefox
there is extra space between the bottom of the box and the  that
has the caption. when i reload  the page, the extra spacing goes away.
once page is cached you can't see extra space. it only happen on first
load.  any one has run into this?  all other modern browsers in win
and mac ok (have not tested in opera).

http://www.ilagos.com/marco/published-work
style sheet: http://www.ilagos.com/marco/textpattern/css.php?s=default

help!

thanks

-ingrid
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Links affecting links

[Christian Heilmann]

On 7/22/05, Ketan M. Vakil (518-506-6812) <[EMAIL PROTECTED]> wrote:
> Thanks for the responses guys. I was thinking of another method -
> especially because the items are not necessarily kept together in
> their grouping. (The idea is to display a client listing with links
> of categories down the side - if you hover on a category the client
> names that match the type of work done then become bold...)
> 
> I was thinking of just setting up 6 or 7 duplicate layers for each
> category (with classes changed on the highlighted items) and show/
> hiding layers on link hovers as needed...
> 
> It may get too hairy as someone mentioned to keep track of groupings
> especially when things are not actually grouped together with their
> corresponding category.

Well, nested lists can be positioned whereever you want them. The most
important thing is that connected data should be connected in the HTML
and then styled and not only make sense when you  can see the CSS
effect.



-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] absolute positioned element does not cover tag in internet explorer

[Christian Heilmann]

On 7/22/05, medial | André Huf <[EMAIL PROTECTED]> wrote:
> Hello list,
> 
> I searched the web for a while, is there a workaround for this? The
>  tag shows through the absolute positioned div that should be
> just above it.

There is a hack using an IFRAME to "shield" the layer
http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html


-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Tables or Lists - Editing

[L Coulson]

Thanks again to Paul and Martin for help with laying out the products.

I have been putting the parts together as both had things I needed, and this 
is where I am.  http://www.kingfisherdesigns.com/Test/rings2.htm


The problem I am seeing here is that the top two product descriptions don't 
show up until I either open another program in front of the screen or scroll 
down so the photos disappear at the top, and then back down and the 
description is there.


Do you have any ideas as to how to handle it?

Thanks,
Louise 



__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Links affecting links

[Paul Novitski]

Ketan,

I don't often toggle font-weight on hover between bold and medium because 
it changes the width of the text, affecting word-wrap and container-width 
and therefore layout.  On the other hand, merely changing font-color by 
itself can be an obscure signal for people with color-blindness and other 
visual acuity issues.  I would favor methods such as dramatically toggling 
the brightness from pale to dark, toggling the border-bottom from dotted to 
solid, reversing the color/background-color contrast, etc.


Logically connecting objects that are separated on the page can be easy, 
for example with matching class names:


...


matching ids & class names:

...


or ids that match except for differing prefixes:

...


It's easy to connect such deliberately-identified elements on page-load.

Paul



At 12:14 PM 7/22/2005, Ketan M. Vakil (518-506-6812) wrote:

Thanks for the responses guys. I was thinking of another method -
especially because the items are not necessarily kept together in
their grouping. (The idea is to display a client listing with links
of categories down the side - if you hover on a category the client
names that match the type of work done then become bold...)

I was thinking of just setting up 6 or 7 duplicate layers for each
category (with classes changed on the highlighted items) and show/ hiding 
layers on link hovers as needed...


It may get too hairy as someone mentioned to keep track of groupings
especially when things are not actually grouped together with their
corresponding category.
__
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 -- http://www.evolt.org/help_support_evolt/



__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tables or Lists - Editing

[Paul Novitski]

At 05:53 PM 7/22/2005, L Coulson wrote:

Thanks again to Paul and Martin for help with laying out the products.

I have been putting the parts together as both had things I needed, and 
this is where I am.  http://www.kingfisherdesigns.com/Test/rings2.htm


The problem I am seeing here is that the top two product descriptions 
don't show up until I either open another program in front of the screen 
or scroll down so the photos disappear at the top, and then back down and 
the description is there.



Louise,

What browser are you using?  I don't see that effect in either Firefox 1 or 
IE 6 for Windows.


However, your markup is so flawed I'm not surprised your browser is 
choking.  Go here:


W3C Markup Validation Service
http://validator.w3.org/

Use this utility to help clean up your markup, then see what works and what 
doesn't.


After Product 5, you fail to close the DD and DL before closing the DIV.

Is this deliberate?:

Product Title 1Dlang="en-us">escribe

the product thoroughly

You're using a WYSIWYG HTML editor, aren't you?  Try to turn off some of 
its helpful features, proofread the output, and run it through the 
Validator.  I suspect your tools are tripping you up.


Warm regards,
Paul 



__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Re: Can float work with background-color?

[4css!!!!]

>>3.  I think you want a width on your second div as well.  And float it
right.
Any time you use floats, make sure you add a width, or its not going to 
work, and you can float left or right on the second column. I have done 
both.
Hope this helps
4css!




-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.323 / Virus Database: 267.9.2/55 - Release Date: 7/21/2005

__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Unorthodox vertical centering

[Leszek]

I have a vertical centering problem that isn't covered in the Wiki -
centering (vertically) when I know the height of the container but I don't
know the height of the thing I want to center (a blockquote). Anyone got any
ideas?

 

- Leszek

http://leszek.swirski.co.uk

 

__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] DL styled form causing odd gap in border

[Paul Debban]

Add 
position: relative;

to #content.



---
Paul Debban
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Unorthodox vertical centering

[Jan Brasna]

Try 

--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
__
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 -- http://www.evolt.org/help_support_evolt/

[css-d] Is it possible? - 2 backgrounds images

[Abyss Information]

Hiya CSS friends,

Is it possible to have to have 2 background images?
eg one in the top left hand corner and one in the top right hand corner of the 
one div?


Abyss
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Is it possible? - 2 backgrounds images

[Jan Brasna]

No, you have to make use of some other elements (eg. paragraph in the 
box, heading, an artificial span etc. ...)


--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
__
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 -- http://www.evolt.org/help_support_evolt/

Re: [css-d] absolute positioned element does not cover tag in internet explorer

[David Hucklesby]

> On 7/22/05, medial | André Huf <[EMAIL PROTECTED]> wrote:
>
>> The  tag shows through the absolute positioned div that
>> should be just above it.
>>
On Fri, 22 Jul 2005 22:13:53 +0100, Christian Heilmann replied:
>
> There is a hack using an IFRAME to "shield" the layer

http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html

Hmm. The DHTML here works fine in Opera (7 and 8) but the IE fix
makes the fly-out menu appear as a blank block!

[OT] Opera implements some IE JScript - document.all for example.
Exclude Opera, e.g. with "if (window.opera)" -


Cordially,
David
--
David Hucklesby, on 7/22/2005

--


__
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 -- http://www.evolt.org/help_support_evolt/