Re: [css-d] Stuck on a couple of things

[Prabhath Sirisena]

> Here is the page: http://www.retroactive.com/gateindex.html

> In IE/Win 6.0 the image in "Featured image" does not show up. It does
> show up in all other browsers.

This is strange.I wonder if enclosing the image in a p element would help.

> In IE/Win 6.0, the navigation bar on the right is "stretched" way too
> long. It's putting extra space between the headings and list items that
> doesn't belong there. No other browser is rendering the navbar this way.

This is the white-space bug. John Hicks has a workaround at:
http://www.hicksdesign.co.uk/journal/546/ie-whitespace-bug

> Lastly, with several browsers on each OS, I get extra space at the top
> of the page between the header and the top margin. I want the header to
> be flush, and in some browsers it is, but in others it is not.

You have a margin of 10px for the h1. Remove the top margin using
"margin-top: 0;"


Prabhath
http://nidahas.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] CSS_layout_with_brower_problems

[Prabhath Sirisena]

> It looks perfect in IE6, in other browser it has various problems. 

Rob, first of all, don't design with IE. All versions of the browser
has problems with CSS. Use Firefox to do the development, and then go
on to do the tweaks and hacks for other browsers. It'll save you a lot
of time and headaches.

Prabhath
http://nidahas.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] IE 5 Mac craziness- Please help!

[D Ross]

1 person out of 10,000 uses ie mac - and that's their problem   
dont worry about it, dont code for it,,,it's a waste of time and  
thought.



On Jun 2, 2005, at 9:24 PM, Bruce Gilbert wrote:



in IE 5 Mac, my nested table structure is appearing layered over the
paragraph above it. This isn't an issue on any of the PC browsers I
tested this page on. I also tested on Mozilla Mac and this wasn't
occurring so it seems to be a Mac IE 5 issue AFAIK.





__
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] IE 5 Mac craziness- Please help!

[Bruce Gilbert]

in IE 5 Mac, my nested table structure is appearing layered over the
paragraph above it. This isn't an issue on any of the PC browsers I
tested this page on. I also tested on Mozilla Mac and this wasn't
occurring so it seems to be a Mac IE 5 issue AFAIK.

if anyone can please check to see if they might see any problems that
may cause this it would be great.

URL: http://206.211.80.55/Partners/index.php
CSS: http://206.211.80.55/Assets/CSS/DPS_global.css

login: administrator 
password: dpsweb#55

TIA
-- 
::Bruce::
__
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] centering....arg i hate it *sigh*

[Greg Salt]

Hi Abyss,

Horizontal centering can be done like this:

body {
text-align: center; /* cos older browsers need this  */
}

#CntBody {
width: 500px; /* a width is required to make this work */
margin: 0 auto;
text-align: left;
}

Vertical centering with a div of variable height is trickier but this  
article might help: http://www.jakpsatweb.cz/css/css-vertical-center- 
solution.html


Regards

Greg
--
www.purple-dogfish.co.uk

On 3 Jun 2005, at 00:46, Abyss wrote:


What i would like to know is how to center that form smack in the  
middle of the page with out the use of tables...(and if possible  
have it centered but with a left align
eg have them in the center but not all aligned center? ..does that  
make sense?)

Thanks heaps

Regards,
TIA
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/



__
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] centering....arg i hate it *sigh*

[Kelly Miller]

Give the form a width, then give it "auto" left and right margins 
(margin-left: auto; margin-right: auto).  The CSS specification says 
that a block level element with a fixed width and auto margins is to be 
centered in it's containing block.



--
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

__
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] centering....arg i hate it *sigh*

[Francesco Sanfilippo]

Either margin: 0 auto; or text-align: center; should work.

Francesco




On 6/2/05, Abyss <[EMAIL PROTECTED]> wrote:
> hi all
> 
> I have a question which plagues me ever since i left table layout ..its 
> centering one small thing in the middle...
> 
> 
> 
>
> 
> 
> 
>
>   
> 
> 
> What i would like to know is how to center that form smack in the middle of 
> the page with out the use of tables...(and if possible have it centered but 
> with a left align
> eg have them in the center but not all aligned center? ..does that make 
> sense?)
> Thanks heaps
> 
> Regards,
> TIA
> 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/
>
__
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] centering....arg i hate it *sigh*

[Abyss]

hi all

I have a question which plagues me ever since i left table layout ..its 
centering one small thing in the middle...



   



   
  


What i would like to know is how to center that form smack in the middle of the 
page with out the use of tables...(and if possible have it centered but with a 
left align
eg have them in the center but not all aligned center? ..does that make sense?)
Thanks heaps

Regards,
TIA
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] The agony of the minority

[Greg Salt]

Hi Melissa,

To be honest I've not looked through it in detail but the dept name  
can be fixed by changing the top: position like this:


#dept {
position: absolute;
top: 55px;
left: 220px;
width: 336px;
height: 29px;
text-align: center;
}

You have a font tag in the html for your 'Lorem ipsum...' bit which  
should be removed. And a simplistic fix for the top line of your  
content would be to add a new declaration #rightContent p { margin- 
top: 0; }. I'm interested in why you have used absolute positioning  
in this layout?


Regards

Greg
--
www.purple-dogfish.co.uk

On 2 Jun 2005, at 23:49, [EMAIL PROTECTED] wrote:

Purple Dogfish Rock! I still have the space at the top, and now I  
notice

