Re: [css-d] Two style sheets?

[Philippe Wittenbergh]

On Mar 27, 2008, at 1:59 PM, Marcy Schaller wrote:
> Can two style sheets be applied simultaneously to the same markup?

Sure; 2, 3 , 4, ... the sky is the limit.

> I have a "general" style sheet for a friend's website that  
> standardizes
> the look of all her pages. One of her pages has some unique layout
> requirements that I'm thinking of putting into a separate style sheet.
>
> If I list the general style sheet first, and then the one specific for
> the unique page, am I correct in thinking that both will be applied,  
> and
> that any tag's styles in the second sheet will supersede its styles in
> the first?

In general, yes. It might be good to make sure that the selectors in  
the second stylesheet have a higher specificity.
An easy way is add an ID or class to the body tag, and preprend your  
selectors with it
ex.
h3 {color: red} /* very general

page with 
.my-special-page h3 {color:blue}


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Two style sheets?

[Marcy Schaller]

Can two style sheets be applied simultaneously to the same markup?

I have a "general" style sheet for a friend's website that standardizes 
the look of all her pages. One of her pages has some unique layout 
requirements that I'm thinking of putting into a separate style sheet.

If I list the general style sheet first, and then the one specific for 
the unique page, am I correct in thinking that both will be applied, and 
that any tag's styles in the second sheet will supersede its styles in 
the first?

Or would it be better to create some div id's and keep everything in one 
sheet?

Thanks,
Marcy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] help with floats in Opera

[David Hucklesby]

On Wed, 26 Mar 2008 18:58:08 -0600, Debbie Campbell wrote:
> Hello all,
>
> This page is supposed to be three floated columns, but in Opera 9 the left 
> float is all
> the way to the right, the center one below that and all the way to the left:
>
>> http://www.totalvein.net/new/vein_disease.html
>>
> I guess it's really just the first one that's out of place. Is this a bug 
> with a
> specific name, and how do I go about fixing it?

#content is not containing the floats inside it. So Opera is treating the
relatively positioned #nav as a box, which #content-left abuts.
I believe you are correct in saying this is a bug - fixed in Op 9.5.

There are several fixes:

1. Apply "overflow: auto;" to #content so it contains all the floats;
2. Apply "clear: left;" to #content-left;
3. Increase the declared height on #header from 109px to 130px
   (the height of #nav plus its "top").


Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] getting titles to appear under image - when hovering on animage map

[Al Sparber]

From: "Stuart King" <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, March 26, 2008 8:02 PM
Subject: [css-d] getting titles to appear under image - when hovering on 
animage map


> Hi css'erss
> I am trying to get the titles of each individual gallery (gallery1;
> gallery2; gallery3; gallery4; and gallery5;) to appear underneath the dots
> when hovering over the image above.
>
> URL:
> http://www.adrianavargasdesign.com/pages/protfolioSK.html

That's an awfully complex approach. My advice would be to have each gallery 
image be a separate image, use the ALT attribute properly, then carry the 
popup title as the actual text of the link, embedded inside a span, which 
you would show and hide using the a:hover pseudoclass... like this:
http://www.projectseven.com/csslab/images/hover/stuart-titles/

It's perfectly accessible because assistive readers will read the ALT 
attribute and people with images disabled (very rare breeds) will see the 
ALT attribute if they've set up their browser properly (if not, they get 
exactly what they asked for).

-- 
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] browser combatibility issues

[Daniel Hammond]

| 1) The height of your anchor is being computed to 12px even 
| though the  
| image is larger. This fixes the problem by forcing the anchor 
| to wrap  
| around the whole image ...
| 
| photo_v a {
|   display: block;
| }

Thanks, that fixed it in Safari. IE still ignores it altogether, but I guess
that's ok.

Daniel

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] help with floats in Opera

[Gunlaug Sørtun]

Debbie Campbell wrote:

> This page is supposed to be three floated columns, but in Opera 9 the
>  left float is all the way to the right, the center one below that 
> and all the way to the left:
> 
>> http://www.totalvein.net/new/vein_disease.html

The first float gets hooked up on the right edge of the horizontal nav.
Does happen in all browsers under certain conditions, but I didn't study
the exact conditions for your page.

To fix, add:
#content {clear: both;}
...which of course saves all browsers from whatever is causing the hook-up.

regards
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] help with floats in Opera

[Debbie Campbell]

Hello all,

This page is supposed to be three floated columns, but in Opera 9 the 
left float is all the way to the right, the center one below that and 
all the way to the left:

> http://www.totalvein.net/new/vein_disease.html

I guess it's really just the first one that's out of place. Is this a 
bug with a specific name, and how do I go about fixing it?

-- 
Debbie
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] getting titles to appear under image - when hovering on an image map

[Chris Broadfoot]

Stuart King wrote:
> Hi css'erss
> I am trying to get the titles of each individual gallery (gallery1;
> gallery2; gallery3; gallery4; and gallery5;) to appear underneath the dots
> when hovering over the image above.
> 
> URL:
> http://www.adrianavargasdesign.com/pages/protfolioSK.html
> 
> thank you.
> 

If you mean the title attribute of your  tag, then you can't do this 
with CSS2, but you can with javascript.

Chris
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] getting titles to appear under image - when hovering on an image map

[Stuart King]

Hi css'erss
I am trying to get the titles of each individual gallery (gallery1;
gallery2; gallery3; gallery4; and gallery5;) to appear underneath the dots
when hovering over the image above.

URL:
http://www.adrianavargasdesign.com/pages/protfolioSK.html

thank you.

--s
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline CSS with TD

[Ryan Doherty]

On Mar 26, 2008, at 3:47 PM, Highpowered wrote:
> David Dorward wrote:
>> On 26/03/2008, [EMAIL PROTECTED]  
>> <[EMAIL PROTECTED]> wrote:
>>
>>> I need to embed all the CSS from below into the style="" attribute  
>>> of the
>>> table HTML:
>>> .settings td {border:1px solid #696969;}
>>>
>>
>> Shame, it isn't possible.
>>
>> CSS goes in one of two places.
>>
>> (1) In a style sheet as full CSS
>>
>> (2) In a style attribute as the contents of a declaration block
>>
>> There is no way to use selectors except in a real stylesheet.
>>
>>
> He's right on that. If neither of these two methods are available, you
> have to use inline styles on each td to which you want those  
> properties
> applied.
>
> I'm a bit "Joan Crawford-ish" when it comes to inline styles: No!  
> Inline
> Styles! Ever!
> __


Except for email:

http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html


-Ryan

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline CSS with TD

[Highpowered]

David Dorward wrote:
> On 26/03/2008, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>   
>>  I need to embed all the CSS from below into the style="" attribute of the
>>  table HTML:
>>  .settings td {border:1px solid #696969;}
>> 
>
> Shame, it isn't possible.
>
> CSS goes in one of two places.
>
> (1) In a style sheet as full CSS
>
> (2) In a style attribute as the contents of a declaration block
>
> There is no way to use selectors except in a real stylesheet.
>
>   
He's right on that. If neither of these two methods are available, you 
have to use inline styles on each td to which you want those properties 
applied.

I'm a bit "Joan Crawford-ish" when it comes to inline styles: No! Inline 
Styles! Ever!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline CSS with TD

[David Dorward]

On 26/03/2008, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>  I need to embed all the CSS from below into the style="" attribute of the
>  table HTML:
>  .settings td {border:1px solid #696969;}

Shame, it isn't possible.

CSS goes in one of two places.

(1) In a style sheet as full CSS

(2) In a style attribute as the contents of a declaration block

There is no way to use selectors except in a real stylesheet.

-- 
David Dorward 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Inline CSS with TD

[[EMAIL PROTECTED]]

Hi Folks,

I need to embed all the CSS from below into the style="" attribute of the
table HTML:


.settings td {border:1px solid #696969;}


Please look here to see the finished product, and the code I need to embed.

http://www.lanting.com/test.html

This will be for an included piece of PHP so using the 

Re: [css-d] Background color on menu

[Phoebe Taylor]

To thank all the responders, both here and private, I now have a new signature.
Phoebe

-- 
Words I have learned to spell from CSS-Discussion list members -
scissors, tortoise, hover (not hoover).
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background color on menu

[Jack Timmons]

On Wed, Mar 26, 2008 at 3:34 PM, Phoebe Taylor <[EMAIL PROTECTED]>
wrote:

> I'm trying to build a vertical menu for a church site simply using
> borders, changing background and font colors.
> This is only my second CSS site.
>
> my CSS for the menu (so far) is this:
>
> /*Menu Navigation*/
>
> ul#menu {
>list-style-type: none;
>padding-left: 0;
>margin-left:0;
> }
>
> *html ul.menu a {
>height: 1px;
> }
>
> #menu li {
>display: inline;
> }
>
> #menu a {
>display: block;
>border-top: 1px solid #000;
>padding: .25em;
>margin-right: 1em;
>background-color: #67A15C;
>text-decoration: none;
>color: #fff;
> }
>
> #menu a:hoover {
>background-color: #F4D455;
>color: #000;
> }
>
>
> My question.  Upon hoover I don't see any change in background or font
> color.  Why?
>
> Phoebe
>

