Re: [css-d] Why my website won't render in Safari?

[Kim Brooks Wei]

Estou vendo o seu sitio sem nenhum problema em Safari. I'm  seeing it 
without any problem in Safari.
Kimi

>A friend using Safari told me my website, http://www.cacofonia.com.br/,
>won't render. It's all blank.

-- 
Kim Brooks Wei
1.201.475.1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Why my website won't render in Safari?

[Gustavo Caetano]

A friend using Safari told me my website, http://www.cacofonia.com.br/,
won't render. It's all blank.

I can't understand why, tough. Could someone please give any hint?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] background image problem in IE6

[Coral S.]

Hello,

I'm new to the group, so hello to everyone.

I recently came across this wonderful horizontal drop-down menu 
http://www.sperling.com/examples/menuh/ by Ted Sperling, and was attempting 
to alter it a bit to allow for rollover images instead of simply colors. 
What I have so far works wonderfully in all browsers except IE6.  The issue 
in IE6 is that the parent (menuh a.parent) and top-parent (menuh 
a.top_parent) div images show up only in the hover state (I changed the 
original code so that menuh a.top_parent and menuh a.top_parent:hover are 
separate images), and for some reason they are hidden underneath the menuh 
(menuh a) image in the rested state.  In IE7, FF, Opera etc it all works 
great, but for some reason it's stubborn in IE6.  The link to it is here:

http://www.swanflighthaven.com/Summer_Breeze/dropdownmenu%20test.html

http://www.swanflighthaven.com/Summer_Breeze/dropdown%20menu.css


The screenshots for the comparison between IE6 and IE7 are here:

http://www.swanflighthaven.com/Summer_Breeze/menu.html

I emailed Ted about this and he suggested assigning height values or 
z-indexes to get IE6 to put the parent and top-parent background images on 
top, but I tried it to no avail (admittedly I may not be doing that 
correctly).  He also suggested you fine people if I continued to have 
trouble.  Any help you could offer on this issue would be greatly 
appreciated.  Please let me know if I should clarify anything.

Regards,
Coral 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE 5 -6 cleanup tips needed

[Gunlaug Sørtun]

Kim Brooks Wei wrote:
> Border color is set to transparent now. Is transparent an incorrect 
> selection?

IE6 doesn't understand "transparent" on borders. Use a color-value or
delete the border.

Change...
#leftnav ul { margin: 1.2em auto ;}
...to...
#leftnav ul {margin: 0;}
...since it doesn't do any good and older IE/win versions doesn't
understand the "auto" part anyway.
Same with several other "auto" margins that have no effect in any
browser but may disturb IE/win. Check across browser-land.

Most other problems in older IE/win seems to be related to box model
(W3C vs. IE quirks mode) differences. Good article (IMO) on the subject
here...


IE5.5 may also lose a declaration or two because you use the
'voice-family' hack. Better use another hack if you need any.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[Jehangir Larry]

>> Jehangir Larry wrote:
> David Laakso wrote:
>> [Previous messages trimmed]
>>> Gosh! Looks awful. Everything spills all over. What should I do? i
>>> can't  even figure out where to start!
>>> Larry
>> In reference to your url:
>> 
--SNIP--
>> Please see: 
>> HTH.
>> Regards,
>> ~dL
> You are an incredible help. I need a while to 'digest' all this; before I
> respond.
> I am honoured to have your acquaintance and deeply appreciate the pains
> you  take.
> You (and ofcourse, many others) raise the bar each time you contribute to
> this list.
> Regards.
> Larry
David,
Made changes and uploaded. Now no breaking --sidebar, +sizes. But the footer 
does not stay at the very bottom if size made ---small.
Rest (incl H1) seem OK. At least to me :-))
Yet more coming my way?
Best
Larry


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE 5 -6 cleanup tips needed

[Brian Riley]

Kim Brooks Wei wrote:
> http://www.thewei.com/sandbox/uajx/contact.php
>
> This page renders OK  in Linux and Mac browsers, also IE 7.
>
> I'm having only one trouble in IE 6 :: Border shows on center and 
> left content boxes when it ought not to show. I can fix this by 
> setting to bg color [white]. Border color is set to transparent now. 
> Is transparent an incorrect selection?
>
>
>   
Why have any border at all? Just remove the "border: 1px solid 
transparent;" from each of the problem div's in the CSS and no border 
will show up.

Brian

-- 
Brian Riley
http://www.seventysevendesigns.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE 5 -6 cleanup tips needed

[Kim Brooks Wei]

http://www.thewei.com/sandbox/uajx/contact.php

This page renders OK  in Linux and Mac browsers, also IE 7.

I'm having only one trouble in IE 6 :: Border shows on center and 
left content boxes when it ought not to show. I can fix this by 
setting to bg color [white]. Border color is set to transparent now. 
Is transparent an incorrect selection?

In IE 5 & 5.5 PC there are other issues
- center container is higher than right and left content boxes
- banner logo is lefted [ought to center]
- banner bg doesn't show
- 5.01 peculiarity :: leftnav buttons too spaced out and bottom 
border is separated from bottom of last button [should be stuck to 
the bottom of the button]
- 5.5 peculiarity :: leftnav buttons aren't centered. They are 
righted in the right content box.

Help cleaning up these issues much appreciated!
Best wishes,
Kimi
-- 
Kim Brooks Wei
1.201.475.1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[Jehangir Larry]

> Jehangir Larry wrote:
 David Laakso wrote:
> [Previous messages trimmed]
>> Gosh! Looks awful. Everything spills all over. What should I do? i can't 
>> even figure out where to start!
>> Larry
> In reference to your url: 
> 
> It will go easier if you *abandon the absolute positioning* and let the 
> content flow without inhibiting and restricting it..
> For example:
> Amend the #remove1 ruleset to read only:
> #remove1 {
> background-color:#fff;
> border:2px outset navy;
> margin: 30px auto 0 auto;
> text-align:center;
> width:180px;
> }
> And amend the html. Physically move the markup for  and 
> put it  below the navigation box in the right column, like so:
> 
>  ... 
> 
>  ... 
> 
> 
> NEWS
> Vessels Berthing
> Recruiting Now
> See Application Form
> 
> 
> The /other absolute position box/ was treated in a similar way to the
> above, and the conditional comment deleted so it will happen in IE6.0
> the way  it does in IE7, too.
> 
> The h1, footer, and any other issues remain to be resolved :-) .
> Please see: 
> HTH.
> Regards,
> ~dL
You are an incredible help. I need a while to 'digest' all this; before I 
respond.
I am honoured to have your acquaintance and deeply appreciate the pains you 
take.
You (and ofcourse, many others) raise the bar each time you contribute to 
this list.
Regards.
Larry

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE7 problem