that the department name doesn't float exactly where I want it
(Instructional Computing for this instance) but the content is  
where it

belongs!


__
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] The agony of the minority

[Matthew Ohlman]

[EMAIL PROTECTED] wrote:

and tell me how to get rid of the space at the top and get the content to 
the right of the navigation AND make sure that the footer is at the bottom 
WITHOUT interfering with anything above it. Basically, make all browsers 
look like it does on Windows IE.
 

Removing the Paragraph tag right after , the space at 
the top will go away.


Hope this helps,
Matthew
__
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] firefox bug with span inside of anchor

[Anthony]

http://stuff.chovy.com/html/anchor.html

When the span defined inside the anchor is smaller
than the anchor tag, funny things happen. Note: this
only happens in FireFox and with the html 4.01
transitional doctype.

Any ideas? I know FireFox supports some fancy
xpath-type axis, like ".small:parent.a" or something
like that.

Any ideas?

Anthony
ph: (408) 656-2473
blog: http://www.chovy.com

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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] CSS rollover effect problems

[Thierry Koblentz]

Lea Anna Davis wrote:
>>> #menu ||a:link .menuItemBracket, ||#menu ||a:visited
>>> .menuItemBracket { 
> color:#00;
> }

> 
> [ Good
> News ]
> 

Why not removing the class and go with:
#menu a:hover span {}

Thierry | http://www.TJKDesign.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] The agony of the minority

[mbishop]

Purple Dogfish Rock! I still have the space at the top, and now I notice 
that the department name doesn't float exactly where I want it 
(Instructional Computing for this instance) but the content is where it 
belongs!

Thank you [putting ammo and gun back in safe]

Melissa Bishop
University Web Developer
Division of Information Technology
SUNY at Stony Brook

"Good Morning" is an oxymoron!
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Team Coast Guard -- America's Life Savers

DISCLAIMER

Disclaimers are useless. If I sent this to you by mistake, and it 
contained confidential information, I should be severely punished & my 
email privileges revoked. I can't stop you from redistributing this anyway 
and no text between these lines will protect my fanny in a court of law. 
:-)


[EMAIL PROTECTED] wrote on 06/02/2005 06:36:14 PM:

> Melissa,
> 
> Here are the edited left and right containers which work ok on my FF/ 
> Mac:
> 
> #leftContainer {
>  float: left;
>  padding-left: 0px;
>  background-color: #bdc7cd;
>  color:#00;
>  height: 600px;
>  width: 175px;
> }
> 
> #rightContainer{
>  margin-left: 180px;
>  clear:right;
>  text-align:left;
>  padding: 10px;
>  height: auto;
>  width: 555px;
>  background-color: #FF;
>  }
> 
> Regards
> 
> Greg
> --
> www.purple-dogfish.co.uk
> 
> On 2 Jun 2005, at 22:56, [EMAIL PROTECTED] wrote:
> 
> > Could the PC Firefox and ALL Mac savvy folks please look at:
> > http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf
> >
> > and tell me how to get rid of the space at the top and get the 
> > content to
> > the right of the navigation AND make sure that the footer is at the 
> > bottom
> > WITHOUT interfering with anything above it. Basically, make all 
> > browsers
> > look like it does on Windows IE.
> >
> > CSS is at:
> > http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitmain.css
> > http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitheader.css
> > http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitmenu.css
> >
> >
> 
> __
> 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] The agony of the minority

[Greg Salt]

Melissa,

Here are the edited left and right containers which work ok on my FF/ 
Mac:


#leftContainer {
float: left;
padding-left: 0px;
background-color: #bdc7cd;
color:#00;
height: 600px;
width: 175px;
}

#rightContainer{
margin-left: 180px;
clear:right;
text-align:left;
padding: 10px;
height: auto;
width: 555px;
background-color: #FF;
}

Regards

Greg
--
www.purple-dogfish.co.uk

On 2 Jun 2005, at 22:56, [EMAIL PROTECTED] wrote:


Could the PC Firefox and ALL Mac savvy folks please look at:
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf

and tell me how to get rid of the space at the top and get the  
content to
the right of the navigation AND make sure that the footer is at the  
bottom
WITHOUT interfering with anything above it. Basically, make all  
browsers

look like it does on Windows IE.

CSS is at:
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitmain.css
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitheader.css
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitmenu.css




__
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] The agony of the minority

[Ingo Chao]

[EMAIL PROTECTED] schrieb:
For the 1% of non Windows IE users (of the 6.7 million hits from March) 
I'm ready to shoot myself in the foot. 


Please don't hurt yourself by shooting.
6.7Millions can't be wrong.

Ingo
__
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] The agony of the minority

[mbishop]

For the 1% of non Windows IE users (of the 6.7 million hits from March) 
I'm ready to shoot myself in the foot. No matter what I do, I can not get 
my sample site to look like it should in Firefox or on a Mac browser [IE, 
Safari, Firefox]. In Windows IE and Netscape (rendering as IE) it looks 
fine. The CSS validates fine (though after all the tweaking for firefox, 
it may not now), and, except for the JavaScript, the HTML validates. 

Could the PC Firefox and ALL Mac savvy folks please look at: 
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf 

and tell me how to get rid of the space at the top and get the content to 
the right of the navigation AND make sure that the footer is at the bottom 
WITHOUT interfering with anything above it. Basically, make all browsers 
look like it does on Windows IE.