First, correct a:hoover to a:hover.

Unless my quick glance missed something, that's it.

-Jack
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background color on menu

[David Laakso]

Phoebe Taylor wrote:
> bleh.. yes..
>
>
>   
>>> My question.  Upon hoover I don't see any change in background or font
>>>   
>>  > color.  Why?
>>  >
>>  > Phoebe
>>  >
>>
>>
>>
>>
>>  Could it be because you misspelled hover in the selector?
>>
>>
>> 





Think of the w3c validation services as your best friends.
css

markup


-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background color on menu

[Jason Ogle]

Cause you're trying to vacuum (Hoover) instead of hover. Correct your spelling 
and you should be ok. Btw Dyson's are far superior!


jason ogle | designer | myspace.com
310.969.7124 | myspace.com/ogletine

Dont' print this email or I'll dispatch Treebeard on you.


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Phoebe Taylor
Sent: Wednesday, March 26, 2008 1:34 PM
To: css mailing list
Subject: [css-d] Background color on menu

I'm trying to build a vertical menu for a church site simply using
borders, changing background and font colors.
This is only my second CSS site.

my CSS for the menu (so far) is this:

/*Menu Navigation*/

ul#menu {
list-style-type: none;
padding-left: 0;
margin-left:0;
}

*html ul.menu a {
height: 1px;
}