[~davidLaakso]

Carol F. Swinehart wrote:
> http://www.masterchurchbldr.com/test/portfolio/index5.html
>
> IE 6 problem fixed and now the picture in the right hand column is 
> moving down to the bottom of the column.  Looks good in most other browsers.
>
> Carol
>
>
>   
Yes, it looks fairly consistent cross-browser with the sole exception of 
ie7.0.
14 captures 
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE7 problem

[Carol F. Swinehart]

http://www.masterchurchbldr.com/test/portfolio/index5.html

IE 6 problem fixed and now the picture in the right hand column is 
moving down to the bottom of the column.  Looks good in most other browsers.

Carol

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[~davidLaakso]

Jehangir Larry wrote:
>>> David Laakso wrote:
[Previous messages trimmed]
>
> Gosh! Looks awful. Everything spills all over. What should I do? i 
> can't even figure out where to start!
> Larry
>
In reference to your url: 


It will go easier if you *abandon the absolute positioning* and let the 
content flow without inhibiting and restricting it..
For example:
Amend the #remove1 ruleset to read only:
#remove1 {
background-color:#fff;
border:2px outset navy;
margin: 30px auto 0 auto;
text-align:center;
width:180px;
}
And amend the html. Physically move the markup for  
and put it  below the navigation box in the right column, like so:

 ... 

 ... 


NEWS
Vessels Berthing
Recruiting Now
See Application Form



The /other absolute position box/ was treated in a similar way to the above,
and the conditional comment deleted so it will happen in IE6.0 the way 
it does in IE7, too.


The h1, footer, and any other issues remain to be resolved :-) .

Please see: 

HTH.
Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Getting a background to scroll to bottom?

[Gunlaug Sørtun]

Jon Hughes wrote:
> I have a page with a background that needs to scroll to the bottom of
>  the page... I would like to do this without having the make the 
> image 8000px tall.
> 
> Here is a page that is affected: 
> http://goonsquad.org/santini/site/INCOTERMS2000.html

The good news: You have standard supporting browsers on your side.

In Firefox, Opera and Safari - and probably in other standard supporting
browsers too, the "automatic stretch" is achieved by establishing a
relation between the 2 'A:P' elements and body. Body stretches, so #l
and #r will stretch with it.

Add...

body {position: relative;}

...and the mentioned browsers know how to do the rest.

You can improve the appearance even more by adding...

body {float: left; width: 100%;}

...and...

#l,#r {padding-bottom: 2em;}

...to keep all collapsing margins under control and stretch the layout a
bit.



The bad news: IE can't handle it properly.

There's a weakness in IE (at least in IE6 and IE5.2/Mac) with
your absolute positioned, 100% tall, background-carrying elements. These
browsers can at best stretch those elements to height declared on html
and body. The addition of...

* html, * html body {height: 100%;}

...will only go so far.



Solution: use a method even IE can handle.

The method all browsers support is to have a couple of extra wrappers
inside body, carrying the left and right image. Making such wrappers
stretch all the way down while repeating the image - is what's called
"faux columns"[1].

regards
Georg

[1]http://www.alistapart.com/articles/fauxcolumns/
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Visually combining two div boxes [SOLVED]

[Dave M G]

Martin, Gunlaug,

Thank you for responding.

By setting the padding, margin, and z-index as suggested, I have the 
desired effect.

 From this point I will experiment with absolute vs relative positioning 
to see what the results are.

Thanks also for the tip about the font-size bug with IE. As an aside, 
that now makes 4 IE hacks in my CSS (and one related Opera hack). But I 
won't start off on the usual rant against IE/Microsoft. We all know how 
hard they suck.

Thanks for all the help.

--
Dave M G
Ubuntu 6.06 LTS
Kernel 2.6.17.7
Pentium D Dual Core Processor
PHP 5, MySQL 5, Apache 2
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to construct a 3 Column layout to a centered Page Layout

[Kevin J Pledger]

Hi Georg,

Thank you very much for your reply. I guess its more experimentation along
with frustration till eventually it will fall into place.

I have read your own website extensively and come away with a sore head,
just seeing how much you can do with CSS.

Kind Regards,

Kevin J. Pledger

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Sent: Sunday, January 14, 2007 17:53 PM
To: Kevin J Pledger
Cc: Css-D Lists
Subject: Re: [css-d] How to construct a 3 Column layout to a centered Page
Layout

Kevin J Pledger wrote:
> I have read extensively articles, looked at code and looked at the 
> websites others are building who are on this list.  I am used to doing 
> everything in tables, but CSS looks more interesting but so much to 
> learn for a newbie.

CSS has a pretty steep learning curve compared to HTML tables.

> Guess I am trying to walk before I crawl in the CSS world.

Guess that's a natural human reaction. Happens all the time :-)

It is impossible to make  look like
 without changing both the CSS and
source-code radically. Two different methods are used.

For a start: the former is based on 'absolute positioning' and the the
latter is based on 'float'. 'A:P' layout-methods pretty much excludes
'float' as layout-methods in such a case.

> How can I using the present code specify a minimum height for the left 
> / right content area's.

The minimum height would be 100% of the tallest column, for all columns.
That's easy with CSS in all browsers that supports 'CSS tables'...

...but someone forgot to tell MSIE about that part of CSS - so we have to
fake it one way or another...




> I still don't quite understand the difference between wrapper / 
> container and the use of float in the code. I try to experiment and 
> get frustrated.

The built-in flexibility/complexity of CSS based layouts compared to 'HTML
table', may be frustrating. HTML tables behave and appears one way
- with only a few variations, while CSS can make most element-combinations
behave and appear in a multitude of ways - and can also simulate HTML tables
to perfection when needed. The only real limitation with CSS design is lack
of support in browsers, where especially IE (all versions) is weak.