CSS is at: 
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitmain.css
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitheader.css
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitmenu.css

Thanks a bunch folks!

Melissa Bishop
University Web Developer
Division of Information Technology
SUNY at Stony Brook

"Good Morning" is an oxymoron!
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Team Coast Guard -- America's Life Savers

DISCLAIMER

Disclaimers are useless. If I sent this to you by mistake, and it 
contained confidential information, I should be severely punished & my 
email privileges revoked. I can't stop you from redistributing this anyway 
and no text between these lines will protect my fanny in a court of law. 
:-)

__
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] CSS rollover effect problems

[Ingo Chao]

Lea Anna Davis schrieb:
Im trying to create an effect where some of the linked text (enclosing 
brackets in this case) change color when hovered.  ... The following code works in Firefox but not IE -specifically IE 6.


|#menu a {
display:block;
color: #ff;
font-weight: bold;
text-decoration: none;
padding-top: 5px;
margin-left: 10px;
}

||#menu ||a:link .menuItemBracket, ||#menu ||a:visited .menuItemBracket {
color:#00;
}

||#menu ||a:hover .menuItemBracket, ||#menu ||a:active .menuItemBracket {
color:#ff;
}


yes, IE6 is, say a little bit picky when it comes to pseudoclasses

#menu a:hover {background:1%;}

should fix it by announcing the :hover transition explicitly.

Ingo
__
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] Bullet Rendering: Firefox Feature or Bug?

[Bryce Fields]

I have just discovered that in Firefox (at least for FF 1.0.4,
WinXPSP2),  "list-style-type: disc;" bullets in quirks mode render as
diamonds while "disc" bullets in strict mode render circular.

Is this a bug or a feature?

-- 
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] CSS rollover effect problems

[Lea Anna Davis]

Im trying to create an effect where some of the linked text (enclosing 
brackets in this case) change color when hovered.


(In reality the brackets will be the same color as the background and 
will seem to appear on hover as a result of a color change.)


The Link looks like this [Good News] and the brackets should change to 
red on hover.


I'm trying to use spans around the brackets inside the anchor tag.

The following code works in Firefox but not IE -specifically IE 6.

Thanks in advance for all responses.

Lea Anna

|#menu a {
display:block;
color: #ff;
font-weight: bold;
text-decoration: none;
padding-top: 5px;
margin-left: 10px;
}

||#menu ||a:link .menuItemBracket, ||#menu ||a:visited .menuItemBracket {
color:#00;
}

||#menu ||a:hover .menuItemBracket, ||#menu ||a:active .menuItemBracket {
color:#ff;
}


[ Good 
News ]


|
__
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] Nav Lists

[David Laakso]

On Thu, 02 Jun 2005 16:01:07 -0400, David Laakso <[EMAIL PROTECTED]> wrote:

On Thu, 02 Jun 2005 15:29:35 -0400, Richard Brown <[EMAIL PROTECTED]>  
wrote:


Hi David and All



On 2 Jun 2005, at 20:20, David Laakso wrote:

I think I'll crawl under a rock. I n the meantime  
see for one of many  
sources dealing with vertical nested lists...


Sorry I did not intend to embarrass. I actually thought it was very good  
advice, hence the response.



Thanks



Rich

No problem. If you intend to use a v-list, delete that horizontal
fly-out thing you had altogether, and put the v-list in the right or left  
column.

 ~d







--
http://www.dlaakso.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] Nav Lists

[Richard Brown]

Hi David and All

On 2 Jun 2005, at 20:20, David Laakso wrote:

I think I'll crawl under a rock. I n the meantime 
see for one of many 
sources dealing with vertical nested lists...


Sorry I did not intend to embarrass. I actually thought it was very 
good advice, hence the response.


Thanks

Rich

__
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] Nav Lists

[David Laakso]

On Thu, 02 Jun 2005 14:44:47 -0400, Richard Brown <[EMAIL PROTECTED]> wrote:


Hi

Earlier I asked for advice about nav lists and got this response from  
David. I have since had a go at amending the nav list.


On 2 Jun 2005, at 13:16, David Laakso wrote:

Personally, I'd opt for the simplest vertical list with sub-items that  
I could get my hands on.


Please could you have a look at . The  
css is embedded.


I cannot get the sub menu to work. How am I meant to alter the html so  
that on click the submenu changes?


Thanks for all the help.

Rich
I think I'll crawl under a rock. I n the meantime  
see for one of many  
sources dealing with vertical nested lists...

Regards,
David Laakso
--
http://www.dlaakso.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] Philosophical question about images

[David Laakso]

On Thu, 02 Jun 2005 11:19:51 -0400, Matthew Velic <[EMAIL PROTECTED]> wrote:


Hello,

Are we trying to push CSS so much that the img element no longer gets
used in xhtml?  The cornerstone to creating a good layout for a site is
built upon semantic markup, using the elements for their correct
purpose.  Yet, I see such a push for  the use of no images directly in
the structure because, in most cases, it is for design purposes only.

In the case of images that are the bulk of the information, such as in
online galleries and portfolios, would those be 'allowable' in the
structural markup?  They can always be styled and repositioned...

I mostly ask for myself since I am trying to rebuild my portfolio, and
just trying to hack all my images through CSS (especially for images
that are going to act as links) is becoming a major pain.  And I realize
that this is probably not the best project to throw myself into learning
'real' CSS layouts and design, but, unfortunately, I don't have any
other projects pending right now, and this is the only thing I can truly
concentrate on.

