[css-d] Scaling type isn't expanding the container div

[Michael Stevens]

http://nancyray.accountsupport.com/index0.php
http://nancyray.accountsupport.com/bct.css
 
The layout is still crap but it's coming together. I can't figure out why
the type under the Presstek Ad isn't pushing the div below it down when I
scale the type. It keeps the divs in place as though I've given them
absolute positioning and the type lays on top of the text below.

I'm sure it's an easy fix but I'm missing it...
 
Thanks!
 
Mike


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

Re: [css-d] Scaling type isn't expanding the container div

[Michael Stevens]

Damn... too many DIVs to keep track of. That's what happens when I stare at
the same code too long. I knew it was simple.

Thanks to all of you!

Mike

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Sent: Thursday, January 24, 2008 2:03 PM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Scaling type isn't expanding the container div

Michael Stevens wrote:
> http://nancyray.accountsupport.com/index0.php

> I can't figure out why the type under the Presstek Ad isn't pushing 
> the div below it down when I scale the type.

Setting a height like you have...

#content div.tab_section {
height : 165px;
}

...has that effect in compliant browsers.

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


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

Re: [css-d] Scaling type isn't expanding the container div

[Michael Stevens]

I knew I jumped the gun... I had that height so that the headings don't come
up into the text space above. See the link again and you'll know what I
mean...

http://nancyray.accountsupport.com/index0.php

Since IE ignores min-height I just used height to make sure the next TAB div
didn't come up too high. How do I get IE to work properly since it doesn't
like min-height?

Mike 

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Sent: Thursday, January 24, 2008 2:03 PM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Scaling type isn't expanding the container div

Michael Stevens wrote:
> http://nancyray.accountsupport.com/index0.php

> I can't figure out why the type under the Presstek Ad isn't pushing 
> the div below it down when I scale the type.

Setting a height like you have...

#content div.tab_section {
height : 165px;
}

...has that effect in compliant browsers.

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


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

Re: [css-d] New CSS/html tools?..

[Michael Stevens]

WeBuilder from Bluementals
http://www.blumentals.net/webuilder/

They have several different flavors with each supporting more flavors of
code. WeBuilder is their top of the line and supports php coding.

I've been using HomeSite forever and hoping someone would come along with a
piece of software that was worth something. This is the first one I've seen
that can hold a candle to HomeSite. Along with handling php and javascript
files it also does a good job of handling CSS files. Top Style is still
better for CSS but it's not too often I need the reference files in Top
Style.

Mike 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Karl Jacobs

Howdy,

I'm really ready to dump BBedit, and am wondering if anyone has a good
html/css editor with autocomplete like many of the current  
tools, but also has the built-in ftp capabilities of BBedit?   I am  
seeing a lot of tools with one or two good features, but nothing
outstanding.  Basically, wondering what people are using.  (I'll take nay
responses offline).

thanks

-- Kar

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

Re: [css-d] New CSS/html tools?..

[Michael Stevens]

Aren't Mac people always bragging about how their machines can run Windows
better than a PC can? Shouldn't be a problem then... :)

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Kathy Wheeler
Sent: Monday, March 10, 2008 7:39 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] New CSS/html tools?..

On 11/03/2008, at 12:34 PM, Michael Stevens wrote:
> WeBuilder from Bluementals
> http://www.blumentals.net/webuilder/

WeBuilder is windows only.

> -Original Message-
> Karl Jacobs
>
> I'm really ready to dump BBedit, ...

BBedit is Mac only.

Unless Kar is dumping the Mac as well, WeBuilder will be of no use.

Pity, otherwise it looks interesting and I'm always on the lookout for
better OS X editors with current doctype, CSS, javascript, DHTML (and
optionally PHP) support myself.

Cheers,
KathyW.

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

[css-d] Got a strange space that I can't figure out

[Michael Stevens]

http://bctaztest.bigmikes.org/
http://bctaztest.bigmikes.org/bct.css
 
View it in FF and it looks as expected.
View it in IE and there's gap of 10px or so off to the right. You can see it
since the header doesn't extend fully to the right. Or, actually it does but
something is pushing the background DIV out.

Any see my obvious error?

There are also some white borders between the menu items but I'm sure I can
figure that one out with a little help from FireBug.
 
Thanks,
 
Mike


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

[css-d] I can't see why my menu is shifted down

[Michael Stevens]

in FireFox... 
 
http://corpdelservice.bigmikes.org
http://corpdelservice.bigmikes.org/cds.css
 
I'm using Firebug to check things and I've got left and right padding on the
 but nothing on top or bottom. What's amazing me is I swiped this from
another site of mine and just adjusted the padding to the new little icon
next to the menu item and this version doesn't work.
 
Any ideas?

Thanks,
 
Mike


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

[css-d] How do I get my DIVs to stay within their parent DIV?

[Michael Stevens]

www.karmarbfi.com
www.karmarbfi.com/karmar.css
 
My understanding is the #content div contains the #products and #prodR,
#prodL divs so when floating they must stay within #content. Judging by FF
rendering it correctly I'll assume my understanding is close to correct.
What about IE? It's floating the whole thing down and below the menu. There
must be another hack that I'm not aware of to make it stay within it's
parent div.
 
Thanks,
 
Mike


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

Re: [css-d] How do I get my DIVs to stay within their parent DIV?

[Michael Stevens]

-Original Message-
From: David Laakso [mailto:[EMAIL PROTECTED] 

> Michael Stevens wrote:
>
> www.karmarbfi.com
> www.karmarbfi.com/karmar.css
>  
> My understanding is the #content div contains the #products and 
> #prodR, #prodL divs so when floating they must stay within #content. 
> Judging by FF rendering it correctly I'll assume my understanding is close
to correct.
> What about IE? It's floating the whole thing down and below the menu. 
> There must be another hack that I'm not aware of to make it stay 
> within it's parent div.
>
> Mike  

Try feeding a width to give "layout" (horizontal dimension) to IE/6:

*  html  #index #content #products {
border: 1px solid blue;
width: 92%;
 }

So why does <= 94% work but >= 95% doesn't work? Is it trying to calculate
the width and then it runs into the 10px of margin and padding applied?

Thanks,

Mike


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

Re: [css-d] How do I get my DIVs to stay within their parent DIV?

[Michael Stevens]

I understand the height without width thing. I would've sworn I added the
height to get it into the proper position in the first place. What does the
inline display do? I assume it serves only to get rid of the duplicate
character bug in IE?

Thanks,

Mike

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, April 02, 2008 11:27 AM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] How do I get my DIVs to stay within their parent DIV?

Michael Stevens wrote:
> www.karmarbfi.com

You're introducing a 'hasLayout' trigger in IE/win with...
#content {height: 100%;}

Without a declared width to fall back on, IE6 will expand to full page-width
minus margins, which makes #content drop below the float.

You'll have better luck across browser-land if you replace your #content
styles with the following...

#content {
margin: 10px 10px 10px 0;
padding: 10px;
width: 706px;
float: right;
display: inline;
overflow-x: hidden;
}

...which turns the design into a two-column float construction that all
browsers support.

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


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

Re: [css-d] How would you approach an organization chart in CSS?

[Michael Stevens]

Looks like a table to me... I wouldn't be afraid of using a table for it but
making it a graphic would be MUCH easier than screwing with any HTML
element.

Mike

-Original Message-
> I need to redo a organization chart that is a graphic and therefore 
> not editable.
>
> I could rework it in another graphic, but I was trying to think how 
> you could do it with just markup and CSS.

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

Re: [css-d] Dynamic navigation link aid

[Michael Stevens]

-Original Message-
From: David Hucklesby [mailto:[EMAIL PROTECTED] 

For this, I make the current link a STRONG element instead of a link.
This emphasizes "you are here" even in the absence of CSS.

--

How do you use CSS to make a link another element? Or am I misinterpreting
what you are doing. I always simply make a class called current, apply that
class to the link, and define that class has having a different color,
weight, background, etc...

If you are hard coding it and removing the link that's an option but the
better option would be to use PHP to dynamically add the class to the link
when the page is active.

Mike


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

Re: [css-d] Fitting conent to the screen

[Michael Stevens]

-Original Message-
What matters is whether the content fits, and that's generally best measured
in something the visitor has and rightfully should have control of - em. If
your content properly fits in a (e.g.) 42em wide window that just happens to
be (e.g.) 800px wide on your screen, then everyone else capable of a window
of 42em or wider should see what you see, and be content with it, regardless
how many px it takes to make it 42em.

--

But will it look good? If I'm on my laptop viewing a page in an 800px window
it will look much different than at home viewing it on my 24" in a 1600px+
window. I don't think the issue is "will it fit?" The issue is make it look
good. The two are not exclusive of each other.

In that respect I believe the browser window's size in pixels is the best
measure. But, that's just my opinion...

Mike


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

Re: [css-d] menu bar

[Michael Stevens]

Wouldn't this work?

ul li ul li {};

Or, easier yet...

li.first {};


Am I trying to make it too simple and ignoring something?

Mike 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]

Sent: Tuesday, October 28, 2008 11:58 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] menu bar

Sad to say I'm using a unnamed product to help me build a menu for a site. 
I am trying to add padding to one of my list items without affecting the
other list items and can not solve the problem due to my own ignorance. 
This is what a sample of my code looks like:



  Untitled Item


  Untitled
Item

Untitled Items
  
Untitled Item
Untitled Item
Untitled Item
  


The padding for this item is controlled thru this css rule:

ul.MenuBarVertical a
{
display: block;
cursor: pointer;
padding: 0.75em;
color: #FF;
text-decoration: none;
background: #006799;
}

Can anyone please give me a suggestion on how to make a new rule that would
allow me to give only the first list item more padding without affecting the
others list items controlled by this rule? Thanks in advance for your help,

Tommy


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

Re: [css-d] Simple Horizontal Menu

[Michael Stevens]

Make separate classes for the oddball menu item...

.menu_border {border-right: 1px solid;}
.menu_border_last {border-right: none;}

or adversely

.menu_border {border-left: 1px solid;}
.menu_border_first {border-left: none;}

Mike