#menu li {
display: inline;
}

#menu a {
display: block;
border-top: 1px solid #000;
padding: .25em;
margin-right: 1em;
background-color: #67A15C;
text-decoration: none;
color: #fff;
}

#menu a:hoover {
background-color: #F4D455;
color: #000;
}


My question.  Upon hoover I don't see any change in background or font
color.  Why?

Phoebe
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background color on menu

[Phoebe Taylor]

bleh yes.  sorry.

On Wed, Mar 26, 2008 at 3:41 PM, David Laakso
<[EMAIL PROTECTED]> wrote:
> Phoebe Taylor wrote:
>  > my CSS for the menu (so far) is this:
>  >
>  >
>
> > My question.  Upon hoover I don't see any change in background or font
>  > color.  Why?
>  >
>  > Phoebe
>  >
>
>
>
>
>  Could it be because you misspelled hover in the selector?
>
>  --
>  http://chelseacreekstudio.com/
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background color on menu

[Christian Kirchhoff]

You wrote:

#menu a:hoover {
background-color: #F4D455;
color: #000;
}

Shouldn't it be "hover", and not "hoover"?

Kind regards,

Christian
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza


Phoebe Taylor schrieb:
> I'm trying to build a vertical menu for a church site simply using
> borders, changing background and font colors.
> This is only my second CSS site.
>
> my CSS for the menu (so far) is this:
>
> /*Menu Navigation*/
>
> ul#menu {
>   list-style-type: none;
>   padding-left: 0;
>   margin-left:0;
> }
>
> *html ul.menu a {
>   height: 1px;
> }
>
> #menu li {
>   display: inline;
> }
>
> #menu a {
>   display: block;
>   border-top: 1px solid #000;
>   padding: .25em;
>   margin-right: 1em;
>   background-color: #67A15C;
>   text-decoration: none;
>   color: #fff;
> }
>
> #menu a:hoover {
>   background-color: #F4D455;
>   color: #000;
> }
>
>
> My question.  Upon hoover I don't see any change in background or font
> color.  Why?
>
> Phoebe
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> 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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background color on menu

