Re: [css-d] css organization - (divide and conquer) or not?

[Rakesh Pai]

May I add:

Method 4:
/* Header styles */
div#header {
/* all header related styles, making no distinction between of
layout and typography */
}

div#header img {
/* style rules for the logo */
}

/* Navigation */
...

/* Content area */
...

/* Footer */
...

I personally find this to be much easier to find stuff in the file. YMMV.

-- 
Rakesh Pai
Mumbai, India.
[EMAIL PROTECTED]
http://piecesofrakesh.blogspot.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] css organization - (divide and conquer) or not?

[david]

Paul Hanson wrote:

>  #Method3 - have to change 1 files, un-organized .posts{
> color: orange; background-color: black;
> font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif;
> float:left; width: 200px; }
> 
> I was wondering what is best, for a quick job, i'd probably do #3; but
> for a big job I wasn't sure what people have figured is best?

I prefer it all in one place - I'm not a fan of hunting for 
"myspecialclass" all over a bunch of files.

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

Re: [css-d] Can safari allow form styling?

[Philippe Wittenbergh]

On Jul 18, 2007, at 1:53 AM, Josue Martinez wrote:

> I was wondering if Safari allows you to style forms, as the  
> rendering on
> this page is broken in Safari, but not in any other browser:
> http://www.columbia.edu/~jm2939/interest_form.html
>
> [...]
>
> Safari 1.3 (or something like that) in Mac is not displaying the form
> properly. There are two fieldsets, and the form elements inside the
> fieldsets are floated. Perhaps I should try floating the fieldsets
> themselves to see if that makes them expand to hold their content.

A fieldset is supposed to establish a new block formatting context  
[0], and as such, contain all floated elements.
Unfortunately, Safari 2.0.x and older doesn't do that, and hence,  
your floated elements visually escape out of the fieldset. That  
problem has been fixed in nightly WebKit builds and Safari 3.0 beta.

The solution is to use the easy clearing method for Safari [1]
fieldset::after {content:'[.]'; clear:both; visiblity:hidden;  
display:block; height:0;}

[0] 
Although the specs are not clear about this for a fieldset, it is  
what browsers actually implement.
[1] 

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] IE 6.02 Windows not showing style sheet

[David Hucklesby]

On Mon, 16 Jul 2007 21:33:08 -0400, Tracy Lee wrote:
> Could someone test out the following site with IE on Windows and let me know 
> if they
> are getting the style sheet to display.
>
> http://www.fitwithmichael.com
>
> If it isn't, does anyone know why it wouldn't?
>

Internet Explorer on Windows does not handle @import rules that
specify media correctly. This seems to apply to all versions, including
IE 7.

  


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/

Re: [css-d] Cell Spacing in IE

[Jason Ogle]

Nevermind. I figured it out.

Hi, I'm JASON OGLE.
I   c r e a t e   s t u f f .
www.jasonogle.com


On Jul 17, 2007, at 5:42 PM, Jason Ogle wrote:

> What's a comparable solution for spacing out table cells in Win IE?

__
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] Cell Spacing in IE

[Jason Ogle]

Hi there CSS Wizards.

What's a comparable solution for spacing out table cells in Win IE?

I noticed that "border-spacing" is not working.

You can see the tables in "In Stores" and "MySpace" as examples.
http://www.jasonogle.com/clients/shady/

Thanks!

Hi, I'm JASON OGLE.
I   c r e a t e   s t u f f .
www.jasonogle.com


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

[css-d] CSS issue with IE6

[Shelly]

Okay, before I begin, I would just like to say I'm about to kill 
something - most likely my monitor.  If it had boots, it would be 
shaking in them right now.

Now, that being said, this is my issue:

http://anekostudios.com/test/issue/index.html

I have tested it in Firefox 2, Netscape 8 & 7, Opera 9, 8 & 7 and IE 7 
all on PC.  It does exactly what I want it to.