-Original Message-
From: MEM [mailto:[EMAIL PROTECTED] 

Hi all,

I need to have a horizontal menu like this:

Item1 | Item2 | Item3

Note that, at the beginning and at the end of the list there is no |.
So, I only need them in the middle.

If we apply all border-left: 1px, solid; then, Item3 will get a |.
If we apply all border-right: 1px, solid; then, Item1 will get a |.

How can we define borders only in the middle item like this:
Item1 | Item2 | Item3
?

Thanks a lot,
Márcio


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

Re: [css-d] Simple Horizontal Menu

[Michael Stevens]

-Original Message-
From: Chris Casciano [mailto:[EMAIL PROTECTED] 

That would certainly work, but optimally I don't think you'd need to put a
class on every item... really you shouldn't need to use classes on any of
them to solve this problem, but browsers would tend to disagree with that
statement... but here's the way you'd do it without classes at all:

#some.context li { border-left: 1px solid; } #some.context li:first-child {
border-left: none; }

but in the real world to deal with browsers being browsers, and to aid
legibility I'll typically use a class that looks *just* like the pseudo
class that would do the job [and use that class only in the HTML where the
pseudo class would apply]

#some.context ul li { border-left: 1px solid; } #some.context ul
li:first-child, #some.context ul li.first-child { border-left: none; }

and then have the HTML look like



...
...
...
...



Again, Michael you're answer is accurate, I've just found that substituting
classes in place of the pseudo classes is the easiest to read and maintain
in the long run



If I programmed 8 hours a day I probably would have made it fancier. But,
I've found that my life is much easier when I avoid things that don't render
the same across browswers. Last I heard (again, I don't do this all day so
don't keep up on specs) a lot of those pseudo-classes do not work reliably
in all browsers so I've never used them.

Your example above is EXACTLY what I would have done although in my first
brief reply it was not apparent what I was getting at.

Mike


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

[css-d] Can't figure out this white space above my menu in IE...

[Michael Stevens]

http://bctaztest.bigmikes.org/test.html
http://bctaztest.bigmikes.org/test_bct.css
 
~5 pixels above the burgundy menu bar. With no Firebug in IE it makes it
difficult to figure things out... Using the IE Developer Toolbar I can see
that the TD cell that holds the header image is containing the problem. The
image is not the problem, though. In the IE DT I see #text# in the cell but
I can't find any text in the cell. It's an image and three image maps.
 
And before you lay into me, yes, this site will be redesigned shortly
getting rid of most of the tables. For now I just need to get it working
with a new color scheme.
 
Any idea on the extra white space above the menu?
 
I also just noticed my text boxes in the FedEx section are off... gotta look
into that as well...
 
Thanks,
 
Mike


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

Re: [css-d] Can't figure out this white space above my menu in IE...

[Michael Stevens]

display: block took care of it...

So, where is this mysterious TEXT element that IE is fabricating? We have to
fight this pig enough without it making stuff up... :(

Thanks... Now I'll see what I can figure out about the misplaced boxes in
the FedEx section.

Mike

-Original Message-
From: David Hucklesby [mailto:davidh...@writeme.com] 

Yes. IE is placing the image on the baseline of the "text" it "sees"
in the table cell, leaving space for non-existent text descenders.

In your test_bct.css add one of these declarations to the rule for the 'img'
selector:

  vertical-align: bottom;
- or -
  display: block;


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

Re: [css-d] Can't figure out this white space above my menu in IE...

[Michael Stevens]

-Original Message-
From: Gunlaug Sørtun [mailto:gunla...@c2i.net] 
2: IE sees whitespace (text) wherever it can in any mode. It's an old bug.
So you better close all gaps in the source-code - yours is wide open, and
make sure you keep track of what's block and what's inline elements and
modify 'display' when necessary.

--

Are you saying that this:


  
http://info.orderprinting.com/why_use_orderprinting.html";>
http://info.orderprinting.com/why_use_orderprinting.html";>
http://info.orderprinting.com/why_use_orderprinting.html";>




should be coded like this (one long string of text):

http://info.orderprinting.com/why_use_orderprinting.html";>http://info.orderprinting.com/why_use_orderprinting.html";>http://info.orderprinting.com/why_use_orderprinting.html";>

That would really blow...

Mike


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

Re: [css-d] Pragmatic look at our CSS future - ripped from: The CSSOverlords

[Michael Stevens]

-Original Message-
From: Nancy Johnson [mailto:njohnso...@gmail.com] 

The problem with getting rid of IE6 is too many internal applications
especially in the business community will only work in IE6,  like the
internal application we use. There is no budget to make the updates and I'm
sure they are massive.

Nancy

--

So, who's the rocket scientist that decided it would be a good idea to write
applications with ONE and ONLY ONE viable program to run those programs?
Writing a stand-alone program is one thing... writing a web application for
use in a browser and targeting the worst browser possible isn't exactly a
smart move. But then again I guess we ARE talking about "big business"
aren't we? No brain trusts there...

Mike


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

Re: [css-d] Font size dilemma

[Michael Stevens]

-Original Message-
From: Jukka K. Korpela [mailto:jkorp...@cs.tut.fi] 
Sent: Friday, March 13, 2009 12:23 PM
To: CSS discuss
Subject: Re: [css-d] Font size dilemma

Leave aside the font-size, as a CSS property, or as a propery of a font, for
a moment. What those people want is not small font size but small letters. 
Then you could set, say,

body { font-family: Calibri, Vrinda, sans-serif; }
* { line-height: 1.2; }

The point is that Calibri and Vrinda have letters that are small with
respect to the font size, so the text looks considerably smaller than, say,
Arial of the same size. Either of these fonts is available on the great
majority of computers, and regarding others, let's hope their sans-serif
pleases the user.

--

Working in the Graphic Design field I've seen and heard of a lot of fonts.
Calibri I have but do not have installed all the time and use it maybe a
couple times a month. And I've never heard of Vrinda. Because of the
inherent problems with calling out REAL typefaces I rarely do it. A few
exceptions might be:

{font-family: Helvetica, Helvetica55, "Helvetica 55", HelveticaNeue, Helv,
Swiss721, Swiss721BT, Arial, Arial, sans-serif;}
{font-family: Garamond, GarmondITC, "Garamond ITC", ITCGaramond, "ITC
Garamond", Gatineau, serif;}
{font-family: Palatino, PalatinoLinotype, "Palatino Linotype", "Book
Antiqua", PalmSprings, "Palm Springs", serif;}

But I usually only define them as serif or sans-serif. Less worrying that
way...

Your theory is an interesting one, though.

Mike

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

Re: [css-d] setting width of

[Michael Stevens]

You'll want to give navcontainer a width... Speaking of that why do you have
id="navcontainer" and immediately add another div with the id="navlist",
especially when you don't have a navlist in your CSS?

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Joel D Canfield
Sent: Tuesday, March 06, 2007 11:35 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] setting width of 

I'm stumped (again)

How can I set the width of the navigation on the right so each link is the
same width? Meaning, the background/hover effects, etc.

http://www.grassies.com/g/

Setting the width of  just doesn't seem to have any effect whatsoever.

Thanks.

joel

__
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] Inline paragraph with headers

[Michael Stevens]

How about:

Jeff Altemus - Director First and Second Week

I've been doing that for years, even before I knew how to really use CSS.

Mike

> I would like to be able to use a Header and a paragraph on the same 
> line in 
>
> Where there is an H5 such as:
> Jeff Altemus - Director
> I would like to add  a paragraph such as  First and Second Week 
> The result would be  Jeff Altemus - Director First and 
> Second Weeek with no line break and maintaining the styling for the H
tag.

__
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] [ADMIN - OFF TOPIC] Re: Inline paragraph with headers

[Michael Stevens]

WOW! That's pretty tight administration... I haven't seen a response yet
that didn't have something to do with CSS.

There was my reply:
Jeff Altemus - Director First and Second Week
Adding a span & class is clearly CSS...

There was Austin's reply:
Jeff Altemus - Director First and Second
Week
Adding a span & class just like my comment...

Then Rick's reply:
Jeff Altemus - Director First and Second week and *then* add
display:inline to the H5.

It's very rudimentary CSS but it's pretty clearly relating to CSS in my
opinion...

-Original Message-

etc, etc, etc

I'm going to pass over the fact that some of these suggestions have been
truly gruesome and move straight to the relevant issue...

These are markup issues that relate to semantics and have nothing to do with
CSS per se.

Please take this discussion off list or to another more general web
discussion list.

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

Alex
css-d moderator


__
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] How to embed Flash movies?

[Michael Stevens]

I'm working on a site redesign at www.regencygarden.com/test/ and there are
several pages there with Flash movies. They all validate XHTML 1.0 Strict
except for the pages with the Flash. The validator doesn't like anything
about the  tag or the attributes therein.
 
How do we embed these movies and stay strict?
 
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] How to embed Flash movies?

[Michael Stevens]

I hate having to jury rig something but that one was pretty painless. Thanks
- Mike 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Justin Myers
Sent: Friday, March 23, 2007 9:43 AM
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] How to embed Flash movies?

A List Apart covered this awhile back:
http://www.alistapart.com/articles/flashsatay/
HTH,
Justin


__
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] I'm sure this is an easy problem...

[Michael Stevens]

but I'm not having any luck remembering how to fix it...
 
www.regencygarden.com/test/contact.html
 
In IE the table looks good but in FF the cells are twice as tall as in IE.
What's the easy fix for that? I thought it was a display: table or display:
block applied to the table in the CSS but it's something else.
 
Thanks,
 
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] question regarding MaintainableCss page on the wiki

[Michael Stevens]

That's because it's working like it's supposed to... :) If you have:

.redbold {color: #ff; font-weight: bold;}


Here is some text and a link.

The  will inherit the properties from the browser's style sheet since it
is not explicitly formatted in the supplied style sheet.

Mike


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of David Hucklesby
Subject: Re: [css-d] question regarding MaintainableCss page on the wiki

Then there is the odd exception. I remember being utterly confused after
absorbing this rule (re: color being inherited throughout) when I discovered
this is not true of links.

Cordially,
David


__
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] changing font sizes - pt > px doesn't work in CSS

[Michael Stevens]

Here's the site in question: www.bctarizona.com
 
It's a nightmare and I'm slowly trying convert it to good XHTML/CSS. Today I
was attempting to change all the type from points to pixels via the
stylesheet. I put font-size: 13px in the body and then changed all the other
specs as %s to reference it. There's a normal class which was set to 10pt so
I changed it to 100% which should make it equal what's in the body tag. But,
ALL the text with a class of normal is MUCH larger and DOES NOT change
regardless of what I put in the stylesheet. No matter what I changed the
body tag or normal class it all stayed the same. And, since I made all the
other tags % they should reference the body which means that
increasing/decreasing the body {font-size...} should increase everything,
including the top & side menus. Not so...
 
So, there are a lot of problems including but not limited to: it's all
tables, no DOCTYPE, most of the styles are inline... Don't bother validating
it and telling me it doesn't validate. I know. I'm trying to convert it to
good code but it's slow in progress. And, other than no DOCTYPE I don't see
how any of the errors make the pages ignore px.
 