Well, I was just hoping to gain some of your thoughts on my above  
queries.


Matt

Also, if you know of a way to do image links purely through CSS, I would
love to here those too.
Interesting question, Matt. I would argue that an image is a form of  
content. But what would a painter know about philosphy; or semantic  
markup, for that matter?

~d

--
http://www.dlaakso.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] Nav Lists

[Richard Brown]

Hi

Earlier I asked for advice about nav lists and got this response from 
David. I have since had a go at amending the nav list.


On 2 Jun 2005, at 13:16, David Laakso wrote:

Personally, I'd opt for the simplest vertical list with sub-items that 
I could get my hands on.


Please could you have a look at . The 
css is embedded.


I cannot get the sub menu to work. How am I meant to alter the html so 
that on click the submenu changes?


Thanks for all the help.

Rich

__
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[2]: [css-d] semi OT, using css or JS to hide stuff

[Steve Clay]

Scott Haneda wrote:
>I have a set of two forms on a page:
>billing info and shipping info, there is a checkbox that says "make my
>shipping info match my billing info.  If that box gets checked, I want to
>hide the second form.

This would be a good application of CSS3's :checked pseudo-class.
http://www.w3.org/TR/css3-selectors/#UIstates

Given XHTML:


 
 
 
 


CSS:

#address-is-same:checked + div {display:none;}

And not a bad use of CSS either, because, if it fails, the content remains
accessible.

Steve
-- 
http://mrclay.org/ : http://frenchhorns.mrclay.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/

[ADMIN: OFF-TOPIC] Re: [css-d] Philosophical question about images

[Alex Robinson]

I wanted to say something more about the navigation through the 
"large" images. >Websites or the creators of the websites usually do 
not add the *accesskeys*

for the navigation through gallery, but I have found it a great help.
 etc. etc.


This list is not about accessibility issues (important though they may be)

This list is not for philosophical ruminations on css (important 
though those may be) - indeed the list's very rationale is the 
discussion of practical css.


So please end this thread now.

And on a related note, I've noticed an awful lot of careless quoting 
of late. Remember, it is good manners and makes the list that much 
more enjoyable and probbaly useful, if people take the time to remove 
all quoted material except that which is necessary for their point.

__
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] Philosophical question about images

[Kaspars]

Matthew Velic wrote:

Hello,

Are we trying to push CSS so much that the img element no longer gets
used in xhtml?  The cornerstone to creating a good layout for a site is
built upon semantic markup, using the elements for their correct
purpose.  Yet, I see such a push for  the use of no images directly in
the structure because, in most cases, it is for design purposes only.

In the case of images that are the bulk of the information, such as in
online galleries and portfolios, would those be 'allowable' in the
structural markup?  They can always be styled and repositioned...

I mostly ask for myself since I am trying to rebuild my portfolio, and
just trying to hack all my images through CSS (especially for images
that are going to act as links) is becoming a major pain.  And I realize
that this is probably not the best project to throw myself into learning
'real' CSS layouts and design, but, unfortunately, I don't have any
other projects pending right now, and this is the only thing I can truly
concentrate on.

Well, I was just hoping to gain some of your thoughts on my above queries.

Matt

Also, if you know of a way to do image links purely through CSS, I would
love to here those too.
__
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/



Hi again,

I wanted to say something more about the navigation 
through the "large" images. Websites or the creators of 
the websites usually do not add the *accesskeys* for the 
navigation through gallery, but I have found it a great help.


For example, I use "n" key to navigate to the next image, 
and "b" to get one step back. Those keys are next to each 
other on the keyboard and are great help when viewing a 
portfolio.


Firefox does it in a good way, when you press ctr+n, it 
follows the link which has that "n" accesskey, while IE 
just focuses on the link and you have to press "Enter" to 
go on in this key-controlled manner. Of course, javascript 
 comes in as a good tool here, and you can award this 
nice feature to IE users as well.


Best regards,
Kaspars
__
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] Philosophical question about images

[Kaspars]

Matthew Velic wrote:

Hello,

Are we trying to push CSS so much that the img element no longer gets
used in xhtml?  The cornerstone to creating a good layout for a site is
built upon semantic markup, using the elements for their correct
purpose.  Yet, I see such a push for  the use of no images directly in
the structure because, in most cases, it is for design purposes only.

In the case of images that are the bulk of the information, such as in
online galleries and portfolios, would those be 'allowable' in the
structural markup?  They can always be styled and repositioned...

I mostly ask for myself since I am trying to rebuild my portfolio, and
just trying to hack all my images through CSS (especially for images
that are going to act as links) is becoming a major pain.  And I realize
that this is probably not the best project to throw myself into learning
'real' CSS layouts and design, but, unfortunately, I don't have any
other projects pending right now, and this is the only thing I can truly
concentrate on.

Well, I was just hoping to gain some of your thoughts on my above queries.

Matt

Also, if you know of a way to do image links purely through CSS, I would
love to here those too.
__
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/



:) oh, thats me :) Here it is

http://rigarrt.lv/foto/05_orient2000/index.php

K.

__
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] Philosophical question about images

[Kaspars]

Matthew Velic wrote:

Hello,