In  #wrapper and #container are just
IDs they've used on two different container-divs, since they style them to
do different things. That's the flexibility of CSS again.

- The 'float' property makes #wrapper expand (stretch in height) to contain
#content and the two side-floats; #navigation and #extra. That's in part how
the 'equal height columns' appearance is created in that layout.
Floats and normal in-flow elements can be contained this way, but 'absolute
positioned' elements, like you use in your page, can not.

> What would be a good book for me to go and buy to use as reference and 
> online references, besides this list.

I can't recommend any books on CSS since I haven't read any - yet.

I _can_ recommend the 'CSS 2.1' specification...

...and especially the 'Visual formatting model'...

...since everything anyone needs to know about CSS - in order to start
designing with it, is contained there.

'Web Design References' with 'Cascading Style Sheets' and all the other
stuff, may also help...


regards
Georg
--
http://www.gunlaug.no


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Getting a background to scroll to bottom?

[Michael Stevens]

You make at least two separate DIVs.

The "header" div will have a background exactly like what you have.
The "content" div will have just the side images.

Or

You could make the body have a blue background...
Have the header div with the top background image...
Then have the content div with a background of white and a left/right border
of black.

Just a couple ideas. I'm sure someone else will have more innovative
ideas...

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jon Hughes
Sent: Monday, January 15, 2007 8:33 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Getting a background to scroll to bottom?

I have a page with a background that needs to scroll to the bottom of the
page... I would like to do this without having the make the image 8000px
tall.

Here is a page that is affected:
http://goonsquad.org/santini/site/INCOTERMS2000.html

Anyone have any ideas on how to fix this?

Thanks,

 - Jon

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
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
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[Jehangir Larry]

- Original Message - 
From: "~davidLaakso" <[EMAIL PROTECTED]>
To: "Jehangir Larry" <[EMAIL PROTECTED]>
Cc: 
Sent: Tuesday, January 16, 2007 8:33 AM
Subject: Re: [css-d] horizontal centering in IE

> Jehangir Larry wrote:
>> David Laakso wrote:
>>> In reference to your url: 
>>> 
> trimmed
>> Thanks a ton. Working fine.
> Well... you are getting there, Larry. You may (among other things :-) ) 
> want to abandon the absolute positioning so that those little content 
> boxes flow with font-scaling (try her at 2+ font-scaling in ff and 
> text-size 'largest in ie). The heading h1 should not cross-over or drop 
> behind, and you may not want the primary content to disappear under the 
> footer. This stuff is a lot more fun if you let go and let the software 
> do its thing ;-) .
>> Best,
>> Larry 
> Regards,
> ~dL

Gosh! Looks awful. Everything spills all over. 
What should I do? i can't even figure out where to start!
Larry

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Getting a background to scroll to bottom?

[Jon Hughes]

I have a page with a background that needs to scroll to the bottom of
the page... I would like to do this without having the make the image
8000px tall.

Here is a page that is affected:
http://goonsquad.org/santini/site/INCOTERMS2000.html

Anyone have any ideas on how to fix this?

Thanks,

 - Jon

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[~davidLaakso]

Jehangir Larry wrote:
> David Laakso wrote:
>   
>> In reference to your url: 
>> 
>>
>> 
trimmed
> Thanks a ton. Working fine.
>   
Well... you are getting there, Larry. You may (among other things :-) ) 
want to abandon the absolute positioning so that those little content 
boxes flow with font-scaling (try her at 2+ font-scaling in ff and 
text-size 'largest in ie). The heading h1 should not cross-over or drop 
behind, and you may not want the primary content to disappear under the 
footer. This stuff is a lot more fun if you let go and let the software 
do its thing ;-) .
> Best,
> Larry 
Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Weird IE6 problem with extra space and cursor movement

[~davidLaakso]

Carol F. Swinehart wrote:
> http://www.masterchurchbldr.com/test/portfolio/index4.html
> If you go to this page in IE6 you will see extra blue space under the 
> cloud bar. If you put your cursor over the links, it closes up like it 
> is suppose to.
> What is going on here. Works in FF.
> Carol F. Swinehart
It is behaving the same in ie6.0 and ie7.0.

No guarantee. I am doing this on a wing and a prayer.
Try:
--- You have an id called container1 (note the numeral 1) in the source 
but no #container1 in the css.
And you have an id called #container set twice in the css
---  /*#container{  <<< delete this entire declaration
background-color: #003366;
width: 980px;
height: 100px;
z-index: 1;
}  */   
3/ #container {  <<< Re-name this declaration to #container1 (note the 
numeral 1)
 background: url(images/backgroundportfolio1.jpg) repeat-y;
background-color: #003366;
width: 980px;
height: 100px;
z-index: 1;
}

#wrapper {border: 1px solid fuchsia;
/*background-color: #003366; */
width: 980px;
margin-top:5px;
/*padding-top: 5px;*/ <

Re: [css-d] horizontal centering in IE

[Jehangir Larry]

David Laakso wrote:
> In reference to your url: 
> 
> I /guess/ the reason why you may have had difficulty centering the list 
> horizontally cross-browser is because of conflicting rules. Since 
> ul#navmenu alone positions the list, #menu can probably be deleted from 
> the markup.
> Best,
> ~dL
> http://chelseacreekstudio.com/
Thanks a ton. Working fine.
Best,
Larry 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Weird IE6 problem with extra space and cursor movement

[Carol F. Swinehart]

http://www.masterchurchbldr.com/test/portfolio/index4.html

If you go to this page in IE6 you will see extra blue space under the 
cloud bar. If you put your cursor over the links, it closes up like it 
is suppose to.

What is going on here. Works in FF.

Thanks,

Carol F. Swinehart

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] area:hover - why does this not work

[Mark Finney]

Ok so I use a:hover and just assumed that it should work with an image
map... am i wrong?

Anybody have any clues on this?

Thanks in advance,

Mark
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] adding a class to a link

[Ian Young]

> Subject: [css-d] adding a class to a link
>
>
> I am trying to overide the link class with
>
> Request More Information
>
> .plain_link a{
> border:none;
> padding:0;
> display:inline;
> color:#3300CC;
> }
>
>
> why does this not work?
>
>
Without a URl to see what the problem is kinda difficult to say.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.432 / Virus Database: 268.16.11/627 - Release Date: 15/01/2007
07:54

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] a:visited - font-size