I have worked around it by defining everything as px which isn't making
anything easier. Why doesn't this site like to use px in the manner you
should? If it's just an issue of no DOCTYPE that should be an easy fix. I
tried adding it to the header.php page but it errored out on me. I'll have
to figure out why PHP doesn't like the DOCTYPE in front of .
 
Thanks for any insight...
 
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] changing font sizes - pt > px doesn't work in CSS

[Michael Stevens]

-Original Message-
From: David Laakso

It is a lot easier if you set default (100%) on the body.  And use percent
throughout for font-sizes and a raw number (no unit of measure) for
line-height.
This is a 5 minute fast & dirty pass at what you've got:

body {...]
--

By setting body to 100% you still haven't define it, have you? That's why I
was trying to set body to 13px and % for everything else.

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] table class

[Michael Stevens]

Hi Ross,
There is a 'equal sign' missed in your HTML code:


In case the missed sign was a typo and you want a border around ALL cells of
the table you must use the following CSS:

table.signup_table {
border-collapse:collapse;
}
table.signup_table tr td {
border:1px solid green;
}

--

Why doesn't applying a border to table cascade the way it should enveloping
all of it's child elements, namely tr and td?

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] table class

[Michael Stevens]

If a border applied to a table in the CSS is not inherited by tr and td then
why does  in your markup give borders around all the tr
and td?

Following the second link give this description:
The headline is important!
"If no color has been assigned to the EM element, the emphasized "is" will
inherit the color of the parent element, so if H1 has the color blue, the EM
element will likewise be in blue."

which can be logically changed to:
The headline is important!
"If no border has been assigned to the TD element, the TD will inherit the
border of the parent element, so if  has border="1", the TD element
will likewise be border="1".

Does that logic not hold up? I'm just trying to figure out what seems to be
a huge inconsistency in the application of a border to a table.

Mike

-Original Message-
From: Mauricio Samy Silva [mailto:[EMAIL PROTECTED] 
Sent: Monday, June 04, 2007 2:09 PM
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] table class

Hi Mike,

Because it's not a cascade issue.[1]
It's an inheritance issue.[2]
The CSS property border isn't an inherited property or in other words,
doesn't apply to children elements.

[1] http://www.w3.org/TR/REC-CSS2/cascade.html#cascade
[2] http://www.w3.org/TR/REC-CSS2/cascade.html#inheritance

Maurício Samy Silva
http://www.maujor.com/

- Original Message -
From: "Michael Stevens" <[EMAIL PROTECTED]>
To: 
Sent: Monday, June 04, 2007 8:36 PM
Subject: Re: [css-d] table class


> Hi Ross,
> There is a 'equal sign' missed in your HTML code:
> 
>
> In case the missed sign was a typo and you want a border around ALL cells 
> of
> the table you must use the following CSS:
>
> table.signup_table {
> border-collapse:collapse;
> }
> table.signup_table tr td {
> border:1px solid green;
> }
>
> --
>
> Why doesn't applying a border to table cascade the way it should 
> enveloping
> all of it's child elements, namely tr and td?
>
> 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] table class

[Michael Stevens]

Well, I understand you are right, and did from the start because I've
experienced it myself (even though my argument's logic failed), but I still
say it's an inconsistency. :)

border= in HTML should equal border: in CSS. I understand they are different
but to make them inconsistent would be one reason why people have a hard
time with the "CSS or die" theory of late.

Mike

-Original Message-
From: Mauricio Samy Silva [mailto:[EMAIL PROTECTED] 
Sent: Monday, June 04, 2007 4:06 PM
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] table class

Good point Mike.
You are mixing things.
Your logic fails because is applying 'markup rules' to 'CSS rules'.

In  [the old and deprecated way to apply borders] border
is assigned via an HTML * attribute* and must follow what the HTML Specs [1]
says:

The value "border" in the start tag of the TABLE element should be
interpreted as the value of the frame attribute. It implies rules="all" and
some default (non-zero) value for the border attribute.


In The headline is important! There isn't an attribute
border like ...

So, borders are applied via CSS, and now the CSS Specs [2] must be followed.

'border'
  Value:   [ <'border-width'> || <'border-style'> ||  ] | inherit
  Initial:   see individual properties
  Applies to:   all elements
  Inherited:   no
  Percentages:   N/A
  Media:   visual


It isn't an inherited property!

[1] http://www.w3.org/TR/REC-html40/struct/tables.html#adef-border-TABLE
[2] http://www.w3.org/TR/REC-CSS2/box.html#propdef-border


Maurício Samy Silva
http://www.maujor.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] [WD]: CSS Form problem

[Michael Stevens]

I got it to work by removing the div around the button and floating the
navform div. The button is too high but you can adjust that easily... 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Adam Bell
Sent: Thursday, June 14, 2007 4:21 PM
To: Paul Roberts
Cc: Web Design List
Subject: Re: [WD]: CSS Form problem


On Jun 14, 2007, at 2:40 PM, Paul Roberts wrote:

> On 6/14/07, Adam Bell <[EMAIL PROTECTED]> wrote:
>> I've been trying to get a simple form to appear on one line and it's 
>> just not working no matter what I attempt. Tried all sorts of 
>> different widths and losing line breaks in the code and it's all a 
>> failure. Anyone know where I goofed on this page?
>>
>> http://www.worldwideflowersdirect.com/wfd/index1.html
>>
>> It's the top part where it asks you to enter a city, state or zip 
>> code.
>
> you've used a div i.e. a block level element, try changing it to a 
> span which is an inline element.

I tried that. It just made things more of a mess than less.

--
Adam Bell


__
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] Content is being pushed outside container in FireFox

[Michael Stevens]

http://nancyray.accountsupport.com/
http://nancyray.accountsupport.com/bct.css
http://nancyray.accountsupport.com/menu.css
http://nancyray.accountsupport.com/footer.css

Finally getting around to attempting to convert this site to XHTML/CSS and
I'm slowly adding content here and there so I can get a base file and just
drop info in where needed. You can see the content outside of the "page".
I'm guessing that FireFox is displaying it correctly but IE is working as I
suspect it should be displaying. I can't see why that content is being
pushed out and I'm sure it's pretty simple. Can someone point it out,
please.
 
Thanks,
 
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] How to define a section on a page where CSS has ZERO effect?

[Michael Stevens]

I need a define an area on a page where dynamic data will be displayed where
CSS defined for that page has NO EFFECT on the area at all.

Basically inside a highly styled page:



Anything the client want goes here,
   formatted however the heck the client
   wants formatted - total control up to the client.



Ideas?

--

I'm new to the list as of today so if my thoughts are retarded please be
kind... :)

Does your client know how to design the content? That is, can they code HTML
& CSS? If so I would think the easiest way would be just like above and make
the client design their own style sheet that you could link secondarily.
They would have to know that all their content stylization needs to be
preceded by the #noCSS id.

Just a thought...

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/

[css-d] Background Colors in IE 6 vs. FF 1.5

[Michael Stevens]

I found a fix to this problem but I'm wondering if there is a better way...
I'm on a Windows machine using HomeSite & Top Style to code so I'm using IE
6 internally in HS to check but I've also got a FireFox 1.5 window open with
this page that I reload on changes.
 
I've got one  with a background color of white for the entire page so
the content centered. A  for the header which spans the entire width. A
 floated left for the menu and a  floated right for the content.
 


Header Image
Menu Item 1...
Main Content



#page { background: #ff; border: 0px; min-height: 420px; margin: 5px
auto; padding: 0px; width: 975px;}
#menu { border: thin solid #005883; background: #ff; margin: 0px; width:
150px; text-align: center; float: left;}
#content { border: thin solid black; margin: 0px; padding: 5px; width:
800px; float: right; }
 
The problem, as most everyone I'm sure knows, is that since the menu &
content are floated and hence removed from the flow so the white background
in my #page does not flow to encase the menu & content in a compliant
browser like FF. IE works like I want but we know it really isn't working
right to begin with.
 
I've kinda solved the problem with the min-height: 420px; and I think
another work around would be a footer  with clear: both; in it. I could
possibly try absolute positioning but I was working on a different project
earlier and trying to use absolute positioning and it seemed to be a
nightmare between FF & IE and I didn't have any reference materials on me
(gotta do something while the car is getting fixed). But besides those two
workarounds is there another way that I'm not thinking of?
 
Also, I'm  new to the list so I tried to search but don't know if I did it
correctly as I didn't come up with much. I started from this page to search:
http://css-discuss.incutio.com/?page=SearchCssDiscussList
 
Is that the right place?
 
Thanks,
 
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] Background Colors in IE 6 vs. FF 1.5

[Michael Stevens]

The footer with clear both inside the wrapper is one solution. If you don't
have a 'footer', one solution is to insert a clearing element at the bottom
of your wrapper.
Or, 'easy clearing':


--

What's funny is that page says to add  at
the end but then start babbling about bloat and unwanted markup in the
html... Geeze. Then he spends 33 paragraphs trying to jury-rig the HTML &
CSS in order to avoid adding that one extra, and unfortunately necessary,
. The result is 12 lines of code to the CSS vs. one line of HTML.

I'll stick with the easy way if I can't find a reason to add a footer...

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] Background Colors in IE 6 vs. FF 1.5

[Michael Stevens]

Well Mike, if you're clearing multiple elements, it might be easier to do
with just a couple of lines of CSS, rather than updating the HTML all over
the place.

--

True, but in my case I'm not trying to fix a site, thereby having to edit
multiple HTML pages. I'm constructing new so I'll go with the easy fix.

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] CSS/Dreamweaver question

[Michael Stevens]

I don't think this is a Dreamweaver question.

It looks to me as though she's asking what the difference or benefit is
between formatting a paragraph as an  element or formatting it by  when h3 and .SanText90Centered are defined
identically in the stylesheet.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Alex Robinson
Sent: Thursday, November 16, 2006 9:31 AM
To: Pardue, Karen T.; css-d@lists.css-discuss.org
Subject: Re: [css-d] CSS/Dreamweaver question

Karen

It would be better to ask such a question on a Dreamweaver mailing list,
since this is a Dreamweaver-related question and not a CSS one.

   http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14240

If anyone wants to answer Karen, please do so offlist.

Alex
css-d moderator

--