Are we trying to push CSS so much that the img element no longer gets
used in xhtml?  The cornerstone to creating a good layout for a site is
built upon semantic markup, using the elements for their correct
purpose.  Yet, I see such a push for  the use of no images directly in
the structure because, in most cases, it is for design purposes only.

In the case of images that are the bulk of the information, such as in
online galleries and portfolios, would those be 'allowable' in the
structural markup?  They can always be styled and repositioned...

I mostly ask for myself since I am trying to rebuild my portfolio, and
just trying to hack all my images through CSS (especially for images
that are going to act as links) is becoming a major pain.  And I realize
that this is probably not the best project to throw myself into learning
'real' CSS layouts and design, but, unfortunately, I don't have any
other projects pending right now, and this is the only thing I can truly
concentrate on.

Well, I was just hoping to gain some of your thoughts on my above queries.

Matt

Also, if you know of a way to do image links purely through CSS, I would
love to here those too.
__
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/




Here is a sample of what I said. The xhtml has an 
unnecessary  tag before the images, but the hover 
effects work well.


Kaspars
__
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] Philosophical question about images

[dwain]

Also, if you know of a way to do image links purely through CSS, I would
love to here those too.


matt,
see: http://www.studiokdd.com/

this is my online portfolio in html/css.  if you have any questions you 
may contact me off line at [EMAIL PROTECTED]  the site is not 
complete.  i still have descriptions to write for each image for viewers 
with sight disabilities to be able to "see" the images in words.


i look forward to viewing your portfolio.

hth,
dwain

--
Dwain Alford
http://www.alforddesigngroup.com
web hosting: http://www.1and1.com/?k_id=7653741
http://www.spreadfirefox.com/?q=affiliates&id=0&t=1/

"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression."
Wassily Kandinsky, "Concerning The Spiritual In Art"


---
avast! Antivirus: Outbound message clean.
Virus Database (VPS): 0522-6, 06/01/2005
Tested on: 6/2/2005 11:44:28 AM
avast! - copyright (c) 1988-2005 ALWIL Software.
http://www.avast.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] Philosophical question about images

[Kaspars]

Matthew Velic wrote:

Hello,

Are we trying to push CSS so much that the img element no longer gets
used in xhtml?  The cornerstone to creating a good layout for a site is
built upon semantic markup, using the elements for their correct
purpose.  Yet, I see such a push for  the use of no images directly in
the structure because, in most cases, it is for design purposes only.

In the case of images that are the bulk of the information, such as in
online galleries and portfolios, would those be 'allowable' in the
structural markup?  They can always be styled and repositioned...

I mostly ask for myself since I am trying to rebuild my portfolio, and
just trying to hack all my images through CSS (especially for images
that are going to act as links) is becoming a major pain.  And I realize
that this is probably not the best project to throw myself into learning
'real' CSS layouts and design, but, unfortunately, I don't have any
other projects pending right now, and this is the only thing I can truly
concentrate on.

Well, I was just hoping to gain some of your thoughts on my above queries.

Matt

Also, if you know of a way to do image links purely through CSS, I would
love to here those too.
__
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/


Hi Matt,

I think that use of images or photos (as they are in you 
case of portfolio) is allowable and good. I mean, images 
are your content, thats what you are trying to show of 
using the website and xhtml to mark it up.


I found it complex when first bulding a photo gallery to 
get the borders around the thumbnails so that on hover the 
border color, padding or margin would change.


Finally i did it like that and works in firefox, ie 6 and 
opera. Here is the sample css assuming you give a class 
name thumb to all you thumbnail images:


img.thumb {
border: 1px solid #CC;
float: left;
margin: 0.2em 0.6em 0.4em 0;
padding: 1px;
}
a img.thumb {
border: 1px solid #C4C9AF;
background-image: url(initial_bcg.png);
background-repeat: no-repeat;
background-position: right top;
}
a:hover img.thumb {
border-color: #006600;
background-image: url(hover_bcg.png);
}


and here is the xhtml:






You can do a very great effects by using large padding and 
applying background images to withouhover thumbnails and 
differenct bg images on hover. You can also change the 
margin on hover, so that it would create the "press-in" 
effect.


With this sample of css:
a img {
border: 6px solid #CC;
margin: 6px;
padding: 1px;
float: left;
}
a:hover img {
border: 6px solid #99CC00;
margin: 5px 5px 7px 7px;
padding: 1px;
}

and this xhtml:




You can have this "press-in" effect.

Generally I suggest you to create a fluid layout and for 
the thumbnail display put those images into a "cleared 
both" box.


Have a nice day,
Kaspars
__
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: advice for complex background image?

[Theodore Serbinski]

just a follow up, got the design working perfectly now (well in FF and IE6):

http://www.washsq.com/beta/

ended up attaching the image as a whole to owns it div, absolutey
positioned within the main div. much more simpler than i first
thought!

ted
__
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] Philosophical question about images

[Kelly Miller]

Matthew Velic wrote:


Hello,

Are we trying to push CSS so much that the img element no longer gets
used in xhtml?  The cornerstone to creating a good layout for a site is
built upon semantic markup, using the elements for their correct
purpose.  Yet, I see such a push for  the use of no images directly in
the structure because, in most cases, it is for design purposes only.

In the case of images that are the bulk of the information, such as in
online galleries and portfolios, would those be 'allowable' in the
structural markup?  They can always be styled and repositioned...