But IE *&[EMAIL PROTECTED] 6 is $%^&!$# me off.  For the life of me, I cannot 
get it 
to align *anything* properly.  And if you'll notice on the right side, I 
eliminated the drop shadow PNG and replaced it with a gif that's not as 
pretty.  The reason being: I could see it if I set the wrapper div at 
100% height (but then I wouldn't see the left shadow - inner_wrapper). 
If I set inner_wrapper at 100% height, and not the wrapper, I could see 
the left shadow.  But if I set *both* at 100% height (or nothing) I 
would only see the left side shadow, or nothing, respectively.

And now that have the slightest bit of order showing, the margins in the 
content are different than the ones in the header, and I can't get 
*&$^!@ to line up.

I have messed with the IE6 stylesheet to hell and back, and I can't get 
this little piece of &%#!@ to do anything right.

If anyone could please take a look at this and see what I'm doing wrong 
- or even if there's a better solution to do what I'm trying to do - 
that would even be awesome.  But I don't know *what* I'm doing wrong 
here.  IE 6 never used to be this hard - I don't know how it suddenly 
decided to get so difficult on me.

Anyway, I'd appreciate any help with this, because I just have to stop 
now before I damage something irrevocably.

Thanks!

~Shelly
__
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 dropdown menu

[Thierry Koblentz]

> On Behalf Of Julian Tulip's Licorice
> I am trying to find a solid CSS dropdown technique that works fluidly
> amongst the browsers.
> I mean the link that drops down to other links, something I can make all
> pretty with CSS.
> a: is this possible with all the modern browser workarounds?
> b: is DHTML the way to go?
> 
> I figure I would try here first, if anyone can send me a link to a site
> they
> know and love I would so appreciate it.

http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp

I'm a bit biased though ;)

---
Regards,
Thierry | http://www.tjkdesign.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] css organization - (divide and conquer) or not?

[Arian Hojat]

Cool thanks. I think I'll stick to 1 file and separate by areas on the page
(generic/basic rules for page; nav, header, content, mainContent, sidebar,
footer, etc). Sometimes I get the rule that applies to generic things like a
hyperlink in nav, header, content areas, so im not sure where to group it.
Maybe I'll just throw those in basic rules area.
__
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 style for input type="file"

[Jukka K. Korpela]

On Tue, 17 Jul 2007, Emanuele Venezia wrote:

> Is there a way to define the style for an input type="file"? I would
> like to change the borders and colors of the button associated, leaving
> the inputbox like the other ones, but I don't know how to specify it in
> the css.

It's tricky. You can assign CSS properties to an input type="file" element 
as for any element, but

1) browser support to CSS properties as applied to input fields is 
generally more limited than for normal elements, and what works on one 
browser may well lack any effect on another;

2) there is no authoritative specification or even a good informal 
description of what the various CSS properties _mean_ for an input 
type="file" element; in particular, the typical rendering of such an 
element consists of two parts, a text input box and a Browse button, but 
you cannot refer to them separately in CSS.

It is not clear at all what happens if you e.g. set a border for the 
element. Does it affect the border of the text box, or of the button, or 
maybe both? The _natural_ interpretation, IMHO, is that the border should 
relate to the element as a whole, drawing an outer border, and leaving the 
box and button borders untouched, as external to CSS. Yet, e.g. IE 7 seems 
to apply the border property to the two components.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS dropdown menu

[Julian Tulip's Licorice]

Hello,

I am trying to find a solid CSS dropdown technique that works fluidly
amongst the browsers.
I mean the link that drops down to other links, something I can make all
pretty with CSS.
a: is this possible with all the modern browser workarounds?
b: is DHTML the way to go?

I figure I would try here first, if anyone can send me a link to a site they
know and love I would so appreciate it.

Thanks in advance

john
__
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] double border-style in IE7

[Robert Van Dam]

On 7/10/07, Brian Crescimanno <[EMAIL PROTECTED]> wrote:
> On 7/10/07, Jukka K. Korpela <[EMAIL PROTECTED]> wrote:
> > In your case, it seems that there is a simple way: wrap the element  > id="main">... inside an outer div, and set the outer div's
> > background color to the desired value (white, in this case).
>
> An alternative solution (also using nested divs) would be to set the
> border of your current div to 1px solid, add an inner div with a
> transparent background, 2px margins, and a 1px solid border as well.
>
> I'm not sure which method is preferable--I had actually typed my
> method above before Jukka's email arrived in my inbox.  I think
> Jukka's might win out simply because available (inner) size and
> occupied space would not change from what you'd expect using a double
> border.
>
> Thanks also for pointing out that the specs had no clarification on
> which method is considered "correct."