Hello,
I noticed my colleague and I work differently with certain aspects of CSS.
In Dreamweaver is found both "Properties: Format" (when assigning font
properties according to style sheets present) and the Dreamweaver Panel,
"CSS Styles: .SanText90Centered" (etc). If I want to create a heading in a
webpage with an attached style sheet, I use "Properties:
Format". It is my understanding that by choosing "Heading 3", for example, I
will apply the style for that selected heading according to what is in the
attached style sheet for "Heading 3". My colleague does not use "Properties:
Format" and instead uses the CSS Styles Panel to select such font styles as
I wrote above (.SanText90Centered). I realize both options draw from the
attached style sheet. However, when creating a heading, I want to quickly
select what styles I assigned to the various headings within the style sheet
so I don't have to remember that Heading 1 was .SanText120Left, etc. Am I
missing something? In the context of my question, what are the advantages of
the CSS Style Panel other than selecting styles on the fly?
Thanks for any help,
Karen Pardue

__
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] Styling for Print Question Please

[Michael Stevens]

That's the basic idea but keep in mind that everyone has a different print
with different margins. When I've done that in the past I've always made
sure that my page will print with at least 1" margins so that I know it will
stay on one sheet for just about everyone.

Your other option, and preferable option in my opinion, would be to make the
coupon a PDF. A helluva lot easier since you've probably got the design for
the coupon down already and are translating it for web use.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Thomas Hall
Sent: Saturday, November 18, 2006 11:11 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Styling for Print Question Please

On a website I am developing I have a link that will pop up a window
intended for printing. Sort of like a "coupon" if you will. My question
pertains to the formatting of that page so it prints neatly on an 8.5 x 11
piece of paper. Can someone please explain to me how to be style that pop up
window? I believe there are 72 pixels to the inch so would I multiply 72
times 8.5 for a container width? Thanks so much.

__
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] Easy question on differing IE & FF margins

[Michael Stevens]

I'm sure I've seen the answer but have failed miserably to find it today.
I'm working on reconstructing a site at
www.jimbarnettconsulting.com/test/template.html.
 
Easy 3 column layout:
 
div header
div menu floated left with 10px left margin
div blog floated right with 10px right margin
div content in the center with margins left & right for menu & blog content
div footer
 
The layout is fine but in IE 10px is exactly where I need the margins. In FF
20px is exactly where I need the margins. I want to keep designing for FF
since it's the browser that really works but I need to make it look right in
IE as well. What's the solution to this margin problem?
 
Thanks and have a good Thanksgiving!
 
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] Mixing % width and pixel width

[Michael Stevens]

When you float the sidebar it takes it out of the flow of the page so the
 will span the entire page or wrapper, if used. If you
give your content a margin of 200px it will leave that space open for the
sidebar.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Scott Bicknell
Sent: Tuesday, November 28, 2006 9:35 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Mixing % width and pixel width

I want to create a site with a sidebar div {width:200px; float: 
left;} rule and a content div that stretches to fill the remaining space and
that centers the content within that remaining space.

When I specify a percentage width for the content div it behaves as if the
floated div is not there. When I remove the float rule from the sidebar div,
the content div sits below, rather than to the right of the sidebar div.

Am I missing something, or do I need to redesign the site? Any thoughts
would be appreciated.
--
Scott
__
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] IE pampering

[Michael Stevens]

Nice segways!

You went from a person's idea of recommending a certain, BETTER product to:
Just ignoring everyone that doesn't use said product to:
A Master Race.

Are you for real? How could you possibly take one guys idea to try to
encourage people to use a browser that actually works the way it should and
assume that he's insisting we not accommodate for other browsers? I won't
speak for him but I'm quite certain that was nothing close to his intention.

But, since we know that Microsoft has no care to make their browser
compliant I think it's a great idea to add a link below my footers that says
"For best results view with FireFox" and a link to the download page. If we
as designers can get people weened from the free crap that doesn't work
properly that Microsoft pushes on us we can send a message to Microsoft and
maybe they'll start worrying about making their browser compliant.

Sounds like a great plan to me.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Chris Williams
Sent: Wednesday, November 29, 2006 10:23 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] IE pampering

How right you are, let's just blow off over 80% of the market.  And let's
tell other people how to live their lives.  Next step, a master race!

> From: Phil Turner <[EMAIL PROTECTED]>
> Subject: [css-d] IE pampering
> 
> recommending which browsers to use and start steering people away from 
> IE instead of pampering to their needs like spoilt children

__
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] So what's up with this list and...

[Michael Stevens]

The way once or so a week it just stops working for a half a day or more? I
posted two topics last night and since I stopped getting list emails
sometime last evening I figured they'd show up eventually. Not so...
__
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] Where is IE getting the extra space above the footer?

[Michael Stevens]

www.jimbarnettconsulting.com/test/
www.jimbarnettconsulting.com/test/jbc.css
 
Of course, it looks just fine in FireFox. I'm sure it's simple but I can't
see anything that looks odd. But, then again, I'm pretty new to CSS world...
 
Thanks,
 
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/

[css-d] How do I make my CSS more compact?

[Michael Stevens]

I just threw in a topic for the site www.jimbarnettconsulting.com/test and a
spacing problem but this is a different issue.
 
It's a normal layout: page wrapper - header - menu - content - secondary
content - footer.
 
Every page layout is identical except that the background image for the
content is different. Right now I have in the CSS
(www.jimbarnettconsulting.com/test/jbc.css) #content, #content_about,
#content_jims_team, #content_partners... right now 13 separate IDs and all
of them are identical:
 
#content {
 background: #807060 url(images/welcome.jpg) no-repeat top left;
 width: 543px;
 margin: 0px 10px 0px 10px;
 padding: 45px 10px 0px 10px;
 float: left;
}
 
except the background image. That's a lot of repeated widths, margins,
paddings, and floats.
 
There must be a way to make one ID of content:
 
#content {
 width: 543px;
 margin: 0px 10px 0px 10px;
 padding: 45px 10px 0px 10px;
 float: left;
}
 
and then a secondary ID or CLASS for all the pages:
 
.about {background: #807060 url(images/about.jpg) no-repeat top left;}
.jims_team {background: #807060 url(images/jims_team.jpg) no-repeat top
left;} 
.partners {background: #807060 url(images/partners.jpg) no-repeat top left;}

...
 
but I can't figure it out. I tried  in the
HTML but it appears that I can't assign a Class & ID to a DIV.
 
I also tried:
 
content.about {background: #807060 url(images/about.jpg) no-repeat top
left;}
content .about {background: #807060 url(images/about.jpg) no-repeat top
left;}
 
in the CSS but that didn't work either.
 
How do I make my CSS less cumbersome?

Thanks,

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] How do I make my CSS more compact?

[Michael Stevens]

Exactly what I was looking for. I knew I'd seen it somewhere else but
couldn't remember the method. THANKS.

Mike 

-Original Message-
From: Scott Bicknell [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, November 29, 2006 12:08 PM
To: [EMAIL PROTECTED]
Subject: Re: [css-d] How do I make my CSS more compact?

On Wednesday 29 November 2006 10:47 am, Michael Stevens wrote:

> I just threw in a topic for the site
> www.jimbarnettconsulting.com/test and a spacing problem but this is a 
> different issue.
>
> It's a normal layout: page wrapper - header - menu - content - 
> secondary content - footer.
>
> Every page layout is identical except that the background image for 
> the content is different. Right now I have in the CSS
> (www.jimbarnettconsulting.com/test/jbc.css) #content, #content_about, 
> #content_jims_team, #content_partners... right now 13 separate IDs and 
> all of them are identical:
>
> #content {
>  background: #807060 url(images/welcome.jpg) no-repeat top left; 
> width: 543px;
>  margin: 0px 10px 0px 10px;
>  padding: 45px 10px 0px 10px;
>  float: left;
> }
>
> except the background image. That's a lot of repeated widths, margins, 
> paddings, and floats.
>
> There must be a way to make one ID of content:
>
> #content {
>  width: 543px;
>  margin: 0px 10px 0px 10px;
>  padding: 45px 10px 0px 10px;
>  float: left;
> }
>
> and then a secondary ID or CLASS for all the pages:
>
> .about {background: #807060 url(images/about.jpg) no-repeat top left;} 
> .jims_team {background: #807060
> url(images/jims_team.jpg) no-repeat top left;} .partners {background: 
> #807060 url(images/partners.jpg) no-repeat top left;}
>
> ...
>
> but I can't figure it out. I tried  class="about"> in the HTML but it appears that I can't assign a Class 
> & ID to a DIV.
>
> I also tried:
>
> content.about {background: #807060 url(images/about.jpg) no-repeat top 
> left;} content .about {background: #807060 url(images/about.jpg) 
> no-repeat top left;}
>
> in the CSS but that didn't work either.
>
> How do I make my CSS less cumbersome?

One thing you can do is put an id attribute on the body tag to uniquely
identify each page and keep your #content divs the same. Then you can
specify different background images for each #content div by using #bodyid
#content { background: ... } while keeping just one set of rules for your
#content div that applies to every page.
--
Scott


__
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 do I make my CSS more compact?

[Michael Stevens]

Your idea seems to be just as viable as any. I don't have to have the image
as a background but it alleviates the need for an extra tag while still
having just as much in the CSS.

Thanks,

Mike 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of steff
Sent: Wednesday, November 29, 2006 7:11 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] How do I make my CSS more compact?

why do you need to have the image as a background? why not just make it an
H1 with an img background and off-screen text?

then you could just do this code:

#content {
 width: 543px;
 margin: 0px 10px 0px 10px;
 padding: 45px 10px 0px 10px;
 float: left;
}

#content h1.about {
 background: #807060 url(images/about.jpg) no-repeat top left; }

#content h1.jims_team {
 background: #807060 url(images/about.jpg) no-repeat top left; }


also - i believe that underscores in css id names is not so good.  try
.jimsTeam

this is my first response, so it may get railed, but i  think it is sound.
hopefully others will let you and i know their solutions. i am trying to
answer some css-d list questions, so i know that my own css logic is sound.

cheers,
steff

__
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 - [SOLVED] no bold text in unordered list

[Michael Stevens]

As a few of us talked about in a past thread typically fonts usually only
have two weights: normal & bold. Some will have more than that but in those
instances you can't content to make it bolder. If a
font has multiple weights, like Futura, you'll have Futura and Futura, Bold.
If you want it bolder you need to use FuturaMedium, FuturaMedium, Bold or
FuturaHeavy.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Mark Wheeler
Sent: Monday, December 04, 2006 8:49 PM
To: Steven Tchorzewski
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] IE7 - [SOLVED] no bold text in unordered list

Hi Steve (and anyone else who might be reading this),

I figured it out. Just for kicks, I took off the bold for the link and low
and behold, the black link text (non hover) actually got lighter/less dense!
It was working all along. It seems that IE7's "bold" black text is just
baaarrrllly bold. So I guess that's just the way it is. Anyway, that's what
I found out. Thanks to all your help.

Mark