I mostly ask for myself since I am trying to rebuild my portfolio, and
just trying to hack all my images through CSS (especially for images
that are going to act as links) is becoming a major pain.  And I realize
that this is probably not the best project to throw myself into learning
'real' CSS layouts and design, but, unfortunately, I don't have any
other projects pending right now, and this is the only thing I can truly
concentrate on.

Well, I was just hoping to gain some of your thoughts on my above queries.

Matt

Also, if you know of a way to do image links purely through CSS, I would
love to here those too.

 

In the situation you describe, I don't see a problem with using .  
The push for "no images" is to try and remove  tags that just 
contain presentational information, because that's of interest only to 
people with visual browsers.  In that case, the images are not just 
presentational, they are part of the content.


--
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

__
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_layout_with_brower_problems

[Rob Robertson]

the following site 

 

html file--http://www.ecisive.com/clients/FCCDHH/dev/index2.htm

css file--http://www.ecisive.com/clients/FCCDHH/dev/css/sitestyle.css 

 

css driven layout.  

 

It looks perfect in IE6, in other browser it has various problems. Netscape,
Opera, Firefox don't like the right hand content, in these browsers i lose
background colors, padding, and white space shows between divs.  Also in
opera i lose the bottom nav bar. In netscape and FF and Opera the text in
the nav bars seem to shift down. 

 

Any help greatly appreciated

 

thanks

 

Rob

__
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] Philosophical question about images

[Matthew Velic]

Hello,

Are we trying to push CSS so much that the img element no longer gets
used in xhtml?  The cornerstone to creating a good layout for a site is
built upon semantic markup, using the elements for their correct
purpose.  Yet, I see such a push for  the use of no images directly in
the structure because, in most cases, it is for design purposes only.

In the case of images that are the bulk of the information, such as in
online galleries and portfolios, would those be 'allowable' in the
structural markup?  They can always be styled and repositioned...

I mostly ask for myself since I am trying to rebuild my portfolio, and
just trying to hack all my images through CSS (especially for images
that are going to act as links) is becoming a major pain.  And I realize
that this is probably not the best project to throw myself into learning
'real' CSS layouts and design, but, unfortunately, I don't have any
other projects pending right now, and this is the only thing I can truly
concentrate on.

Well, I was just hoping to gain some of your thoughts on my above queries.

Matt

Also, if you know of a way to do image links purely through CSS, I would
love to here those too.
__
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 layout browser problems, looks perfect in IE6, links included

[Rob Robertson]

the following site 

html file--http://www.ecisive.com/clients/FCCDHH/dev/index2.htm

css file--http://www.ecisive.com/clients/FCCDHH/dev/css/sitestyle.css 

 

css driven layout.  

 

It looks perfect in IE6, in other browser it has various problems. Netscape,
Opera, Firefox don't like the right hand content, in these browsers i lose
background colors, padding, and white space shows between divs.  Also in
opera i lose the bottom nav bar. In netscape and FF and Opera the text in
the nav bars seem to shift down. 

 

Any help greatly appreciated

 

thanks

 

Rob

__
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] disappearing li backgrounds in IE when inline nested lists wrap

[Simon Hooper]

I have made a simple test case of some "breadcrumbs" I want to include
in my site to aid navigation. They are nested unordered lists with a
link in each. There is an arrow graphic in the background of each list
item to separate each page in the list.

http://www.trickshot.f2s.com

They appear to work fine when the list items fit on a single line.
However, when viewed at 800x600 resolution, so the  wraps, the
background images disappear in IE.

Is this a bug, or am I going about this the wrong way? The breadcrumbs
display perfectly in every other browser I have.

Thanks

Simon.
__
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] FireFox Float

[Ben Logan]

Hi Folks

 

First post to what seems a truly great resource!

 

I have a project I am working on for a client, and there is a difference in
how things are appearing in IE6.0 and Firefox 1.03

 

The bottom left hand content area seems to overlap and the top box on the
right hand side seems to be pushing the content down?

 

I think this is probably something simple like a height issue?

 

Link:

http://www.spotlessdesign.com/clients/theleadsgroup/site/index.htm

 

user: theleadsgroup

pass: leads001

 

Relevant CSS:

 

http://www.spotlessdesign.com/clients/theleadsgroup/css/basic.css

http://www.spotlessdesign.com/clients/theleadsgroup/css/main.css

http://www.spotlessdesign.com/clients/theleadsgroup/css/services_sub.css

 

 

Any help would be greatly appreciated!

 

 

 

Ben Logan
Director
Spotless Design
Tel: +44 (0) 207 381 8307
Mob: +44 (0) 7971 002292

MSN ID:   [EMAIL PROTECTED]
Skype: djbenlogan
AOL IM: DJBenLogan

 

 

__
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: () Concerning images in [http://ipf.polarfoundation.org/] (a remark)

[Mikhail Bozgounov]

Code example from http://ipf.polarfoundation.org/ :

class="pictleft" />


You should replace width="60px" with "60", without the units specified, as 
default is px, according to the html standard (px, em, etc. can be specified in 
the CSS but *not* in the html, for tables or images, for example).


This only as sidenote:-) Otherwise, great design!

Greets, Michel

__
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] ie positioning problem

[eric orr]

I'm having problems in IE 6 with the header div on
this site.
http://www.rabungreenway.org/
For some reason it's putting it 1 pixel to the left. 
Any help is appreciated.

Eric

Southern Appalachian Solutions
http://www.sappsol.com