I was just running into a related problem and wanted to point out that
the specs do clarify (but it's not very easy to find).  Specifically:

"All borders are drawn on top of the box's background."

which can be found at http://www.w3.org/TR/REC-CSS2/box.html#8.5.3

In my case I had something like the following (extremely simplified
for this example):

table {
border-collapse: collapse;
border: 3px double black;
}

th {
border-collapse: collapse;
background-color: blue;
}

td {
border-collapse: collapse;
background-color:red;
}

which caused the table cells background colors to bleed into the
border to the right.

So what the op is seeing is technically "correct" CSS, per the specs,
just not what I imagine most of us would consider expected behavior.
Which means that the the two suggestions above are the only ways to
avoid bleeding background colors when using a double border.

While I'm at it, I'll point out that although Jukka's solution does
preserve inner space as Brian points out, Brian's method is the only
sure fire way to have what will appear to be a double border with an
even number of pixels in firefox without running into the
still-lingering rounding bug.

In my case, I decided that it looked enough like monitor bleed and was
subtle enough that I just left it as is.

Rob
__
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] 3 columns not fitting IE

[CSS List Account]

See the page here:  http://www.kathylesky.org
 
The page fits in FireFox, but IE 6 always shows a horizonal scroll bar.  Is
it the image, or ?
 
Also, I would like the top of the photo (left column), text (center column),
and map (right column) to all line up.  Again, they do in FireFox, but not
IE6.
 
Thanks,
Vic
 
__
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 style for input type="file"

[Emanuele Venezia]

Hello!

Is there a way to define the style for an input type="file"? I would 
like to change the borders and colors of the button associated, leaving 
the inputbox like the other ones, but I don't know how to specify it in 
the css.

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

[css-d] IE 6.02 Windows not showing style sheet

[Tracy Lee]

Could someone test out the following site with IE on Windows and let  
me know if they are getting the style sheet to display.

http://www.fitwithmichael.com

If it isn't, does anyone know why it wouldn't?

Thanks!
Tracy Lee
__
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] Repeat-x problems when the window is smallerthan 800x600

[Erik Gyepes]

Thierry,

Thanks for that, I've don't know that there is a difference, my fault.
Anyway when I load the page in IE and then unmaximize the window to see 
a horizontal scrollbar, scroll right and maximize back, there appears a 
big gap - without repeating the header and the banner. When I refresh 
the page, everything is okay again. Is it that Peekaboo bug, or 
something else?

Erik

Thierry Koblentz wrote:
>> On Behalf Of Erik Gyepes
>> Thanks for your advice, it really works, but I still don't know how to
>> solve it in IE6. As you know IE6 doesn't support min-width, so I tried
>> this expression: "width :expression(document.body.clientWidth > 780?
>> "780px": "auto" );" for the body, but it didn't worked.
>>
>> Do you have any ideas?
>> 
>
> min-width or max-width? What you have above looks like a max-width.
> Try this for min-width:
> width: expression(documentElement.clientWidth < 780 ? "780px" : "auto" )
>
> ---
> Regards,
> Thierry | http://www.tjkdesign.com
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>   

__
css-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 organization - (divide and conquer) or not?

[Don Stefani]

Or...
Just use some comments to explain what each file does.
If your reason for splitting things up is valid, then share the reasons and
explain.

The next person may think you are smart and write sexy code.

And you know, "chicks dig sexy code".

- dstefani
__
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] Repeat-x problems when the window is smallerthan 800x600

[Thierry Koblentz]

> On Behalf Of Erik Gyepes
> Thanks for your advice, it really works, but I still don't know how to
> solve it in IE6. As you know IE6 doesn't support min-width, so I tried
> this expression: "width :expression(document.body.clientWidth > 780?
> "780px": "auto" );" for the body, but it didn't worked.
> 
> Do you have any ideas?

min-width or max-width? What you have above looks like a max-width.
Try this for min-width:
width: expression(documentElement.clientWidth < 780 ? "780px" : "auto" )

---
Regards,
Thierry | http://www.tjkdesign.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] Repeat-x problems when the window is smaller than 800x600

[Erik Gyepes]

Hi Scott,