p.s. On to the next problem... :)
__
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] IE7 - [SOLVED] no bold text in unordered list

[Michael Stevens]

I don't know about the "algorithms" they use but having the prepress
background that I do I can tell how many other programs behave. I regularly
have to take Word files and make them press ready. I convert it to a format
I can open in Illustrator and when I do what I see is multiple instances of
the bold type. Word will keep the real text and then place at least two
duplicates on top; one offset maybe .2 points up and left the other down and
right. I've seen as little as two and as many as four. I would assume that
IE would behave similarly to other Microsoft products.

I don't think there's a whole lot of work the browsers have to do, but I
don't know specifically what the browsers do. In your font directory you
will have all your fonts and the system knows if there is a bold face. You
might have:

Times
Times, Bold
Times, Italic
Times, BoldItalic
TimesExtraBold
TimesExtraBold, Italic

You can bold this version of Times. If you want it bolder you have to
manually change the type to TimesExtraBold because the system doesn't know
that the next weight heavier than Times, Bold should really be
TimesExtraBold. Those are two separate typefaces with no connection as far
as the OS is concerned.

I would be concerned if indeed Safari & Gecko actually replace a font I want
with another because it can't find a heavy enough, or italic, instance. If
I'm specifying Times I expect to see Times and not Garamond or Palatino.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Philippe
Wittenbergh
Sent: Monday, December 04, 2006 10:47 PM
To: CSS-D
Subject: Re: [css-d] IE7 - [SOLVED] no bold text in unordered list


It is a bit more complicated. Most browsers on Windows will attempt to find
a bold face for the specified font. If not available, they will using some
algorithms to artificially bold the specified font.
On Mac Safari, and in the future Gecko, the browser will look first for a
bold face in the specified font-family, lacking that, they will look for a
substitute font eventually, or eventually artificially bold out the
font-face.
The same goes for italics.

Philippe
---
Philippe Wittenbergh

__
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] Floating picture to bottom ...

[Michael Stevens]

How about using it as a background-image positioned to the bottom?

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Miles Thompson
Sent: Tuesday, December 05, 2006 11:23 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Floating picture to bottom ...


I used the layout created by "ClevaTreva"'s page generator for this site, a
two-column job with menu on the left:
http://allnovascotia.com/test/bill/index.php?pgget=1

I'm trying to get the image to nestle down to the bottom of the blue area,
and I've tried variations of bottom:0px, bottom:0%, bottom-margin:-1px and
so on. I could push it down with  tags, but the image and the length of
text above it will change for each page, so a float would be ideal. (I do
more back-end scripting, not design stuff. This is a small page for a
friend.)

Does anyone have any suggestions, or could someone give me a shove in the
right direction?

Thanks - Miles Thompson


--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.409 / Virus Database: 268.15.6/566 - Release Date: 12/3/2006


__
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] Making an anchor not clickable?

[Michael Stevens]

I always design my navigation menus so that the current page is highlighted
in some way. I add a class="current" to the anchor tag with the appropriate
styling in the CSS. Is there a way in the CSS to also make that link NOT
CLICKABLE? If you are on the About page I don't think you should be able to
click the About button on the menu.
 
Possible?
 
Thanks,
 
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] Making an anchor not clickable?

[Michael Stevens]

That's what I figured. Removing the link from said page is exactly what I've
done in the past so I guess I'll stick with it...

Mike 

-Original Message-
From: James Bennett [mailto:[EMAIL PROTECTED] 

The only reliable thing is not to make it a link. CSS cannot specify
behavior -- only styling, and while JavaScript does in theory provide a way
to capture and stop the click (via the preventDefault method of DOM events),
this method is not entirely portable across browsers.

--
"May the forces of evil become confused on the way to your house."
  -- George Carlin


__
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] Making an anchor not clickable?

[Michael Stevens]

I'm not scared of JavaScript like a lot of people seem to be... :) I haven't
yet figured out why anyone would want to stop javascript, flash, etc. from
working when viewing the web... it's akin to wearing a ballcap, sunglasses,
blinders, and looking through a pinhole camera to view the world. With some
common sense it's not difficult to avoid online viruses (but this is an
argument in itself).

Would that work without changing the href="link.html" to href="#"?

My only problem with that one is that it requires me to change the link on
each page; the same as adding the GIF. Although, I guess I could have the
GIF on each link and on the :hover attribute give it a higher z-index.

Not a big deal, of course, but the original post was in hopes that CSS could
make the link inactive.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ryan Grimm

I've found that including an onclick="return false" attribute on the anchor
element does the trick.  While this solution uses javascript and not css, it
does get the job done.  I've tested this solution with success under
Firefox, Safari and IE6.

--Ryan
__
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] Making an anchor not clickable?

[Michael Stevens]

Yes, that is a good addition. Most people don't recognize a link unless they
see the little hand...

Thanks,

Mike 

-Original Message-
From: francky [mailto:[EMAIL PROTECTED] 

Hi Mike,
Adding:

li.current a { cursor: default; text-decoration: none; color: ; }
   /* normal text-color, or special highlight styles */

can be helpful too: nothing is happening at hover, apparently no clickable
link, no reason to click.

Greetings,
francky


__
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 list problem... among other things...

[Michael Stevens]

www.bctarizona.com/test/index_new2.php
www.bctarizona.com/test/bct.css
 
I've inherited this website and it is an incredible mess. You can see the
current version at the root but the HTML is nothing short of horrendous:
It's old school HTML using tables for layout, not a  to found anywhere
since it's "optional" as well as all the non-quoted attributes. There's not
even a decent indented layout so that the , , and s can be
easily checked for closing tags, etc.
 
So, I started dicking with it and finally gave up trying to figure out all
the tables. I'm trying to start from scratch but I've run into a few
problems.
 
1. The top menu running vertical under the header logo does not reach all
the way to the edges of the page DIV. I tried using a UL with the background
and could not get it working to the whole width. Then I started playing with
the padding & margins and got close but decided on another DIV called
TOPMENU and gave it the required background, which doesn't show up.
2. The top menu's mouseover does not work.
3. The top menu is actually placed 2px underneath the logo, thus the -2px
margin in the CSS. Why the extra space?
 
I took the original CSS file and have been changing and adding properties as
I run into them on the page so there's a lot of stuff in there that isn't
used yet. But, the XHTML validates (minus the empty link titles & href="#"
tags).
 
Another question is can a PHP file be valid XHTML or should I go with HTML 4
strict?

I'm pretty new to the hardcore CSS use and I'm sure there are some dumb
mistakes. Let me know what you find...

Thanks,

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] Horizontal list problem... among other things...

[Michael Stevens]

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 

#topmenu {
background: #b51b37 url(images/topbarback.jpg) repeat-x bottom left;
margin: 0 /* default */;
float: left /* make it expand to contain floats */;
width: 100% /* full width */;
}

--
OK, That worked...
--

> 2. The top menu's mouseover does not work.

The background-image is covering the background-color, so you can't see any
hover-effect. You'll have to change, or modify, the background-image too, or
set the background-color as the only background.

#menu a:hover {background: #b51b37;}
...will do the latter.

--
The #menu mouseovers work with #menu a:hover {background-color:
#b51b37;background-image: none;} but the #topmenu mouseovers do not work and
they are practically identical #topmenu a:hover, #topmenu a:active;
{background-color: #b51b37;background-image: none;}. So, I don't know if
this is the fix. I removed the background: from the #topmenu a styles and
added it to the #topmenu style so that it would be laid down and then when
the anchor tags are on top of it the mouseovers should give the anchor tags
the background color since they are on top of the main DIV background but
that didn't help.
--

The header-image is an inline-element by default, placed on the baseline
with room/space for descenders. The 2px gap is what you get at a certain
font-size, and it will change when font-resizing is applied.

Add...
#header img {display: block;}
...and the space will be gone.
You can then delete the 'margin-top: -2px;' on #topmenu a, #topmenu a:link,
#topmenu a:visited.

--
That worked, too...
--

The use of 'target="_blank"' is not valid Strict.

--
I knew that and thought I stripped them all out...
--

I see that you are using 'pixels' for font-sizing. No problem for me but you
can not rely on font-size being respected in browsers. You should test
across browser-land and make sure the layout doesn't break when some serious
amounts of font-resizing is applied.

--
I know this is an issue but I haven't gotten the hang of font-resizing yet.
I know I'm too old school but I have an idea in mind and I make the site
look like I want. If it looks bad when someone screws with it then I'm kinda
lost as to what to do. If I make a ton of nice graphics and buttons and
someone scales the type there's no way to make it look good. Like if I have
a nice 100px x 50px graphic with bevelled edges and shadows as a button
background and the type is scaled up or down then all the hard work I put
into that graphic is wasted as the image will either be cropped by smaller
type or there will be big gaps around the edges (or the image will get
tiled) if larger type is used. I know from reading a couple books that there
are ways to make the images elastic as well but I'm not up to the task yet.
I'm lucky to get what I have so far...
--

The page-container doesn't expand in the good browsers - because you haven't
"told them to". That's normal response when 'floats' are used, but I guess
you want a complete background down the whole page.

Adding either...
#page {overflow: hidden;}
...or...
#page {display: table;}
...will make them "get the idea" and make #page expand to contain everything
inside.

--
I'm not sure where the problem is here. I've only defined a width for #page
so it has to expand in length to accommodate my content, of which there is
nothing yet. Right?

Thanks for the help...

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] Horizontal list problem... among other things...

[Michael Stevens]

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Rimantas 

On the other hand,  and  _are_ optional (no quotes) even in HTML
4.01 Strict, and unquoted attributes are sometimes allowed too (not
encouraged, though).

--

I know they are. I checked when the guy said "they aren't required." I found
it hard to believe anyone was that lazy, though. I've been closing 
since my first day coding html.

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] Horizontal list problem... among other things...

[Michael Stevens]

OK, it's starting to come together...
www.bctarizona.com/test/index_new2b.php

Got the top horizontal list centered by adding some margin to the first item
scooting it over...

The only issue I have currently is the same top menu's mouseovers don't work
in FF but do in IE. Can't see why because they use the exact same method as
in the left menu mouseovers and they work fine...

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] Horizontal list problem... among other things...

[Michael Stevens]

I've heard of Tidy but haven't ever had a reason to use it so I did not even
think about it. I'll have to give it a try and see what it can do...

Mike