__ 
Discover Yahoo! 
Use Yahoo! to plan a weekend, have fun online and more. Check it out! 
http://discover.yahoo.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] Stuck on a couple of things

[Nancy Eaton]

Hi all. I'm new to CSS (two weeks). I've created a website for a local
realtor and am running into some issues I am clueless to resolve. The
XHTML and the CSS both validate, and the site looks great on most
browsers. I use a Mac and bought Virtual PC so I could test the pages on
both Mac and Windows browsers. 

Here is the page: http://www.retroactive.com/gateindex.html

Here are the issues: 

In IE/Win 6.0 the image in "Featured image" does not show up. It does
show up in all other browsers.

In IE/Win 6.0, the navigation bar on the right is "stretched" way too
long. It's putting extra space between the headings and list items that
doesn't belong there. No other browser is rendering the navbar this way.

Lastly, with several browsers on each OS, I get extra space at the top
of the page between the header and the top margin. I want the header to
be flush, and in some browsers it is, but in others it is not. 

I also have a question for anyone using Virtual PC with Windows XP to
check sites. I recognize this is OT for the list so if anyone is
knowledgeable about Virtual PC please email me. Thanks.

Nancy Eaton
__
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] Pure CSS Popups IE Problem...

[Steve Clay]

Wednesday, June 1, 2005, 9:46:21 PM, Les Mizzell wrote:
> I'm experimenting with the Pure CSS popups idea from myerweb.
> http://www.happybookseller.com/DEV/events.cfm
> However, doesn't work at all in I.E.

IE/win bug.  You need to set one of a few properties on a:hover.  I'm pretty
sure border is one of them:

#leftnav a:hover {
   border:none; /* add this */
}

Steve
-- 
http://mrclay.org/ : http://frenchhorns.mrclay.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] semi OT, using css or JS to hide stuff

[Zoe M. Gillenwater]

Scott Haneda wrote:


I have a set of two forms on a page:
billing info and shipping info, there is a checkbox that says "make my
shipping info match my billing info.  If that box gets checked, I want to
hide the second form.

I was thinking give it a visibility of none, but how do you trigger
something like this?
 



You want something to happen on a click, and CSS has no way to detect 
clicks (just hovering).  So you need to use Javascript.  You can 
probably google for a script, or ask for help on another web dev mailing 
list:

http://css-discuss.incutio.com/?page=OffTopic

Zoe

--
Zoe M. Gillenwater
Design Specialist
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
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] Nav Lists

[David Laakso]

On Thu, 02 Jun 2005 07:13:01 -0400, Richard Brown <[EMAIL PROTECTED]> wrote:


Hi Carsten

Thanks for that. It worked perfectly. What I didn't understand
Ah, the voice of dissent. What I don't understand is why you would want to  
use it in the place?
It's very difficult for the average user like me to even hold the  
fly-outs, much less deal with the content text that's covered while I  
attempt to do so.
Personally, I'd opt for the simplest vertical list with sub-items that I  
could get my hands on.
was that I had to actually go under the 15em. I had changed it to 15.1em  
and it had no effect. Thanks very much once again.


Rich

On 2 Jun 2005, at 10:27, Carsten Peters wrote:


Hello Rich,

change the margin-left:

#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 14.75em;
margin-top : -1.35em;
}

Greetings from Cologne
Carsten

Best,
David Laakso
--
http://www.dlaakso.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] Nav Lists

[Richard Brown]

Hi Carsten

Thanks for that. It worked perfectly. What I didn't understand was that 
I had to actually go under the 15em. I had changed it to 15.1em and it 
had no effect. Thanks very much once again.


Rich

On 2 Jun 2005, at 10:27, Carsten Peters wrote:


Hello Rich,

change the margin-left:

#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 14.75em;
margin-top : -1.35em;
}

Greetings from Cologne
Carsten


__
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] fixed background problem in ie

[anthony croshaw]

Hi guys, I am trying to get this fixed background design, which is pretty
similar to the complex spiral one in Eric's book, to work in IE. I have used
the fixed javascript code available at dox desk, but no luck so far. If you
view the page first in netscape 7 or firefox, it works fine, in IE something
weird happens to the background image in the main text box, and after
several days of tinkering I am now at a loss as to what I can do, other than
go back to the drawing board. I really wanted something on the site to show
off what css can do with fixed backgrounds, so any help would be much
appreciated!

 

Site: http://www.acwebdesign.biz  

 

Css: http://www.acwebdesign.biz/styles.css

 

 

__
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 confused on these hacks on which browser they pertain to

[Uwe Kaiser]

Bruce Gilbert schrieb:

> A couple of CSS hacks I see used quite frequently are setting a :
> 
> width:45em and also a w\idth: Is the normal way to do width for IE and
> the other one for Gecko? I'm a little confused on that. Also, what
> does html>body #wrapper (or anything similar) do? and what browser(s)
> does that target?
> 

In CSS2, a backslash (\) cancels the meaning of
special CSS characters. Any character (except a
hexadecimal digit) can be escaped with a backslash
to remove its special meaning.
The backslash will not interpreted correctly by
older browsers, eg. MSIE/PC lower 6, Opera lower 7 etc.
Therefore it is used as a browser filter.

http://centricle.com/ref/css/filters/
Please, follow the links on the page's bottom.

What is the meaning of character escaping in CSS2?
http://www.w3.org/TR/REC-CSS2/syndata.html#q4
http://www.w3.org/TR/REC-CSS2/grammar.html#q2