[Michael Geary]

> > From: Jake Churchill
> > Personally I like sites that change the weight and style of visited 
> > links.  For example, if all links are bold, then make visited links 
> > normal.  If all links are normal, make visited links italic.  
> > Something like that.  I don't generally like a bunch of 
> > different sizes of text. I think it makes it difficult to read.

> From: Ed Seehouse
> I think it's best not to violate people's expectations.  
> People are used to a visited link being signified by a 
> slightly different color.
> Why make them do extra work to learn a different convention?  
> Annoyed people are more likely to leave even if it's only a 
> slight annoyance.
> 
> Resizing fonts on a hover risks forcing other screen elements 
> to move around and that's really annoying.

Even just switching to or from bold or italic can change the text width and
cause the page to reflow. I've seen sites whose links would oscillate
between hovered and non-hovered states if you put the mouse at the right
place:

The mouse is on the link, so it changes the text to the hovered style. The
text style change causes the page to reflow, moving the link out from under
the mouse. So, the link changes back to the non-hovered style. This reflows
the page again, moving the link back under the mouse. The link changes back
to the hovered style, and...

-Mike

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] a:visited - font-size

[Ed Seehouse]

On 1/15/07, Jake Churchill <[EMAIL PROTECTED]> wrote:
> Personally I like sites that change the weight and style of visited
> links.  For example, if all links are bold, then make visited links
> normal.  If all links are normal, make visited links italic.  Something
> like that.  I don't generally like a bunch of different sizes of text.
> I think it makes it difficult to read.
>
> -Jake

I think it's best not to vilate people's expectations.  People are
used to a visited link being signified by a slightly different color.
Why make them do extra work to learn a different convention?  Annoyed
people are more likely to leave even if it's only a slight annoyance.

Resizing fonts on a hover risks forcing other screen elements to move
around and that's really annoying.
-- 
Ed Seedhouse
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[~davidLaakso]

Jehangir Larry wrote:
> From: "~davidLaakso"
>   
>> [trimmed...]Thanks, once again. Works very well.
>> Does this then mean that the #menu was a superfluous div?  
>> Regards,
>> Larry
In reference to your url: 
I /guess/ the reason why you may have had difficulty centering the list 
horizontally cross-browser is because of conflicting rules. Since 
ul#navmenu alone positions the list, #menu can probably be deleted from 
the markup.
Best,
~dL



-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] a:visited - font-size

[Jake Churchill]

Personally I like sites that change the weight and style of visited 
links.  For example, if all links are bold, then make visited links 
normal.  If all links are normal, make visited links italic.  Something 
like that.  I don't generally like a bunch of different sizes of text.  
I think it makes it difficult to read.

-Jake

Felix Miata wrote:
> On 2007/01/15 14:25 (GMT-0800) Stephan Wehner apparently typed:
>
>   
>> Thinking about styling "visited links", in a site like craigslist.org,
>> it would make sense to me to change the font-size
>> 
>
>   
>> a:visited {
>>  font-size: 130%
>> }
>> 
>
>   
>> Are there sites that do that? Is it a bad idea?
>> 
>
>   
>> With a large collection of links (like at craigslist) one may assume
>> (on page-reload) the user may like to revisit pages they checked in
>> the past. By increasing the links font size, they are both easier to
>> locate, and easier to actually click on.
>> 
>
> The traditional way makes a lot more sense to me (purple instead of blue
> - i.e. different color for visited rather than different size):
> http://www.useit.com/alertbox/20040503.html
>   

-- 
Jake Churchill
CF Webtools
11204 Davenport, Ste. 200b
Omaha, NE  68154
http://www.cfwebtools.com
402-408-3733 x103


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] a:visited - font-size

[Felix Miata]

On 2007/01/15 14:25 (GMT-0800) Stephan Wehner apparently typed:

> Thinking about styling "visited links", in a site like craigslist.org,
> it would make sense to me to change the font-size

> a:visited {
>  font-size: 130%
> }

> Are there sites that do that? Is it a bad idea?

> With a large collection of links (like at craigslist) one may assume
> (on page-reload) the user may like to revisit pages they checked in
> the past. By increasing the links font size, they are both easier to
> locate, and easier to actually click on.

The traditional way makes a lot more sense to me (purple instead of blue
- i.e. different color for visited rather than different size):
http://www.useit.com/alertbox/20040503.html
-- 
"I have come that they may have life, and have it to the full."
John 10:10 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] a:visited - font-size

[Stephan Wehner]

Thinking about styling "visited links", in a site like craigslist.org,
it would make sense to me to change the font-size

a:visited {
 font-size: 130%
}

Are there sites that do that? Is it a bad idea?

With a large collection of links (like at craigslist) one may assume
(on page-reload) the user may like to revisit pages they checked in
the past. By increasing the links font size, they are both easier to
locate, and easier to actually click on.

Stephan


Here is a simple example to copy and paste:




  A:visited {
font-size: 150%;
  }




kansas
kentucky
louisiana
maine
maryland
mass
michigan
minnesota
mississippi
missouri
montana
nebraska
nevada
n hampshire
new jersey
kansas
kentucky
louisiana
maine
maryland
mass
michigan
minnesota
mississippi
missouri
montana
nebraska
nevada
n hampshire
new jersey
n hampshire
new jersey
kansas
kentucky
louisiana
maine
maryland
mass
michigan
minnesota
mississippi
missouri
montana
nebraska
nevada
n hampshire
new jersey



-- 
Stephan Wehner
> http://stephan.sugarmotor.org
> http://stephansmap.org
> http://www.trafficlife.com
> http://www.buckmaster.ca
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS & IE6 butting heads

[Gunlaug Sørtun]

Jake Churchill wrote:
> http://cfwt.cfwebtools.com
> 
> The active 1st level menu item will have class active and any anchor 
> with a sub menu will have class drop.  2nd level menus have class 
> msubnav.  When I have a menu item with class active and an anchor 
> with class drop, the sub menu does not display.

Not sure if I understand the conditions.