-Original Message-
From: David Hucklesby [mailto:[EMAIL PROTECTED] 

A tool to help you with messes and closed tags is Tidy. There's an online
version here:

 

To bring this back to CSS, you may find a situation where putting the
"display: block;" declaration on an image messes up your layout. If this
happens, the alternative solution is to use "vertical-align: bottom;".

Also be aware that, even at factory settings, there are PC + browser
combinations that give "normal" text a size other than the "normal" 16
pixels. No "screwing" with anything needed.

Cordially,
David
--


__
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 & Padding/Margin problem

[Michael Stevens]

http://www.bctarizona.com/test/
http://www.bctarizona.com/test/bct.css
 
The easy problem: Margins/Padding on the content DIV. I've tried several
different ways but none are giving me equal margins on the content. Ideally,
I want 10px padding on the content. I'm sure the problem is one of the
margin doubling or collapsing problems but I can't figure it out.
 
The "hard" problem: I decided to make this layout a little elastic giving
the body a min-width of 735px. I assigned the header DIV a background image
which will be the left image in the header that is missing while the right
image which is present will float around depending on the width of the
browswer. Why is this background image not showing up in my header DIV?
 
Thanks,
 
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] Tweaking Lists

[Michael Stevens]

I think he's talking about the spacing around block level elements. Like if
you type text you will get a double space after but if you type
text you will get a normal space after
(provided you've made a class named h1 that is identical to the h1 tag).

I've not tried this but it seems making the  have a display: inline it
might remove the double space but it also might try to put all the  on
one line.

Let me know if it works...

Mike

-Original Message-

Eric Price wrote:
> Hi;
> I don't know if this is possible, but I know this is the right list to 
> ask
> ;) I don't like the out-of-the-box behavior (or interpretation by the
> browsers) of lists. I would like to tweak it so that it only gives one 
>  at the beginning and end of the list, instead of the default of
two.
> Possible? If so, how?
> TIA,
> Eric

Eric, the space above and below lists is not created by inserted 
elements, but with CSS styling information - normally a large upper and
lower margin. By setting your own margin styling info, you can reduce the
space around the list.

ul, ol
{
   margin: 0;
}

...would eradicate extra spacing around the list (although the space below
is most likely caused by the top-margin of the following element).

Regards,
Barney


__
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

[Michael Stevens]

My text editor is HomeSite and it uses Internet Explorer as it's internal
browser. I use it to get a rough idea of where I'm at and periodically view
in FireFox to make sure IE isn't screwing things up. If something gets
screwy I open it in FF to see if it's REALLY behaving or not.

Mike 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of david
Sent: Friday, January 12, 2007 4:34 PM
To: css-d
Subject: Re: [css-d] Trying to find the best webdesign software

The fundamental problem (for me) with editors that offer WYSIWYG views -
visitors don't browse websites using web editors. They use browsers. And it
is so easy to have a page open in multiple browsers, toggle between them,
and reload the page. I don't care what a WYSIWY-really-aren't-going-to-get
editor thinks a page looks like.

Marcello Mastroianni wrote:


__
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

[Michael Stevens]

I've read, enjoyed, and learned from both "Head First HTML with CSS & HTML"
and "CSS Mastery". CSS Mastery assumes you know a good chunk of CSS while
the Head First book will teach you the "correct" way to code X/HTML using
CSS and gives you the "correct" usage of tables. If you already know some
HTML the Head First book is a good refresher HTML course while including the
"correct" way to use CSS.

Mike

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

__
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] CSS Coding standards v0.2 by Andy Peatling

[Michael Stevens]

I'm sure I'm in the minority because I don't subscribe to a lot of the
theories that a lot of people here do but what a horrific pain it is to
group CSS into the different areas of structure, text, and themes.

In his sample on page 4 he shows that his H1 an H2 elements can be cleaned
up by using this method but I think this whole example is dumb. He should
have grouped H1 and H2 originally and added a class each for color:red and
color:blue so that those selectors can be reused throughout the page instead
of limiting those two headings to specific colors.

I recently had a client that wanted a blog. So, I installed Word Press. They
have made the CSS similarly; one file but broken into sections. So if I
wanted to edit one item I had to wade through over 600 lines of CSS
attempting to find the selectors I was looking for. It's bad enough now that
I have to use TopStyle & HomeSite and then preview in FireFox. Three
programs just to work. Now, instead of two documents and three programs I'm
having to wade through 4-5 documents in those programs.

I understand the theory but practically I think it's retarded...

Mike

-Original Message-

Dear All!

I've just read the following: CSS Coding standards v0.2 by Andy Peatling
(http://www.cssdev.com/docs/css_guidelines.pdf)

It describes a special file structure which has to do with global.css <-
structure.css, text.css, theme.css and so on

My question is that: is this method is usefully and fundamental or just
fancy?

is there better article?

Thanks in advance
Viktor

__
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 Coding standards v0.2 by Andy Peatling

[Michael Stevens]

Now, I could get behind this theory. If, at some point, I develop a page
with a horrendous amount of CSS breaking it into page.css, header.css,
menu.css, content.css, footer.css, would make perfect sense. But, breaking
it into text, layout, and color schemes just makes the whole sheet more
cluttered with all the redundant entries.

Mike

-Original Message-
base.css (linked from all pages with no media setting, contains only body
text and color settings for NN4 users) global.css (imported from base.css,
contains all rules for all pages, organized heavily by my standard method)
ie-hacks.css (conditional comment from all pages, contains hacks for all
levels of IE, separated by star html hacks as needed) print.css (linked from
all pages with print media setting, contains print styles to override rules
in global.css)

Zoe


__
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 hyperlink a background image?

[Michael Stevens]

Put a clear GIF over the part you want to link and make that GIF an achor...


-Original Message-

Is there a way to hyperlink a background image (so it takes the visitor to a
page in the site?)

I've got the logo as a background and want to be able to click-through to
the home page.

Thanks,

Peg


__
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] calling an image from within the CSS

[Michael Stevens]

Being curious I visited that page and it did indeed have the properties
listed in the order:

[<'background-color'> || <'background-image'> || <'background-repeat'> ||
<'background-attachment'> || <'background-position'>] 

But, at the bottom of that property the example is given:

P { background: url("chess.png") gray 50% repeat fixed }

Which does not follow that order. That, and the fact that it is not
explicitly stated that the order matters, leads me to believe that the order
does not matter.

Of course, that does not mean that some browsers are picky about the order.
I've heard that IE doesn't always follow W3 specs... :)

Just thought I'd throw that out there.

Mike

-Original Message-

The background CSS property is a culmination of several individual
properties. Does it work if you set those separately? I.e.:

background-image: url(images/mt2.jpg);
background-color: #fff;
background-position: top center;
background-repeat: no-repeat;

If you want to put it in one property, browsers tend to be specific about
the order of things if you use more than one value. From the CSS spec:

background: [background-color] [background-image] [background-repeat]
[background-attachment] [background-position]

See http://www.w3.org/TR/CSS21/colors.html#propdef-background for more
information.

HTH,
Rick.

__
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] Colour diferences in IE and FF...

[Michael Stevens]

I can't positively say I know what UTF-8 encoded characters are but I see
two things that make me wonder:

1. You are using ' for apostrophes and I always use ’ and ‘
for a apostrophes and single quotes and “ and ” for double
quotes.
2. This line:
Much Love & Fairycakes,Edi, Jack & Mark – The AFC
has an ampersand that is not & between Jack & Mark and the - is –
when you can certainly just leave is as a -.

Mike

-Original Message-
Lastly, and I know it is not a css issue, but when I try and validate my
xhtml it says that I have bytes that are not utf-8 encoded... I cannot work
out what characters are causing the problem... frustraing!

Thanks,

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] Capitalize is making capitals after Apostrophe. e.g. Neil's -Neil'S

[Michael Stevens]

I thought IE ignored all psuedo classes except :hover and that only works on
anchors... 

Mike

-Original Message-

I thought that first-letter doesn't work in Windows IE 5.x. Not sure about
MAC. Are folks still taking IE 5 issues into account when designing? I've
been working with drop caps, and have been hesitant to use first-letter.

Vicki

__
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 Filter Out Explorer 7 and Below

[Michael Stevens]

Making their browser display like crap might not be a "primary goal" of
Microsoft's but it seems that another "primary goal" that IS DEFINITELY NOT
theirs is making their browser compliant... But it sure does look pretty!

Mmike

-Original Message-
Contrary to popular belief, it is not Microsoft's primary goal to have
everything render like sh!t on their software!

Regards,
Barney


__
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 Filter Out Explorer 7 and Below

[Michael Stevens]

And there is the simple answer... I know I've been to my share of sites that
break in other browsers. That's why I originally switched from NN to IE back
in the mid 90s. Fortunately, I now know better but at least 99% of the
public doesn't...

Mike

-Original Message-
They have every incentive to make things render weird in their browser - so
people will look at their market share, say to themselves, "Well, they're
the big one, don't worry about the minority browsers" and go around
designing sites that only look good in IE. Then ordinary people using the
minority browsers will eventually get tired of sites not working right in
their browser - and decide they might was well use IE.
--
David


__
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] Images defined as %

[Michael Stevens]

I'm working on redesigning a site converting it from some horrendous,
completely non-compliant code using tables throughout, into XHTML & CSS.
What I've got is:
 
A  that has a min-width: 725px and max-width: 975px.
The  fills the entire width.
 is 143px wide floated left.
 is 143px wide floated right.
 is width: auto; margin: 10px 155px; float: none; position:
relative;
 clears the floats and fills the entire width.
 
All of the content will be placed into  which has a variable width.
 
I know I've read somewhere how to use images as a % or em but I don't know
if what I want to do will work in this fashion. What I'd like is the images
be placed as a % NOT according to the font-size but according to how large
 is. If the minimum window of 800x600 is used the images need to be
smaller. If the browser is out to the max at 1024x768 then the images can be
larger.
 
The more I think about it I don't believe I can do it this way...
 
Any insight into accomplishing this task?
 
Thanks,
 
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] Images defined as %

[Michael Stevens]

Excellent...

So, I drop  into my HTML and
.scaledimages {width: 30%;} in my CSS and the CSS % dimensions will overide
the width of the image dropped into the HTML? Seems like a conflict... or do
I remove the width & height from the  tag?

There won't be a lot of these images, maybe 4, and they won't be huge. Each
one will have a max size of maybe 300px so the resizing should not be
extensive and hopefully won't cause any browsers to choke on them.

As for my header on this site I've used the sliding door technique with a
large background image containing the background & company logo on the left
with another image of logos floated right so it'll move.

Thanks,

Mike

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 

Setting image-width in 'percentage' makes it relate to container size
(width) - which is what you're asking for, while 'em' makes it relate to
font-size.

Image-height should normally be set to 'auto' when using 'percentage-width',
to make the image scale. You can also use 'min-width' and 'max-width' to
keep the image(s) within reasonable size(s).