[David Laakso]

Phoebe Taylor wrote:
> my CSS for the menu (so far) is this:
>
>
> My question.  Upon hoover I don't see any change in background or font
> color.  Why?
>
> Phoebe
>   




Could it be because you misspelled hover in the selector?

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Background color on menu

[Phoebe Taylor]

I'm trying to build a vertical menu for a church site simply using
borders, changing background and font colors.
This is only my second CSS site.

my CSS for the menu (so far) is this:

/*Menu Navigation*/

ul#menu {
list-style-type: none;
padding-left: 0;
margin-left:0;
}

*html ul.menu a {
height: 1px;
}

#menu li {
display: inline;
}

#menu a {
display: block;
border-top: 1px solid #000;
padding: .25em;
margin-right: 1em;
background-color: #67A15C;
text-decoration: none;
color: #fff;
}

#menu a:hoover {
background-color: #F4D455;
color: #000;
}


My question.  Upon hoover I don't see any change in background or font
color.  Why?

Phoebe
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] website breaks in IE6 (big surprise there), any help would be appreciated!

[Gunlaug Sørtun]

Scott Thigpen wrote:


> http://www.sthig.com/api/

> you will see it works fine in all browsers but IE6 totally screws up
> and pushes the menu to the wrong side.

Delete:

#navcontainer ul {width: 100%;}

...to prevent expansion, and add...

#navcontainer {display: inline;}

...to kill that old 'margin-doubling on floats' bug in IE6.

regards
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] website breaks in IE6 (big surprise there), any help would be appreciated!

[Scott Thigpen]

Hello,

It was foolish of me to think that my site would work in IE6 when it works
flawlessly in FF and Safari. Anyway, if you point your browser here:
http://www.sthig.com/api/ you will see it works fine in all browsers but IE6
totally screws up and pushes the menu to the wrong side.  Can someone point
out my error and help me out?  Thanks!

Here is the site: http://www.sthig.com/api/
here is my css for the site: http://www.sthig.com/api/css/css.css

Thanks!
Scott

-- 
S c o t t T h i g p e n
Illustrative Designer
art: http://www.sthig.com
design: http://www.thigpendesigns.com
Phone: 770.527.3958
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] browser combatibility issues

[Daniel Hammond]

URL: http://www.objectivedesigns.com/rsdp/nwc/photos.html

CSS: http://www.objectivedesigns.com/rsdp/nwc/index.css