Thanks for your advice, it really works, but I still don't know how to 
solve it in IE6. As you know IE6 doesn't support min-width, so I tried 
this expression: "width :expression(document.body.clientWidth > 780? 
"780px": "auto" );" for the body, but it didn't worked.

Do you have any ideas?

Erik

Scott Povlot wrote:
> Erik,
>
> The problem you are having is not related to repeat-x,
> but width.  Your "subwrapper" div has a fixed width of
> 780px.  Your body has a min-width of 100%.  But the
> body width does not take into account the width of the
> subwrapper.  (Not 100% sure why).  If you change the
> body min-width=780px, the problem is resolved. 
> Perhaps someone else can explain why 100% does not
> work properly.
>
> Scott
> --- Erik Gyepes <[EMAIL PROTECTED]> wrote:
>
>   
>> I'm designing a layout where the /header/ and also
>> the /banner/ (under 
>> it) use repeat-x to be repeated on the "x" axis.
>>
>> The problem occurs when I resize the window to
>> 800x600 to see how it 
>> looks like on 800x600 desktop and then resize the
>> window a little more - 
>> because I want a horizontal scrollbar to appear.
>> Then when I scroll 
>> horizontally to right there is a gap on the right
>> side of the /header/ 
>> and the /banner/.
>>
>> I would like to repeat the header and the banner
>> till to the window 
>> border, but it just stop repeating.
>> 
>
>
>
>
> 
> Choose the right car based on your needs.  Check out Yahoo! Autos new Car 
> Finder tool.
> http://autos.yahoo.com/carfinder/
> __
> 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 organization - (divide and conquer) or not?

[David Hucklesby]

On Tue, 17 Jul 2007 13:18:17 -0400, Arian Hojat wrote:
> I have been looking at some tutorials. and some recommend the usual 'split 
> into
> basic.css, typography.css, layout.css, colors.css, etc', but I can see a few 
> peoples'
> arguments that to make a change for 1 thing, you might be looking at changing 
> alot of
> files. For example, when you want do change layout for the .posts class,
>
[examples snipped...]

> I was wondering what is best, for a quick job, i'd probably do #3; but for a 
> big job I
> wasn't sure what people have figured is best?
>
~

I don't think there is a "best". As another reply points out, you *may*
have to consider others having to maintain your code, so that's one
consideration for sure.

So much depends on your general ideas about organization, and any
preferences teams members may have (if you work in a team).

If you have ever shared a household with others, you will realize that
each person has their own ideas about how things should be organized.

My suggestion is to try various schemes, and find which one suits
you personally. You are on the right track just thinking about this -
some kind of organization is surely better than none.  :)

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/

Re: [css-d] Can safari allow form styling?

[David Hucklesby]

On Tue, 17 Jul 2007 12:53:40 -0400, Josue Martinez wrote:
> Hello, listers:
>
> I was wondering if Safari allows you to style forms, as the rendering on this 
> page is
> broken in Safari, but not in any other browser:
> http://www.columbia.edu/~jm2939/interest_form.html
>

Safari 3.0 on Windows xp styles it the same way as other browsers.
I'm still saving for a MacBook.  :)

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/

Re: [css-d] Floating images with text wrapping underneath

[David Hucklesby]

> David Hucklesby wrote re: http://www.fortvalleyrealestate.com/
>
>> p {
>> display: table;
>> height: 0;
>> }
>>
>> "display: table;" makes it display as a box, as you'd expect.
>>

On Mon, 16 Jul 2007 22:53:22 +0100, Jason Crosse responded:
[...] 
>
> I must say, though, that very quickly adding that to the p rule in the site 
> mentioned
> did not seem to have the desired effect; maybe I did not put enough effort 
> into
> properly testing it.
>
~~

Well, there was more to my answer than you indicate. So, no, just
adding that rule won't work.

For a quick test, try changing the final P tag to this:



I tested this on a Win xp box. Seems to work in Opera 9,
Firefox 2, Netscape 7.2, IE 5.5, 6, and 7, and Safari beta.
May not work in browsers not tested. Kindly let me know
which ones.

Cordially,
David
--
www.hucklesby.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] css organization - (divide and conquer) or not?

[Paul Hanson]