FWIW: I have an image with 'percentage-width' as "header" on most pages on
my own site. 50% width and a fixed (non-scaling) height. May not look like
much, but it behaves as intended across browser-land.


__
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] Images defined as %

[Michael Stevens]

Looks good...

I've run into IE problems and they way it does't work properly. My layout is
a little odd with basically a two column layout with one big picture on the
left and two little pictures on the right stacked on top of each other with
two separate images underneath those three forming a second row. Of course,
FireFox works beautifully but IE blows it to hell. Either it scales the
bottom stacked image to the height of the window or it hangs up on the
corner of the first large image.

I'm contemplating canning the whole idea in favor of a Flash movie.

Is there a way to make the second row of two images clear the top three
images without clearing the left and right menus?

After looking at your code I see I may need to place all my images in a
separate DIVs... might try that...

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Chris Ovenden

Here's something I did a while back that relies heavily on image scaling:

http://alisonmg.com/galleries/landscapes/show.php

Chris


__
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] DOCTYPE/FireFox problem? Why does this happen?

[Michael Stevens]

Why is there a space between images in the JB part of the logo in FireFox...
http://www.jimbarnettconsulting.com/index_new.html
 
but if I take out the XHTML DOCTYPE from the file it works fine?
http://www.jimbarnettconsulting.com/index_new2.html
 
The CSS is common...

http://www.jimbarnettconsulting.com/jbc.
 css
 
Surprisingly, IE seems to work although I'm sure it's doing it
incorrectly...
 
The header part is a save from Image Ready. I've tried the tables... CSS &
DIVs... XHTML or not XHTML...
 
Using the Strict XHTML DOCTYPE I can't even see the images when I use the
DIV method. Tables kinda works...
 
Any ideas?
 
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] DOCTYPE/FireFox problem? Why does this happen?

[Michael Stevens]

Hmmm... A few minor markup errors, none of which have any affect on the
region in question... OK, I'll play along. I fixed the few markup errors and
it still doesn't display properly...

Care to take another guess?

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Julian
Merrow-Smith
Sent: Thursday, February 01, 2007 6:27 PM
To: [EMAIL PROTECTED]
Subject: Re: [css-d] DOCTYPE/FireFox problem? Why does this happen?

Michael it (your html) doesn't validate you shopuld start there.

On 2/2/07, Michael Stevens <[EMAIL PROTECTED]> wrote:
> Why is there a space between images in the JB part of the logo in
FireFox...
> http://www.jimbarnettconsulting.com/index_new.html
>
> but if I take out the XHTML DOCTYPE from the file it works fine?
> http://www.jimbarnettconsulting.com/index_new2.html
>
> The CSS is common...
> <http://www.jimbarnettconsulting.com/jbc>
> http://www.jimbarnettconsulting.com/jbc.
> <http://www.jimbarnettconsulting.com/jbc.css> css
>
> Surprisingly, IE seems to work although I'm sure it's doing it 
> incorrectly...
>
> The header part is a save from Image Ready. I've tried the tables... 
> CSS & DIVs... XHTML or not XHTML...
>
> Using the Strict XHTML DOCTYPE I can't even see the images when I use 
> the DIV method. Tables kinda works...
>
> Any ideas?
>
> 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/
>


--
Julian Merrow-Smith
Hameau des Couguieux
84410 Bedoin
FRANCE


T::+33(0)490127940
E::[EMAIL PROTECTED]
Main Site::http://stillives.com
Daily Small Paintings::http://shiftinglight.com
A Painters Journal::http://Permanent-red.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] DOCTYPE/FireFox problem? Why does this happen?

[Michael Stevens]

Damn, I knew images were inline but I was thinking that that meant that they
would all but up against each other. I forgot that all inline elements leave
room for leading.

Gotta get my definitions figured out...

Thanks,

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: Thursday, February 01, 2007 7:26 PM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] DOCTYPE/FireFox problem? Why does this happen?

Michael Stevens wrote:
> Why is there a space between images in the JB part of the logo in 
> FireFox... http://www.jimbarnettconsulting.com/index_new.html

> Any ideas?

Sure, the simplest solution is to add...

#Table_01 img {display: block;}

...and all spaces will be gone - not only those in the JB part. Images are
otherwise inline-elements by default, and the font-size dependent space is
reserved for descenders.

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/

__
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] Any way to remove MouseOver flicker in IE?

[Michael Stevens]

http://www.regencygarden.com/test/
http://www.regencygarden.com/test/regency.css
 
I'm using CSS rollovers just like I've done for other projects. This one has
a very noticable flicker of the images as they swap out. I thought it might
be a file size problem but the buttons are only 24k. I checked another
project and those buttons are 21k so that can't be the issue.
 
It's so slow I can watch the status bar as it says it's downloading the
rollover image... again... and again... and again...
 
Is there a solution?
 
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] Any way to remove MouseOver flicker in IE?

[Michael Stevens]

I'll reply to all in one email...

Yes, it was the browser cache settings in IE. I was doing some testing on
our intranet and I had changed IE's cache.

Before another lister told me the cause I did try the background-position
thing with one image and it failed on the first try. Before I could to more
testing I found the cause and s-canned the b-p thing.

The  &  image idea is a good one. I might have to try it just to see
if it will work.

The Sprites article is bookmarked but I probably won't worry about trying it
any time soon.

I probably could optimize the images and save as GIF. I've never liked GIF
and never used it unless I need transparency. JPG usually looks better but
in this case GIF might not be so bad in this instance.

Thanks...

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/

[css-d] A huge space in IE... any reason why?

[Michael Stevens]

www.jimbarnettconsulting.com/contact.html
www.jimbarnettconsulting.com/short_form.html
 
www.jimbarnettconsulting.com/jbc.css
 
Of course, it's fine in FireFox...
 
Every page on the site is identical except what's between the content DIVs.
The only difference on these pages is the form in use. I did validate it and
fixed some errors with where the input elements were placed but, as I knew,
that didn't solve anything.
 
It can't be a clearing problem as it doesn't even clear the left & right
DIVs. The only padding applied to the content DIV is 45px to clear that
little header.
 
I can't see any reason for this gap but I'm sure someone will.
 
Thanks,
 
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/

[css-d] How do we handle rollovers using a NAME tag?

[Michael Stevens]

XHTML now prohibits the name="" in favor of id="". I've read a little about
it and fragments and all kinds crap that I don't understand and don't really
care to understand; don't care WHY. I just need a solution.
 
The question for me is in order to make an XHTML compliant document and use
Javascript rollovers or, in this particular instance, an image rotater, that
swaps the image out based on the name="" of an  tag... how do we
accomplish this?
 
I'm just guessing their probably isn't a way to make the javascript affect
the background image of a  like we can do with a :hover class in CSS. I
guess I should instead say there's no way I can make a javascript that will
swap a background image...
 
Any ideas on the name attribute?
 
Thanks,
 
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 huge space in IE... any reason why?

[Michael Stevens]

Excellent. That worked!

I went a little further so that I didn't affect the other form and said:
#content form {float: left;} so that only the forms inside the content DIV
are affected.

I can't see it being a double-margin 'cause if that were the case it would
be happening on each page, not just the ones with the form on it. And the
form on the left side doesn't behave badly... Oh well.

Thanks,

Mike 

-Original Message-
From: Scott Povlot [mailto:[EMAIL PROTECTED] 

Well, I am not 100% sure what the problem is.  Maybe it is related to this
IE6 float problem
(http://www.positioniseverything.net/explorer/doubled-margin.html)

But this will fix the problem.

form {float: left;}

This is a sort of ''fix a float with a float'' solution.
(http://www.complexspiral.com/publications/containing-floats/)

Regards,

Scott Povlot


__
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] link style problem

[Michael Stevens]

It looks like you already had the idea but I add a class="current" to the
 and this in my CSS:

#menu ul a.current, #menu ul a:link.current, #menu ul a:visited.current,
#menu ul a:hover.current {
background: url(images/button_current.gif) top left no-repeat;
cursor: default;
color: #ff;
}

FireFox will allow just the #menu ul a.current but without all the
psuedoclasses IE will not display the "current" button which is different
from the normal and hover states.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ross Hulford
Sent: Tuesday, February 13, 2007 3:17 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] link style problem

Hello,

I have about 20 links in a side menu

link one
link two 
link three 
link four
link five
link six 

They are links to 20 locations. The layout of the pages are identical the
only thing that changes is the address and map.

The body id of all 20 pages is the same  but I need a
clever way to highlight the link when I am on that particular pages.

I do not want multiple body id's if possible and the links list is a common
file inserted via php (the locations often change and I only want to make
one central ammendment)

I could do it with id's on the  tags and inline css but this seems a bit
messy and bad practice.

Any ideas?

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] RollOver href="#" makes text disappear?

[Michael Stevens]

http://www.centrestagedancestudio.com/newmenu.htm
http://www.centrestagedancestudio.com/assets/centrestage.css 
http://www.centrestagedancestudio.com/loadmenu.js
http://www.centrestagedancestudio.com/mm_menu.js
 
This site is a mess. Made by some version of Dreamweaver it's incredibly
bloated and a pain. When I took it over I went through and modified all the
parts that I had forseen needing changes so I could at least find my way
through it. Over the years I've modified different parts here and but I know
my client won't spend the money to have me convert it to XHTML/CSS. She
won't see a different so why pay for it?
 
Anyway, she needs a new button and I figured I'd try to convert the menu to
a list with CSS rollovers. I'm condensing over 120 lines of code into about
20 which will make the HTML nicer to look at, doesn't use images for the
buttons so the weight of the document will decrease drastically, and it'll
be a breeze to add buttons later.
 
Two of the buttons, "Studio" and "Costumes", have a JavaScript rollover on
them. Because both buttons don't point directly to a page, only the
resulting menu items that flyout, I have an href="#" on those two links.
When you RollOver those links the type in the  disappears. As soon as
your mouse leaves the button, pointing to another button or to the resulting
flyout items, the text reappears. If I change the href="#" to anything
besides # the text stays visible.
 
This might be a JavaScript problem but as the RollOvers are done with CSS I
don't think so. I've taken the onMouseOver and onMouseOut statements from
the  and the text still disappears.
 
Any ideas on where the text is going?
 
Thanks,
 
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] RollOver href="#" makes text disappear?

[Michael Stevens]

Of course, the first place I shoulda looked...

I actually made a #menu ul li a.flyout:hover declaration which works just
the same.

Thanks,

Mike

-Original Message-

The text is going nowhere but it is turning the same colour as the
background.
The background colour is specified for the class flyout and overrides the
CSS effect where the class is not specified