> I've validated my HTML and CSS through W3C's validators and 
> everything is clean.  I just can't figure this out for some reason. I
> copied the code below.  Let me anticipate and answer one question up
> front.  The object tags inside the anchor tags are there because the
> validator said a ul tag cannot be embedded in an anchor tag so the
> HTML wouldn't validate without it.  And I couldn't validate the CSS
> before the HTML was first validated.  It didn't change how any of it
> worked.  I've since removed the object tags and as I said, nothing 
> changed.

Maybe nothing changed in some browsers, but not all browsers will eat
the non-valid source-code you have now. You can see for yourself in
Opera 9.x and Safari 2.x.

The good news is that a run through HTML Tidy's "covert to XML" - which
a document with an XHTML doctype should be anyway - turned it into a
well-working 'XHTML 1.0 Strict' without any object-elements in the list.
A properly nested list is what a 'well configured Tidy'[1] returned, and
those dropdowns are working just fine in IE6, Firefox 2.x, Opera 9.x and
Safari 2.x.

Yes, IE6 has some minor problems - not with the dropdowns though, but
it's no use fixing those in the CSS files at my end, before you have
gotten your own source-code up to an acceptable level.

Validity isn't the goal here - browser-support is, and a document with a
doctype that spells "XHTML" isn't XHTML until it at least passes when
served with a proper MIME type[2] to supporting browsers. What you serve
it as in the end - to maybe cater for non-supporting browsers, is up to you.

regards
Georg

[1]http://www.gunlaug.no/contents/wd_1_07.html
[2]http://www.gunlaug.no/contents/wd_1_06_03.xhtml
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[Jehangir Larry]

From: "~davidLaakso"
> Try positioning the ul#navmenu declaration  rather than #menu:
> Delete this ruleset:
> /*#menu {position:relative; padding:30px 0 0 22px; margin: 0 auto; 
> background-color: fuchsia; }*/
> Amend this ruleset:
> ul#navmenu {
> margin: 0 auto; << margin: 30px auto 0 auto; << }
> BTW, you're getting some cross-over text overlap with a sidebar and/or 
> with font-scaling.
> Regards,
> ~dL
> 
> -- 
> http://chelseacreekstudio.com/
Thanks, once again. Works very well.
Does this then mean that the #menu was a superfluous div?  
Regards,
Larry
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] columns not correct in 3 col and 2 col layout using IE 6

[David Roberts]

Hi,

I think that you will see more of the real problem if you go to one  
of the other sections, info, history. The "showing" column goes right  
up the into the header.

thanks

David



David wrote:

Hmmm, the first piece of text in the left column is marked up as ,
the first text in the right column is an . Maybe that makes the
difference?

David
gnome at hawaii.rr.com
authenticity, honesty, community


David Roberts wrote:

 > URL is: http://www.deadred.co.uk/Documents/index.php
 >
 > The problem that I am having is that  both the 3 column layout on the
 > home page and the 2 column
 > layout on the other pages are not rendering correctly in IE 6.
 >
 > The second column is not lining up with the first column (i.e. 'News'
 > should be level with 'The Picture House') in IE 6  and the third
 > column is just a lot lower than it should be  in IE 6.



-- 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS & IE6 butting heads

[Jake Churchill]

I need some help with a CSS menu that I'm writing.  It is a simple 2 
level menu, level 1 is a horizontal list, level 2 is a dropdown list.  I 
have this working in all browsers, but I ran into a hitch with IE6.  The 
site is http://cfwt.cfwebtools.com

The active 1st level menu item will have class active and any anchor 
with a sub menu will have class drop.  2nd level menus have class 
msubnav.  When I have a menu item with class active and an anchor with 
class drop, the sub menu does not display.

I've validated my HTML and CSS through W3C's validators and everything 
is clean.  I just can't figure this out for some reason.  I copied the 
code below.  Let me anticipate and answer one question up front.  The 
object tags inside the anchor tags are there because the validator said 
a ul tag cannot be embedded in an anchor tag so the HTML wouldn't 
validate without it.  And I couldn't validate the CSS before the HTML 
was first validated.  It didn't change how any of it worked.  I've since 
removed the object tags and as I said, nothing changed.

If anyone has time, please have a look at this and give me some 
suggestions.  I've been stuck for 2 days now on this same issue.

Here's the HTML code for the menu:


   
   
   Home
   
   Support
   
   
   Customer 
Login
   Email 
Support
   Projects
   Change 
Requests
   Hosting 
Customers
   
   
   
   
   Services
   Contact Us
   
   
   project 
2
   
   
   
   Projects & Clients
   
   
   project 
1
   
   
   
   Hosting





Here's the CSS:

/* Main Menu Navigational Design */
#mnav {
float: left;
width: 100%;
margin: 0px;
padding: 0 15px;
list-style: none;
}
   
#mnav li {
 float: left;
margin: 0;
padding: 0px;
font-size: 16px;
text-transform: Uppercase;
}
   
#mnav a, #mnav a.drop {
float: left;
display: block;
margin: 0;
padding: 4px 15px 2px 15px; /* Adujsted according to #mmenu heigth */
font-size: 14px;
font-weight:bold;
color: white;
text-decoration: none;
}

* html #mnav {
width:770px;
}   


/* IE 6 HACK */
* html #mnav a, * html #mnav a.drop {
padding: 7px 15px 2px 15px; /* Adujsted according to #mmenu heigth */
height:22px;
}
/* IE 7 HACK */
html > body #mnav a, html > body #mnav a.drop {
height:22px;
}

   
#mnav a:hover {
background-color: #8D97A5;
}

#mnav li.active a, #mnav li.active a:visited, #mnav li.active a:link, 
#mnav li.active a:hover {
background-color: #8D97A5;
}
#mnav li.active ul.msubnav li a, #mnav li.active ul.msubnav li 
a:visited, #mnav li.active ul.msubnav li a:link {
background-color:#919191;   
}
#mnav li.active ul.msubnav li a:hover, #mnav li ul.msubnav li a:hover {
background-color: #8D97A5;
background-image: url('/images/CF_Icons/cfwrenchTiny_orange.gif');
background-position: left center;
background-repeat: no-repeat;
}



/* Main nav, second level */

/***/
/*COMMON/
/***/
.msubnav {
position:absolute;
padding:0px;
width:165px;
background: #919191;
list-style-type:none;
display:block;
visibility:hidden;
}
.msubnav li, .msubnav li a {
position:relative;
width:165px;
display:block;
background: #919191;
}
.msubnav li {
text-indent:3px;   
}