FF (mac+pc) and Opera (pc [haven't tested on mac]) displays the
semi-transparent properties of the photo thumbnails correctly, but Safari
(mac+pc) shows the rollover state incorrectly, and IE7 (pc [haven't tested
on mac]) doesn't show the semi-transparent property at all.

Also (this isn't as big of a problem, but a problem nonetheless), IE7
doesn't show the "border-bottom" on the "rsdesignandprint.com" link in the
footer of all the pages.

Any help would be appreciated, and if anyone could test the site in Opera
(mac), IE (mac), and IE6, that would be fantastic. Thanks much. And again,
use FF as the standard for how it should behave.

Daniel Hammond
2227 Dunseath Avenue
Atlanta, GA 30318
770-842-8817
www.objectivedesigns.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop-down nav

[Kepler Gelotte]

Hi Raymond,

Try replacing spaces with   to keep the text from wrapping:




The O'Brien Story


Also the extra space after the menu items come from the width you specified
in the CSS. I would switch to a resizable width, like em instead of a fixed
width px. This allows you to resize the text without chopping off the menu
items:

li.story {
width:10.5em;
}


Best regards,

Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop-down nav

[Susan Grossman]

>
> The entire nav is supposed to be centered but I think I need to wrap
> a div around it and give the  a margin: 0 auto;


You can use Margin:0 auto;  if you also give the UL a width - it is 100%
unless you tell it otherwise - so technically it is centered...

>
>
> What's really tripping me out is the space I had to allocate for each
> . Some of them have a normal amount of space but others require
> an excessive amount and then leave a wide gap after them ("The Obrien
> Story" and "Primary Sources"). Any idea what is causing this?


You're doing a combination of giving each  list item by class a width and
then giving all lit items the same lots of padding and  margin.  Try giving
it the width you want  or giving it the padding you want instead of doing
both.


Hope this helps

>
>
-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] drop-down nav

[Raymond Rodriguez]

Hi folks,

I've been tooling around with a drop down nav I saw in cssplay.co.uk  
but it's not working out very well.

Here's where I'm at with it: http://obrienfamilytree.com/index_test.html

The entire nav is supposed to be centered but I think I need to wrap  
a div around it and give the  a margin: 0 auto;

What's really tripping me out is the space I had to allocate for each  
. Some of them have a normal amount of space but others require  
an excessive amount and then leave a wide gap after them ("The Obrien  
Story" and "Primary Sources"). Any idea what is causing this?

The current homepage is what I want it to look like: http:// 
obrienfamilytree.com/index.html

The css: http://obrienfamilytree.com/obrien.css  All of this can be  
found at the very bottom of the css page.

Thank you for all your help!

Raymond
[EMAIL PROTECTED]


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Clears and three column negative margin layout

[Valerie Wininger]

I'm not entirely sure what this is supposed to look like, but if you want
the event information aligned left with the black background, remove the
175px left margin on the #main div.  Is that what you want to happen?  If
not, can you give more info on what it's supposed to look like?

Thanks!
Valerie

On Wed, Mar 26, 2008 at 11:43 AM, Bob Cohen <[EMAIL PROTECTED]> wrote:

>
> On Mar 21, 2008, at 11:44 AM, Gunlaug Sørtun wrote:
>
> > Bob Cohen wrote:
> >
> >> http://www.3mbrecording.com/php/hel/events/index.php
> >
> > The #main column needs to be isolated from its surroundings, as any
> > 'clear' in there will otherwise clear the #left column.
>
>
> Thank you Gunlaug.  I did as you suggested.  That has solved one
> problem and caused others.  In Firefox, the left margin of the Helios
> stuff is pushed off to the right.  This affects the right column.  IE
> is worse.  It's the same URL.  I use CSS Editor and with the override
> feature have been changing things trial and error but I can't seem to
> get this fixed.  Any help by your or the list would be much appreciated.
>
> Bob
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Valerie Wininger
www.valeriewininger.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] what's the best way to add space between elements?

[Highpowered]

vincent pollard wrote:
> i have a page that looks a bit like this:
>
>
> 
>
>  Label>
>
> 
>
>  Label>
>
> 
>
> 
>
>  Label>
>
>
>
> 
>
>
>
>  Label>
>
>
>
> 
>
> so, i have no DIV that i could add padding or margin to as i normally would.
>
> should i add an empty p tag? an empty div? what would you guys recommend?
>
>
>   
.NET Server Controls - guaranteed to make the lives of all front end 
coders more interesting.

.NET server controls tend to generate a lot of HTML code that would 
definitely not be our first choice. Lots of tables, lots of spans. In 
some controls, there is a "Layout" property which allows you to select 
"table" or "flow", with "flow" wrapping things in spans. But other than 
that, you have to view the generated source to see how it renders. 
Someone who knows the ins and outs of programming could change .NET's 
behavior to output different tags, but until then, you have to work with 
what it gives you. Using "content buckets", i.e. ID'd divs to delimit 
specific areas of the page and assign properties is a good way to go.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Clears and three column negative margin layout

[Bob Cohen]

On Mar 21, 2008, at 11:44 AM, Gunlaug Sørtun wrote:

> Bob Cohen wrote:
>
>> http://www.3mbrecording.com/php/hel/events/index.php
>
> The #main column needs to be isolated from its surroundings, as any
> 'clear' in there will otherwise clear the #left column.


Thank you Gunlaug.  I did as you suggested.  That has solved one  
problem and caused others.  In Firefox, the left margin of the Helios  
stuff is pushed off to the right.  This affects the right column.  IE  
is worse.  It's the same URL.  I use CSS Editor and with the override  
feature have been changing things trial and error but I can't seem to  
get this fixed.  Any help by your or the list would be much appreciated.

Bob
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help! I have no more hair!

[Steven Garno]

Thanks to everyone that has helped me with this problem!

Alas, I have dabbed some Rogaine on my head and ended up staying with the 
tables rather than DIV.   Why?   Well, tables, thus far seem to be less 
problematic between browsers (at least for my case) as well as between versions 
of the same browser.

Yes, I had to nest and nest and nest, but in the end, to get the DIV tags to 
work, I also had to end up nesting, and in the case of using DIVs, it was not 
so obvious as to the rationale; a supportability issue.

If every browser just conformed to the standards and did not have their own 
interpretation of that standard (a "standard" standard, now there is a novel 
idea!), life would be bliss.   DIVs would have been so much cleaner.



Regards,
   Steven Garno
   CarpeDatum Inc.
 www.CarpeDatumInc.com
   [EMAIL PROTECTED]
   (303) 627-8000  Office
   (303) 847-9018  Cell
   (303) 617-7373  Fax


-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Sent: Tuesday, March 25, 2008 2:20 AM
To: Steven Garno
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Help! I have no more hair!

Steven Garno wrote:
> I have been pulling my hair out trying to get this layout to work 
> using DIV tags.   With all the bugs, and hacks that I have been 
> reading through in a ton of pages, I can't seem to get the recipe 
> right.

Can't help you with your hair-problem, and I think you'll run into two
problems that together makes your layout-problem nearly unsolvable in
practice.

1: how tall is a browser-window? I usually limit the hight-range to from
400px to 2400px, which already is too much for most such layouts. The
real size-range is larger.

2: plenty of visitors will use a browser that doesn't support the
relevant CSS properties, so you'll have to add workarounds for those.

Apart from that the recipe has been around for a while - here...

...but you'll have to relax on your requirements a bit if you want it to
work in practice, or else you'll just keep on losing hair for no good
reason.

A workaround for the weakest browser in regular use can be found here...

...but it doesn't solve the problem with the size-range for
browser-windows. It does however solve the problems well enough for
comfort for "slightly less fixed and a lot more relaxed" designs, like
this one...

...which at the moment is waiting for an improved beta-version of IE8 to
arrive.

regards
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] what's the best way to add space between elements?

[Jukka K. Korpela]

vincent pollard wrote:

> i have a page that looks a bit like this:
>
>
> 
>
>  Text="Name">

I don't think the page contains such markup. Rather, you have a file 
that contains it, and the _server_ then processes the markup and 
generates some HTML from it.

> so, i have no DIV that i could add padding or margin to as i normally
> would.

What _is_ the markup that the browser gets? If it's just  
elements, then you can set margin for them directly, but for many other 
purposes, it might be better to wrap them inside containers,  or 
 or something else.

> should i add an empty p tag? an empty div?

Why? If you can affect the markup, you can put the  elements 
inside containers as needed. Many people use , but that's both 
illogical and impractical, since it implies default margins, and it's 
easier to start styling a , which can reasonably safely be assumed 
to be "naked", just a block element with no particular default 
formatting.

Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/ 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] what's the best way to add space between elements?

[vincent pollard]

i have a page that looks a bit like this:




























so, i have no DIV that i could add padding or margin to as i normally would.

should i add an empty p tag? an empty div? what would you guys recommend?


-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Sidebar height

[Mário Gamito]

Hi Christian,

Thank you for your answer.

It was so simple... shame on me :(

Warm Regards,
Mário Gamito

On Wed, Mar 26, 2008 at 1:41 PM, Christian Kirchhoff
<[EMAIL PROTECTED]> wrote:
> Hello,
>
>  technically, the contents of the sidebar are not all contained in one
>  div. You have the #navcol that is floated right, which contains
>  everything down to the search form.
>
>  Anything else that comes below in that column (Vistantes, Escrita etc.)
>  is only placed to the right of the main content column if this main
>  content column is longer.
>
>  If the main content column stops before, those items will be placed on
>  the left side.
>
>  You could inculde Vistantes, Escrita etc.in the div#navcol, that could help.
>
>  Best regards,
>
>  Christian Kirchhoff
>  *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
>  www.digitale-bibliothek.de
>  AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
>  Geschäftsführer: Ralf Szymanski · Erwin Jurschitza
>
>
>  Mário Gamito schrieb:
>
>
> > Hi,
>  >
>  > I have this blog of mine, http://www.absinto.org
>  >
>  > If you visit the main page, for example, the sidebar is ok.
>  > But if you visit, for example again, this page:
>  > http://www.absinto.org/eu/i-am-being-followed#respond
>  >
>  > since the height of the sidebar body is greater than the bodie, part
>  > of the sidebar goes totally left.
>  > I've spent hours trying to fix this, but no good :(
>  >
>  > Any ideas ?
>  >
>  > Any help would be appreciated.
>  >
>  > Warm Regards,
>  > Mário Gamito
>  > __
>  > css-discuss [EMAIL PROTECTED]
>  > http://www.css-discuss.org/mailman/listinfo/css-d
>  > List wiki/FAQ -- http://css-discuss.incutio.com/
>  > List policies -- http://css-discuss.org/policies.html
>  > 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/
>  List policies -- http://css-discuss.org/policies.html
>  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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Sidebar height

[Christian Kirchhoff]

Hello,

technically, the contents of the sidebar are not all contained in one 
div. You have the #navcol that is floated right, which contains 
everything down to the search form.

Anything else that comes below in that column (Vistantes, Escrita etc.) 
is only placed to the right of the main content column if this main 
content column is longer.

If the main content column stops before, those items will be placed on 
the left side.

You could inculde Vistantes, Escrita etc.in the div#navcol, that could help.

Best regards,

Christian Kirchhoff
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza


Mário Gamito schrieb:
> Hi,
>
> I have this blog of mine, http://www.absinto.org
>
> If you visit the main page, for example, the sidebar is ok.
> But if you visit, for example again, this page:
> http://www.absinto.org/eu/i-am-being-followed#respond
>
> since the height of the sidebar body is greater than the bodie, part
> of the sidebar goes totally left.
> I've spent hours trying to fix this, but no good :(
>
> Any ideas ?
>
> Any help would be appreciated.
>
> Warm Regards,
> Mário Gamito
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> 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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Sidebar height

[Mário Gamito]

Hi,

I have this blog of mine, http://www.absinto.org

If you visit the main page, for example, the sidebar is ok.
But if you visit, for example again, this page:
http://www.absinto.org/eu/i-am-being-followed#respond

since the height of the sidebar body is greater than the bodie, part
of the sidebar goes totally left.
I've spent hours trying to fix this, but no good :(

Any ideas ?

Any help would be appreciated.

Warm Regards,
Mário Gamito
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] div background opacity

[david]

Chris Broadfoot wrote:
> david wrote:
>> Daniel Hammond wrote:
>>> | Is there a way to reduce the opacity of the background color | of a 
>>> div to a percentage less than 100%,
>>> | but not completely transparent? | 50% for example.
>>> | Daniel Hammond
>>>
>>> | yes there is a way:
>>> | check this out:
>>> | http://www.w3schools.com/css/css_image_transparency.asp
>>> | Nina..
>>>
>>> Thanks, that's almost exactly what I need. The only problem is that 
>>> it also
>>> makes the text transparent. I want the text to remain at 100% opacity.
>>
>> Transparent applies to everything in the element. You have to put the 
>> text in an element that is completely outside of the transparent one, 
>> then position it over the transparent element.
> 
> Or use a semi transparent PNG

Yah, use it as a background for the element containing the text. I 
didn't think of that for the original poster.

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/