One thing to consider for your 3rd idea is that if you have to pass the
project off to someone else, the other two methods require the new
person to understand your logic and why you split things up into
multiple files. This could lead to frustration on their part if they
don't fully understand what is happening on the web page. Frustration
may lead to venting. Venting may lead to you getting a bad rap for using
either method 1 or method 2 after you are no longer associated with the
project. The negative connotation with the work you leave behind is very
powerful and can bite you when you don't expect it. 

That said, I would choose method 3. Everything is together that controls
the .posts style so I don't have to go looking elsewhere. I think it is
the best way to do it.

Paul Hanson
Technical Writer
RoboHelp ACE -
http://www.adobe.com/support/forums/team_macromedia/robohelp.html
Quintrex Data Systems http://www.quintrex.com
email: phanson at quintrex.com  

-Original Message-
From: Arian Hojat


#Method1 - have to change across 3 files //color.css .posts{ color:
orange; background-color: black;} //typography.css .posts{ font-size:
1em; font-family:Verdana, Arial, Helvetica, sans-serif; } //layout.css
.posts{ float:left; width: 200px; }

 #Method2 - have to change 1 files, organized /*Colors */ .posts{ color:
orange; background-color: black;} /*Typography */ .posts{ font-size:
1em; font-family:Verdana, Arial, Helvetica, sans-serif; } /*Layout */
.posts{ float:left; width: 200px; }

 #Method3 - have to change 1 files, un-organized .posts{
color: orange; background-color: black;
font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif;
float:left; width: 200px; }

I was wondering what is best, for a quick job, i'd probably do #3; but
for a big job I wasn't sure what people have figured is best?
__
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] Repeat-x problems when the window is smaller than 800x600

[Scott Povlot]

Erik,

The problem you are having is not related to repeat-x,
but width.  Your "subwrapper" div has a fixed width of
780px.  Your body has a min-width of 100%.  But the
body width does not take into account the width of the
subwrapper.  (Not 100% sure why).  If you change the
body min-width=780px, the problem is resolved. 
Perhaps someone else can explain why 100% does not
work properly.

Scott
--- Erik Gyepes <[EMAIL PROTECTED]> wrote:

> I'm designing a layout where the /header/ and also
> the /banner/ (under 
> it) use repeat-x to be repeated on the "x" axis.
> 
> The problem occurs when I resize the window to
> 800x600 to see how it 
> looks like on 800x600 desktop and then resize the
> window a little more - 
> because I want a horizontal scrollbar to appear.
> Then when I scroll 
> horizontally to right there is a gap on the right
> side of the /header/ 
> and the /banner/.
> 
> I would like to repeat the header and the banner
> till to the window 
> border, but it just stop repeating.



   

Choose the right car based on your needs.  Check out Yahoo! Autos new Car 
Finder tool.
http://autos.yahoo.com/carfinder/
__
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] Form on Opera - Safari - Konqueror issue

[Rob Cochrane]

Hi All,

I am having an issue with the above browsers or perhaps with Me being 
stupid!

I want the form elements to sit tight against each other (input and 
select) as seen in this example on a site I am building viewed in FF or IE7
http://www.vehicle-web.net/VW_index.php (click the ok button in change 
language section to set the required session vars as there are bits 
still missing)

I have also posted a test sample 
http://www.vehicle-web.net/testforOpera.html

Firefox and IE7 seem to handle the 0 margin perfectly
Opera has issues setting margins in both cases
Safari and Konqueror only on the Index page and not the test. This leads 
me to believe there is something else causing the issue I have not yet 
spotted but Opera 9 is steadfast in spacing out the divs.
Markup and CSS for test below

Any help appreciated

Thanks in advance

Rob

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>


Test Opera Forms









Some important stuff


Field_1



Select_1

   ---select---
   item
   item2

   item3



Select_2

   ---select---
   item
   item2

   item3








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

[css-d] css organization - (divide and conquer) or not?

[Arian Hojat]

I have been looking at some tutorials. and some recommend the usual 'split
into basic.css, typography.css, layout.css, colors.css, etc', but I can see
a few peoples' arguments that to make a change for 1 thing, you might be
looking at changing alot of files. For example, when you want do change
layout for the .posts class,