/***/
/***FF**/
/***/
.msubnav {
margin:26px 0px 0px 0px;
}

/***/
/**IE 7*/
/***/
*:first-child+html .msubnav {
margin:4px 0px 0px -18px;
}

/***/
/**IE 6*/
/***/
* html .msubnav {
margin:5px 0px 0px -18px;
}

/* make the second level visible when hover on first level list OR link */
#mnav :hover ul, #mnav :hover table {
visibility:visible;
}

-- 
Jake Churchill
CF Webtools
11204 Davenport, Ste. 200b
Omaha, NE  68154
http://www.cfwebtools.com
402-408-3733 x103


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Request for site check (and critique if you've got time!)

[Matt Dawson]

Thanks David and Ian!

David - I've been having problems with that extra horizontal scroll for some
time - it just keeps popping back up. For some reason, when I add padding to
the global nav links, it IE6+ wants to push the global nav out of the
defined box I've set for it. (I won't go too much farther into it than that,
as I've now found a solution). Thanks for pointing it out!  Also: that
missing "a" was actually an escaped a I was using in a hack to target IE5,
but because you caught that other bug, it forced me to find another way to
deal with the problem - so now my page is validating again.  Whew!


On 1/14/07, ~davidLaakso <[EMAIL PROTECTED]> wrote:
>
> Matt Dawson wrote:
> > http://www.thenestedfloat.com
> >
> > I'd really appreciate a site check. I'm on a mac, so I've done only
> limited
> > testing in all versions of IE/Win.
> > Matt
> re: xp
> Looking good in latest version of opera and ff. If it makes any
> difference to you, you are drawing a small horizontal scroll bar in
> ie7.0 and ie 6.0 (but not in ie/5.5 nor 5.01). Your very nice logo is a
> no-show in the dead ie/5.01. The page holds a very nice font scaling
> with and without a side bar in place and folds nicely. A missing letter
> "a" in margin is keeping your css file from validating without error
> (tsk, tsk). It is a nice, clean,  minimal design. Nice job, Matt.
> Best,
> ~dL
>
> --
> http://chelseacreekstudio.com/
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] color:none?

[Matt Dawson]

As far as I know, the transparent value is only defined for use with color
in the CSS3 specs and is, as of yet, unsupported by any browser.

If you find I'm wrong about that, let me know - it'd be mighty useful.

Matt
On 1/15/07, Bjoern Hoehrmann <[EMAIL PROTECTED]> wrote:
>
> * [EMAIL PROTECTED] wrote:
> >Is there a way to set a font color to none? I want to make some
> >graphic-only buttons in a multi-skin site, and I can't remove the values.
>
> It is generally possible to use `transparent` as color; where that does
> not work you could set the color to the background color, and if that is
> not possible, you could try to remove the text with the 'content'
> property; if that does not work either, then there is no good way.
>
> By the way, its best to start new threads using the New Mail feature of
> your mail client instead of replying to some other message and changing
> the subject.
> --
> Björn Höhrmann · mailto:[EMAIL PROTECTED] · http://bjoern.hoehrmann.de
> Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de
> 68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> 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
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] color:none?

[Matt Dawson]

"none" is not a valid value for the color property. Now, I assume what
you're trying to do is make the text of a link not display. There are a
number of ways to replace text with an image. The best place to start your
research is at Dave Shea's mezzoblue site. He keeps an updated tally of all
the techniques to replace text with images.

http://www.mezzoblue.com/tests/revised-image-replacement/


On 1/15/07, [EMAIL PROTECTED] <
[EMAIL PROTECTED]> wrote:
>
> Is there a way to set a font color to none? I want to make some
> graphic-only buttons in a multi-skin site, and I can't remove the values.
>
> --
> Marc Luzietti
> Flagship Project
> Bayview Financial, L.P.
> (305) 341-5624
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> 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
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] adding a class to a link

[Amy M Ostrom]

Dear Ross:

Because it is searching for an  inside of the class plain_link.  To 
make it work, call it as

a.plain_link {css}

-- 

In peace,

Amy M Ostrom
Web Interface Designer
[EMAIL PROTECTED]
http://www.tc.umn.edu/~aostrom/

"For dangers untold and hardships unnumbered, I have fought my way to the 
castle beyond the goblin city to take back the child that you have stolen. For 
my will is as strong as yours, and my kingdom is as great. You have no power 
over me." -Labyrinth



Ross Hulford wrote:
> I am trying to overide the link class with
>
> Request More Information
>
> .plain_link a{
> border:none;
> padding:0;
> display:inline;
> color:#3300CC;
> }
>
>
> why does this not work?
>
>
> R.
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> 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
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] adding a class to a link

[Ross Hulford]

I am trying to overide the link class with

Request More Information

.plain_link a{
border:none;
padding:0;
display:inline;
color:#3300CC;
}


why does this not work?


R.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] color:none?

[Bjoern Hoehrmann]

* [EMAIL PROTECTED] wrote:
>Is there a way to set a font color to none? I want to make some 
>graphic-only buttons in a multi-skin site, and I can't remove the values.

It is generally possible to use `transparent` as color; where that does
not work you could set the color to the background color, and if that is
not possible, you could try to remove the text with the 'content'
property; if that does not work either, then there is no good way.

By the way, its best to start new threads using the New Mail feature of
your mail client instead of replying to some other message and changing
the subject.
-- 
Björn Höhrmann · mailto:[EMAIL PROTECTED] · http://bjoern.hoehrmann.de
Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de
68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/ 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Weird Occurrence

[Ed Seehouse]

On 1/15/07, Paul Novitski <[EMAIL PROTECTED]> wrote:
> At 1/15/2007 09:59 AM, Steve LaBadie wrote:
> >One of our programmers is creating forms with PHP as backend.  Most of
> >the input fields (input type=text) have a background color of yellow and
> >there are no styles applied.  It happens in both IE7 and FF. All of the
> >drop-downs are not affected. Any ideas?

IME this is usually caused by the Google toolbar when you are using a
secure link (HTTPS).  Seems to be becoming a standard browser practice
now to signal you are on a secure site with that yellow background in
input boxes.

Ed
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] color:none?

[MarcLuzietti]