The construct:
html>body #wrapper will not interpreted correctly by
MSIE/PC in any version.
Therefore it is used as a browser filter.
You should avoid to use this filter this way, if possible,
unless you know exactly what you are doing.
A better way is to style your document for
compliant browsers and than to use "* html #wrapper"
for MSIE (Mac and PC).

The construct:

/*  \*/
* html #wrapper
/*   */

is interpreted by MSIE/PC only, and the construct:

/*  \*//*/
* html #wrapper
/*   */

is interpreted by MSIE/Mac only,


For further information look at:
http://www.l-c-n.com/IE5tests/hiding/



regards,
Uwe Kaiser
__
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] pushing up the bottom of a table cell background

[Chris Ovenden]

Can't log in to your site, so I can't tell what's what...

On 6/1/05, Andrew Mason <[EMAIL PROTECTED]> wrote:
> Hi folks,
> 
> Our art director is having a hissy fit because the images on our
> product listing pages don't line up with the information box.  The
> problem is that the bottom of the image has a shadow, and the
> information box extends to the bottom of the shadow so it looks like
> it's too big.  You can see what I'm talking about in this image:
> http://www.pandamouth.org/bin/horizontal.jpg
> 
> Is there a way to push up the bottom of those information boxes 7 or
> 8 pixels?
> 
> You can see the actual site here:
> l/p: mitea/rlammm
> 
> http://www.mitea.com/index.php?main_page=index&cPath=1_9
> 
> Thanks for your time!
> 
> Andrew
> __
> 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] Nav Lists

[Richard Brown]

Hi

I have a site at  and I have used the 
Suckerfish navigation. However I changed a variable and now the boxes 
do not meet exactly. Could someone take a look and tell me how I get 
them to meet again please.


Thanks

Rich

__
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] FF images issue 'resolved [divafoundationbg.org] - Thx everyone!- CLOSED topic

[Mikhail Bozgounov]

There was actually no problem (or a temporary one), as more than one user 
reported images are showing correctly on FF/mac, latest version 
[www.divafoundationbg.org].


Thank you for looking into this, thanks for the help, and "A bientot" :)))

Michel

__
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] IE6 win resize and hovered navi

[Ingo Chao]

Carsten Peters schrieb:
Two Problems on this Page: 
http://www.learn-line.nrw.de/angebote/schulsport/index.html


1. in IE6 win the bottom graphic of the Boxes without a scrollbar 
disapears when resizing or scrolling the window. After reload, resize or 
scroll again it reappears.


Applying the Holly Hack to

div.BoxBody
and / or
div.BoxFooter, div.BoxFooterArchiv

seems to fix it here.

Ingo
__
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] interesting margins and footer

[dwain]

Uwe Kaiser wrote:

[EMAIL PROTECTED] schrieb:



1.  in ff 1.0.4 and opera 8 there is a margin at the top of the page.
the margin and padding in the body is 0.  there is a 0 margin and a
small (.25em) padding on the header.  in ie6 the header abuts the top of
the page.  why the discrepancy?

2.  in ff and o8 the footer height is wider than the text.  in ie6 the
footer height is the size of the text.  why the discrepancy?




It sounds like problems as described there:

http://www.complexspiral.com/publications/uncollapsing-margins/
http://www.researchkitchen.de/blog/archives/css-autoheight-and-margincollapsing.php




regards,
Uwe Kaiser



thanks for the listings.  the h1 margin 0 and the footer p padding did 
the trick.  when i went back and looked at the css i had not written a 
rule for the footer p or the h1.  when i added the rules everything 
worked out.


thanks for the look,
dwain

--
Dwain Alford
http://www.alforddesigngroup.com
web hosting: http://www.1and1.com/?k_id=7653741
http://www.spreadfirefox.com/?q=affiliates&id=0&t=1/

"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression."
Wassily Kandinsky, "Concerning The Spiritual In Art"


---
avast! Antivirus: Outbound message clean.
Virus Database (VPS): 0522-6, 06/01/2005
Tested on: 6/2/2005 3:21:08 AM
avast! - copyright (c) 1988-2005 ALWIL Software.
http://www.avast.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] Navigation link background images not appearing on page load in Firefox

[Ingo Chao]

Michael Rainey schrieb:

...  I have
an image set as each link's background that gets re-positioned. When any 
page from the redesign is loaded for the first time in Firefox/Windows, 
the background images for the navigation do not show up, and only do 
after you mouse over them. If the images are cached, then they show up 
fine.


Redesign: http://testjml.dyndns.org/
Redesign CSS: http://testjml.dyndns.org/css/headcase.css



I cannot reproduce it with DeerPark, but with my old Moz1.6;
if that's not my error then the problem is described somewhere (and 
behind) in the bugzilla.


Even on reload, when the bg is there in Moz1.6, the hover states do not 
change the bg here. I think it's related to the overflow: hidden; which 
changes something on floats.


#nav a { border-right: 1px solid rgb(255, 255, 255); padding: 40px 0pt 
0pt; /*overflow: hidden;*/ float: left; height: 0px ! important;}


#nav a:hover, #nav a:active, #nav a:focus { background-position: 0pt 
-40px; }


seems to fix it here. Plus, I don't understand the reason for the 
overflow:hidden and the height:0px !important.


Ingo


__
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/