#Method1 - have to change across 3 files
//color.css
.posts{ color: orange; background-color: black;}
//typography.css
.posts{ font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
//layout.css
.posts{ float:left; width: 200px; }

 #Method2 - have to change 1 files, organized
/*Colors */
.posts{ color: orange; background-color: black;}
/*Typography */
.posts{ font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
/*Layout */
.posts{ float:left; width: 200px; }

 #Method3 - have to change 1 files, un-organized
.posts{
color: orange; background-color: black;
font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif;
float:left; width: 200px;
}

I was wondering what is best, for a quick job, i'd probably do #3; but for a
big job I wasn't sure what people have figured is best?

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

[css-d] Can safari allow form styling?

[Josue Martinez]

Hello, listers:

I was wondering if Safari allows you to style forms, as the rendering on
this page is broken in Safari, but not in any other browser:
http://www.columbia.edu/~jm2939/interest_form.html

I checked  the page in IE6/Win, IE7/Win, FF 2/Win, Netscape 7.2,Win, even IE
5.5/Mac and they all check out.

Safari 1.3 (or something like that) in Mac is not displaying the form
properly. There are two fieldsets, and the form elements inside the
fieldsets are floated. Perhaps I should try floating the fieldsets
themselves to see if that makes them expand to hold their content. Here's
the CSS. Please view source for the html

/*Form elements---*/
label, label span {
color: #FFF;
display: block;
padding-bottom: 0.25em;
}
label {
float: left;
width: 100%;
}
label span {
float: left;
width: 93px;
}
fieldset input, fieldset textarea {
float: left;
width: 192px;
border: 1px solid #CCC;
}
fieldset input:hover, fieldset textarea:hover {
border-color: #000;
}
fieldset input:active, input:focus, fieldset textarea:active, textarea:focus {
border-color: #F00;
}
fieldset {
background: url(assets/images/lstripes.gif);
margin-bottom: 1em;
margin-left: -5px;
padding: 1.5em;
padding-left: 5px;
border: 1px solid #000;
}
fieldset:hover {
border-color: #FF0;
}
form div input {
margin-left: -5px;
}



Awaiting your insight,
Josue
__
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] Repeat-x problems when the window is smaller than 800x600

[Erik Gyepes]

Hello,

I'm designing a layout where the /header/ and also the /banner/ (under 
it) use repeat-x to be repeated on the "x" axis.

The problem occurs when I resize the window to 800x600 to see how it 
looks like on 800x600 desktop and then resize the window a little more - 
because I want a horizontal scrollbar to appear. Then when I scroll 
horizontally to right there is a gap on the right side of the /header/ 
and the /banner/.

I would like to repeat the header and the banner till to the window 
border, but it just stop repeating.

Here is the demo of that site: http://www.erikgyepes.com/css/ + the 
screenshot when that problem occurs: 
http://www.erikgyepes.com/css/screenshot.png.

I'm strugling with this for a long time and I really don't know what to 
do, if it is a real big issue or is it just a normal behaviour. I think 
it shouldn't look like this.

All help will be appreciated.

Thanks to all.
__
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 you kill the cell spacing in table with CSS?

[Philippe Wittenbergh]

On Jul 17, 2007, at 3:53 PM, Mark Henderson wrote:

>> As far as I can see, on Win IE border-collapse: collapse overrides  
>> the
>> _default_ cellspacing. That is, if you set it and do not use the
>> cellspacing attribute in HTML markup, there is no spacing between  
>> cells.
>>
>> Oddly enough, it does not override an _explicit_ cellspacing  
>> attribute.
>
> A quick demo locally reveals you are correct (in IE 5.5/6/7). For some
> reason I had a recollection that cellspacing was still required for
> certain browsers, and then I found this in my bookmarks:
>
> http://archivist.incutio.com/viewlist/css-discuss/14032
>
> ...which is somewhat antiquated. At least my memory is still working!
> Sorry for the inaccurate information.

It is all a bit more complicated... in IE.
With no 'cellpsacing' attribute in the html, and using 'border- 
collapse:collapse', AND painting equal borders on all sides of a  
table-cell, IE works correctly.

But if you want different borders (thick at the bottom, thin on the  
sides), or only a bottom border on certain cells, things can go wrong...

Look at the second table.
The ticker the border, the merrier the painting oddities.

(as an aside, the only more modern browser that doesn't support the  
border-collapse property is IE Mac; and I seem to remember problems  
in early versions of Safari, those that still run on OS X 10.2).

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/