Is there a way to set a font color to none? I want to make some 
graphic-only buttons in a multi-skin site, and I can't remove the values.

-- 
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Weird Occurrence

[David Kaufman]

Hi again, Steve,

Steve LaBadie <[EMAIL PROTECTED]> wrote:
> One of our programmers is creating forms with PHP as backend.  Most of
> the input fields (input type=text) have a background color of yellow
> and there are no styles applied.  It happens in both IE7 and FF. All
> of the drop-downs are not affected. Any ideas?

Have that programmer uninstall (or disable to autofil in) the Google toolbar.  
It's showing what fields he has configured it to remember for him (name, 
address, phone, etc).

Hope this helps!

-dave


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Weird Occurrence

[Paul Novitski]

At 1/15/2007 09:59 AM, Steve LaBadie wrote:
>One of our programmers is creating forms with PHP as backend.  Most of
>the input fields (input type=text) have a background color of yellow and
>there are no styles applied.  It happens in both IE7 and FF. All of the
>drop-downs are not affected. Any ideas?


Input fields are INPUT elements while drop-down lists are SELECT 
elements.  Maybe your stylesheet fails to include SELECTs.

For better quality suggestions and critique, include with your 
posting links to a sample page and its stylesheet.

Regards,

Paul
__

Juniper Webcraft Ltd.
http://juniperwebcraft.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Weird Occurrence

[Chris Williams]

Tool bars.  Like google's toolbar?

-Original Message-
From: Steve LaBadie
Subject: [css-d] Weird Occurrence

One of our programmers is creating forms with PHP as backend.  Most of
the input fields (input type=text) have a background color of yellow and
there are no styles applied.  It happens in both IE7 and FF. All of the
drop-downs are not affected. Any ideas?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Visually combining two div boxes

[Martin Clark]

Dave M G wrote...
>http://articlass.org/example.html
>
>Is it possible to do this, though? Right now I can't seem to even
>get the two boxes to come close to each other, and I'm not sure
>what margin or padding setting might be keeping them apart.

I think the problem may lie in #userOptions being given absolute
positioning -   position:absolute; top:150px;

Have a try with position:relative or with omitting position altogether.

Incidentally, when I increase the font size on my browser a few notches,
the two boxes do join up!
-- 
Martin Clark

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Weird Occurrence

[Steve LaBadie]

One of our programmers is creating forms with PHP as backend.  Most of
the input fields (input type=text) have a background color of yellow and
there are no styles applied.  It happens in both IE7 and FF. All of the
drop-downs are not affected. Any ideas?

 

Thanks

 

Steve LaBadie, Web Manager
East Stroudsburg University
200 Prospect St.
East Stroudsburg, Pa 18301
570-422-3999
[EMAIL PROTECTED]  
http://www.esu.edu  

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A table of images using sprites...

[Hugo Heriz-Smith]

Thank you - perfect. Now I need to find the best way to get the  
secondary roll overs to work... but those buttons were really  
stumping me - so thank you very much.

Hugo

Georg wrote:
> Specificity-problem.
>
> #stainless_matrix li
> {
>   left: 0;
> }
>
> ...has highest specificity and is overriding...
>
> #matrix_2
> {
>   left: 76px;
> }
>
> Make it...
> #stainless_matrix #matrix_2
> {
>   top: 0px;
>   left: 76px;
>   width: 67px;
> }
>
> ...with the ul ID as part of the selectors, and you'll get the correct
> positions and :hover effects.
>
> regards
>   Georg
> -- 
> http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Clear: both Problem?

[~davidLaakso]

Richard Brown wrote:
> This site works as a home page:
> 
> but as soon as I navigate to a category we get this:
> 
> It is Zen-Cart based template using this design as a starter:
> 
> CSS is at:
> 
>
> Any ideas why the float is not clearing please or maybe why it works
> as a home page and not a category page?
>   
Either you've fixed this or I am out to lunch. I do not understand what 
it is supposed to do that it is not doing?
BTW, I think there may be an error in the markup. You've got:

Should it read:

Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[~davidLaakso]

Jehangir Larry wrote:
> Please see http://www.jehangirlarry.com/andromedamockup.php
> The left hand menu appears centered horizontally in FF but not in IE [I am 
> on IE7]
> Appreciate advice. This centering issue continues to confuse me.
>   
Try positioning the ul#navmenu declaration  rather than #menu:

Delete this ruleset:
/*#menu {position:relative; padding:30px 0 0 22px; margin: 0 auto; 
background-color: fuchsia; }*/
Amend this ruleset:
ul#navmenu {
margin: 0 auto; << Larry 
Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't understand this small gap in Firefox

[Michal Cizmazia]

> But, why it adds that space at the end when the image is in his
> default display setting ( inline ) ?