You have:
#menu ul li a.flyout, #menu ul li a.flyout:link, #menu ul li
a.flyout:visited {
background: #00 url(../gif/btn_flyout.gif) top right no-repeat; }

#menu ul li a:hover {
background: #ff none;
color: #00;
}

Alter
#menu ul li a:hover {
To
#menu ul li a.visited:hover {

and it all comes right.


__
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] Text & Images not appearing in IE

[Michael Stevens]

www.bctarizona.com/index_new.php
 
Fine in FF but two problems in IE:
 
1. The white space of the the "Login" menu on the last  of the left side
menu.
2. Underneath the Presstek ad should be a small graphic with a line
underneath. The image that is there is correct but there's some text that
should be to the right of each image as well.
 
If it was a positioning problem I might have something to go on but it just
ain't there in IE so I don't know where to start.
 
Thanks,
 
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] Text & Images not appearing in IE

[Michael Stevens]

No, but changing it to Transitional does...

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of david

Fixing XHTML 1.0 Strict validation errors might be a place to start:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.bctarizona.com%
2Findex_new.php

Don't know if it makes a difference or not ...


__
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] Positioning a list navigation and highlighting a specificlink

[Michael Stevens]

For the Second Thing add:

#header .nav a.current,
#header .nav a.current:link,
#header .nav a.current:visited,
#header .nav a.current:hover {
color: #ff;
border-bottom: 2px solid black;
background: url(images/arrow.gif) no-repeat bottom center #d60c8c;
cursor: default;
}

and assign the current button's link class="current". The cursor: default;
will make it look unclickable so people won't be tempted to click it to
return to the exact same page.

You could use just #header .nav a.current but it's been my experience that
IE will ignore the rule unless you specify the added states.

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of
[EMAIL PROTECTED]
Sent: Monday, February 19, 2007 1:51 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Positioning a list navigation and highlighting a
specificlink

I have two questions. 
The second thing that I want to achieve with this particular site is that
when the visitor clicks on one of the top navigation links (home, portfolio,
about us, contact, news), I want the link that they choose to remain
#d60c8c(magenta. As it is now, the nav is a rollover. I would like to
highlight the link, for example; click to "about us"  and have the magenta
color remain behind the word "about" while the visitor is on that page. The
same will go for all the top links depending on which page is clicked upon.
I'm not sure how to achieve this with CSS.


__
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 with WordPress?

[Michael Stevens]

Wow, now I really feel dumb. It took me the better part of a day to get
their CSS file modified to match a customer's site. The WordPress CSS file
is long and confusing. They subscribe to the theory that the CSS should be
divided into sections based on layout & style sections so that if you want
to change all the modifiers for one DIV you need to look in no less that
three places to modify that DIV.

They do have a bunch of templates or skins which would probably be easy
modifying...

Mike

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ian Young

Well that is interesting as WordPress is one of the easiest templates to
construct in your own style. CSS is just easy peasy with WordPress.

I knocked one up in about 15 mins using my corporate template

Ian

__
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] Clearing floats in same DIV but not external floats...

[Michael Stevens]

I've got a normal 3 column layout with a header, left menu floated left,
right menu floated right, and content DIV with margins equal to the left &
right menus so it's centered. I don't have the current incarnation up but
you can see a moderatly close sample of what I'm doing at
www.bctphoenix.com. The current site IS NOT XHTML/CSS but tables and I'm
working on a remake to fix that.

Inside the content DIV I've got other images that are floated with text to
the right of them (see the Sales & Marketing and Product Offerings tabs).
The images are floated and the text to the right is variable. There may be
extra white space at the end of the text. This extra space can cause the
next tab underneath it to flow under the text and not to the left of the
DIV.

Here is the DIV and CSS inside the content DIV:



text...


div.tab {display: block;margin: 0px;padding: 0px;border-bottom: 1px solid
#00;clear: left;}
div.info {padding: 5px 0px;margin: auto 0px;}
div.info img {float: left;margin: 5px 10px 5px 0px;}

I can clear: left; the tab DIV but if, at some point, I remove some of the
images above the tabs it will cause the first tab to completely clear the
left menu leaving a lot of white space.

I want the tab DIV to clear the other items in the content DIV but not to
worry about the leftmenu DIV. Can I do this any other way besides adding  after the text to force the next tab to start on a new line?

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/

[css-d] PNG; apply class in stylesheet?

[Michael Stevens]

I'm reworking a site and changing some colors around and I've decided to
remove some backgrounds from images and resave everything as transparent
PNGs. In my stylesheet I've got the following to allow older versions of IE
to properly display PNGs:
 
img.png {
background-image: expression(
this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',
sizingMethod='image')",
this.src = "/images/blank.gif"
);
}

I've been using it for a long time so there's a possibility it's outdated.
Maybe there's a simpler way that would also solve my problem?

But, my main problem is that when I do this in the stylesheet:

#index #content {background: url(/images/welcome.png) top left no-repeat;}

I can't apply class="png" like I would with an inline image. And it would be
quite cumbersome to add all that crap in img.png to every id or class in my
stylesheet that uses PNGs.

What's the easy and/or best way (hopefully the same answer for both easy &
best) of handling this?

Thanks,

Mike

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

Re: [css-d] PNG; apply class in stylesheet?

[Michael Stevens]

So, I've been using the AlphaImageLoader for years. Was the transparent PNG
issue resolved in IE7? I noticed in DD_belatedPNG code there's an if
targeting IE6 only but I didn't think it was fixed until like IE8...

Mike 

-Original Message-
From: Tom Livingston [mailto:tom...@gmail.com] 
Sent: Thursday, May 26, 2011 5:37 AM
To: Barney Carroll
Cc: bigm...@bigmikes.org; css-d@lists.css-discuss.org
Subject: Re: [css-d] PNG; apply class in stylesheet?

> [2] http://www.dillerdesign.com/experiment/DD_belatedPNG/

I'd like to add my 2¢. I use the DD_belatedpng script all the time, and have
been since before the HTML5 Boilerplate went public. It works beautifully
and also works on background images when applied to the container.

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

Re: [css-d] menu in separate page?

[Michael Stevens]

Is this the same question from the WebDesign L list? There was one earlier
this morning dealing with it and it was addressed pretty well. Outside of
using an actual server side language like PHP, probably javascript as well,
you can't accomplish it with just HTML.

Mike 

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of john
Sent: Thursday, February 02, 2012 12:34 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] menu in separate page?

Can somebody point me to a tutorial that shows how to put a menu into it's
own page, the advantage that you edit/adjust once, and all pages are
updated, rather than editing the menu on each page.

I am googling for this, but not finding anything that exactly deals with
this, at least doesn't look like it to me..lots of the search results are
from years ago ( like, 2007 ) and others say "It can't be done!"

thank you for any clues about this!

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

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

Re: [css-d] menu in separate page?

[Michael Stevens]

SHTML is a "server-side" language which is exactly what he needs. Actually
forgot about it but PHP is a better alternative anyways...



From: Paceaux [mailto:pace...@madebypaceaux.com] 

Actually.. there is a way to do this with plain ol' HTML. Kind of.  

It's called SHTML. I learned about it on one of my last clients (I promptly
switched him to PHP).  I'd never  recommend the method because HTML is a
markup language, not a  server-side language.. and I can't imagine the
security issues that would stem from using shtml.  

This is wildly off-topic from CSS, so I'll summarize by suggesting that you
research PHP. Look for best practices surrounding  or 


On Feb 2, 2012, at 1:06 PM, Michael Stevens wrote:

Is this the same question from the WebDesign L list? There was one
earlier
this morning dealing with it and it was addressed pretty well.
Outside of
using an actual server side language like PHP, probably javascript
as well,
you can't accomplish it with just HTML.

Mike 

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of john
Sent: Thursday, February 02, 2012 12:34 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] menu in separate page?

Can somebody point me to a tutorial that shows how to put a menu
into it's
own page, the advantage that you edit/adjust once, and all pages are
updated, rather than editing the menu on each page.

I am googling for this, but not finding anything that exactly deals
with
this, at least doesn't look like it to me..lots of the search
results are
from years ago ( like, 2007 ) and others say "It can't be done!"

thank you for any clues about this!

John

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


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




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

[css-d] Multiple classes...

[Michael Stevens]

I've been out of it for a while so this is likely a rookie question that 
I've forgotten the answer to. I'm working on a section that makes a DIV 
of a certain size with scrolling contents. I wanted to make different 
DIVs with the difference being their border color. And instead of 
writing a larger section of CSS three times I did it like so:


#invitelist div.window {
display: block;
width: 98%;
height: 100px;
overflow: auto;
padding: 5px;
background-color: #ff;
color: #00;
}

#invitelist div.window.redframe {
border: 3px ridge #b90025;
}

Originally, I tried:

#invitelist div .window
and
#invitelist div .window .redframe

But could only get it to work by taking out all the spaces so I would up 
with:


#invitelist div.window.redframe

I don't get why this didn't work with the spaces. My understanding was 
that with the spaces it targets anything with a class of redframe inside 
anything with a class of window inside a DIV inside a DIV with an ID of 
invitelist. What I would up with works but seems to me that it will only 
target a DIV that has the class window and redframe. The distinction is 
subtle.


Refresh my memory, please...

Thanks,

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

Re: [css-d] Multiple classes...

[Michael Stevens]

That makes each entry separate, no?

#invitelist, (OR)
.window, (OR)
.redframe

I was intentionally making it as specific as I could so it would only 
apply to that one specific element.


Mike

On 8/25/2012 2:22 PM, Jay Tanna wrote:

You also need a comma after each Id and/or clas like this:

#invitelist, div.window {
display: block;
width: 98%;
height: 100px;
overflow: auto;
padding: 5px;
background-color: #ff;
color: #00;
}

#invitelist, .window, .redframe {
border: 3px ridge #b90025;
}


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

Re: [css-d] Multiple classes...

[Michael Stevens]

On 8/25/2012 7:47 PM, Tim Climis wrote:
On Saturday, August 25, 2012 3:03:33 pm Jay Tanna wrote:

#invitelist, (AND)
.window, (AND)
.redframe

Uh, no... Maybe some HTML would help.

#invitelist .window .redframe:

  
...
  


#invitelist .window.redframe:

  


--

I thought that first response was wrong but didn't wanna go off 
half-cocked and put my foot in my mouth...


I've got it working, I just wasn't sure why my original method didn't 
work and after studying your example I know why now. I forgot that the 
spaces denote SEPARATE blocks or DIVs. I was using your first example of 
CSS with your second example of HTML (two classes on the div) and 
because of the spaces the browser was looking for another DIV instead of 
a DIV with two classes.


Thanks for clarifying!

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