I assume that each line is rendered in virtual line box, which can be
influenced by many css properties: line-height, font-size,
vertical-align, text-align. An img element with default
"display:inline" is rendered in a line box according its properties.
-- 
>{U}(")>Cimo

Michal Cizmazia
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't understand this small gap in Firefox

[Marcelo Wolfgang]

Hi,

First thanks, this solved the gap.

But, why it adds that space at the end when the image is in his
default display setting ( inline ) ? if there's any content besides
the image ?

TIA
Marcelo

On 1/15/07, Michal Cizmazia <[EMAIL PROTECTED]> wrote:
> > You will see that in FF after the main image in all the entries,
> > there's a gap about 3 to 5 pixel
>
> This solves removes the gap:
>
> img { display:block; }
>
> The img element is inline by default. That is the reason of the gap.
> --
> >{U}(")>Cimo
>
> Michal Cizmazia
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Visually combining two div boxes

[Gunlaug Sørtun]

Dave M G wrote:
> http://articlass.org/example.html

> My hope was to somehow make this second set of links appear as though
>  it were part of the same box as the first set, even though they are 
> actually two separate DIV tags.

Well, if you add something like...

#navigation {padding-bottom: 10em;}
#userOptions {z-index: 1; margin-top: 7em; top: 0;}

...to what's already there, then the appearance shouldn't be too far
off. Give it a bit of font-resizing, and adjust those values to taste.

Also: you should add...
html {font-size: 100%;}
...to kill the 'em font-resizing bug'[1] in IE/win. That old bugger will
otherwise break your layout even with its few resizing steps.

regards
Georg

[1]http://www.gunlaug.no/contents/wd_additions_13.html
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't understand this small gap in Firefox

[Michal Cizmazia]

> You will see that in FF after the main image in all the entries,
> there's a gap about 3 to 5 pixel

This solves removes the gap:

img { display:block; }

The img element is inline by default. That is the reason of the gap.
-- 
>{U}(")>Cimo

Michal Cizmazia
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] horizontal centering in IE

[Jehangir Larry]

Please see http://www.jehangirlarry.com/andromedamockup.php
The left hand menu appears centered horizontally in FF but not in IE [I am 
on IE7]
Appreciate advice. This centering issue continues to confuse me.
TIA
Larry 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] min-height: which one does it right FF2 or IE7?

[Michal Cizmazia]

Thank you, Bruno, your explanation made it clear to me.

My conclusion in regard to my test case is: It does make sense, that
both top and bottom specified is equivalent to having a height
specified.

> It seems related to the fact that your containing block has both top and
> bottom specified, and this is more or less "equivalent" to having a height
> specified.

Therefore Firefox, Safari, iCab render my test case right. Thank you,
Philippe, for your browser tests.
-- 
>{U}(")>Cimo

Michal Cizmazia
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Visually combining two div boxes

[Dave M G]

CSS-d,

On the the following site, I have the rough beginnings of a CSS based 
design:
http://articlass.org

It doesn't have any images or too much dressing.

On the left hand side is a box with a basic navigation menu. Only "home" 
and "contact" for now. You might notice that the bottom border is missing.

This is because when you log in, there's a box with additional links, 
which appears underneath the box on the right. You can see an example here:
http://articlass.org/example.html

My hope was to somehow make this second set of links appear as though it 
were part of the same box as the first set, even though they are 
actually two separate DIV tags.

The underlying system that generates the HTML for these pages is a PHP 
system that is designed to hopefully be generic and malleable into 
different layout choices. Some people might make layouts that don't have 
these two sets of links in the same place, for instance.

So that's why I'm not going back to the HTML code to combine the two 
sets of links under the same DIV tag.

If it were possible to make the two sets of links to appear to be in the 
same box on a visual level, but remain two different DIV tags, then that 
would be ideal, as it would mean that the system was very flexible.

Is it possible to do this, though? Right now I can't seem to even get 
the two boxes to come close to each other, and I'm not sure what margin 
or padding setting might be keeping them apart.

The CSS, which I hope I've laid out sensibly enough and with enough 
comments to be easily readable, is here:
http://articlass.org/style.css

Any advice or information would be much appreciated.

--
Dave M G
Ubuntu 6.06 LTS
Kernel 2.6.17.7
Pentium D Dual Core Processor
PHP 5, MySQL 5, Apache 2

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Can't understand this small gap in Firefox

[Marcelo Wolfgang]

Hi list,

I couldn't find a solution for a small gap in Firefox in my design.

You can check it out here http://portfolio.grillo.tk/2007

You will see that in FF after the main image in all the entries,
there's a gap about 3 to 5 pixel where the background is being
repeated as if the image was bigger ( the best way to visualize this
is selecting all ).

This do not happens in IE ( at least in ie7, I still have to tame ie6 ).

Does anyone has any clues on how can I fix this ?

[]´s
Marcelo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Max-width (NOT IE)

[Gunlaug Sørtun]

Pete Harrison wrote:
> I realise max-width does not work in IE, but I cannot seem to get it 
> to work in FF2.0.0.1
> 
> Any ideas why I've got this wrong?
> 
> www.boxdproductions.co.uk

Max-width works perfectly in Firefox 2.0.0.1, but you have declared
max-width on #wrapper and those absolute positioned elements are not
given any relationship to #wrapper. So, the 'A:P' elements take their
width and height from the browser-window and overflow #wrapper.

If you add...
#wrapper {position: relative; min-height: 800px;}
...and correct the source-code to it shows...
 instead of 
...just to follow the rules of 'well-formedness' and 'validity' if
nothing else, then the relationship is established and you'll get the
behavior you're after.

Note that #wrapper won't expand to contain absolute positioned elements
all by itself, so that's why I have added 'min-height: 800px;'. You can
of course make html, body and wrapper stretch to 100% window-height, in
which case you won't need that pixel-value.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Trying to find the best webdesign software

[James Leslie]

I too use Homesite/Top Style pro and check in firefox as I code.
Sporadically I check everything is fine in Opera/Safari and then tidy up
IE with conditional commented stylesheets. I haven't even opened
Dreamweaver or any other WYSIWYG for over a year.

James
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Max-width (NOT IE)

[Pete Harrison]

I realise max-width does not work in IE, but I cannot seem to get it to
work in FF2.0.0.1
 
Any ideas why I've got this wrong? 
 
Page www.boxdproductions.co.uk  
Css www.boxdproductions.co.uk/css.css
 
Many thanks
Pete 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6 not showing CSS rollover effects

[Gunlaug Sørtun]

Christy Sullenberger wrote:
> [...] I've been looking at IE6 hacks, but none seem to address the 
> button issue. So I figure it must be a designer problem.

> http://www.crazyacesentertainment.com

No :-)It is a genuine IE6 bug.

Add a 'hasLayout'[1] trigger to the anchor...
#menu li a {width: 100%;}
...and IE6 will come to its senses and expand those links properly so
they can handle background and hover effects.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A table of images using sprites...

[Gunlaug Sørtun]

Hugo Heriz-Smith wrote:
> http://www.stephenporterstudio.com/html/index.html


> It's not clear to me why we can't still rely the UL for placing the 
> image - but, any maybe this is part of the problem - it seems I can't
>  position the  elements in the second or third columns. The 
> hovers work just fine on the first elements of the rows (I've only 
> done the first two rows) but the 2nd and 3rd elements don't seem to 
> want to move over. You can see some type I was using as a test for 
> 's number 2 and 5.

Specificity-problem.

#stainless_matrix li
{
left: 0;
}

...has highest specificity and is overriding...

#matrix_2
{
left: 76px;
}

Make it...
#stainless_matrix #matrix_2
{
top: 0px;
left: 76px;
width: 67px;
}

...with the ul ID as part of the selectors, and you'll get the correct
positions and :hover effects.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/