Re: [css-d] Vertical Navigation Problem - Clarification

[david]

Ingo Chao wrote:

> I'm mid-posting here since I am not sure if we agree in top- or 
> bottom-posting in this thread.

I believe the list standard is bottom-posting ...

-- 
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] unwanted padding-top & padding-bottom

[David Laakso]

Joanne wrote:
> http://server.npserver1.com/~netper/whoswho/
>
>
> This css has a white gap above & below the #content div. It does even if I
> put in padding-top: 0; & padding-bottom: 0;
>
> padding: 20px; removes the white space, but I don't want top & bottom
> padding. What am I doing wrong?
>
>
>
> Joanne
>   


p {
font-size: 100%;
margin-top:0;margin-bottom:0; <<<--- kill the top and bottom margin
font-family: Verdana, Helvetica, Arial, sans-serif;}


-- 
http://chelseacreekstudio.com/

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

[css-d] I DIDN'T MEAN TO POST THAT TO THE LIST - HONEST!!! embarassed =(

[Christopher Blake]

don't read it! - I'll get in trouble.


Chris Blake: Visit my Website at 3 Point
contact | [EMAIL PROTECTED] - 07816163420 | aim - blakeybounce  
| msn - [EMAIL PROTECTED]

__
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 do you go when you need java support?

[Christopher Blake]

I love this list, and will hopefully continue to do so for a long  
time. However as my relatively new web knowledge progresses I  
sometimes need to go o.t. - I don't really and think I have only been  
told off once. What I am asking is; rather than registering with 20  
poxy forums where it is full of bad attitude, recent posts are dated  
yrs ago etc can i go in order to get good advice like that I have  
grown so used to from here?

Java list discuss?

Oh yeh, what I am currently working on is customising rapidweaver  
themes. It's html and css pure if you want it to be, but can contain  
all the other stuff. i have got quite a way in and think that in  
future I will start developing my own themes and possibly even sell  
them. Of course I would only post to this forum with regards to the  
css, but the way that the app publishes and gathers the info in the  
original index file is all a bit new and different from coding the  
whole lot yourself. Anyway, don't know what I am asking here, maybe  
you just want to warn me away from things, suggest I don't etc.

Back to the original question - where is good to get advice on html,  
java, php etc? Ideally from real people that you don't have to pay  
for and aren't 14 and only interested in making games.

I read a moderator message saying that it makes you feel "warm and  
fuzzy" inside when someone asks before they post! I laughed out loud!  
- Well does it? - Just kidding, your list rocks the geek world and if  
I can ever do anything to give it back to the people and not get bent  
by corruption and money like you guys, I will and I will snuff it a  
happy man!

Regards, Chris

Chris Blake: Visit my Website at 3 Point
contact | [EMAIL PROTECTED] - 07816163420 | aim - blakeybounce  
| msn - [EMAIL PROTECTED]

__
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] pleeeeease help.....png problems

[Rick Faircloth]

Lori, if you don't have anything constructive to say to someone
who obviously needs help (and not once asked anyone to write code for them),
I suggest you just clam-up and keep your comments to yourself.

Say something constructive or stay off the list... you're the kind of person
who makes the kind of comments that really turn people off and make them
want to leave the list.

Apparently, you have been on the list for a couple of months and you know it
all
and feel like others who are struggling are beneath your effort to help.

At least one person in this discussion, Dejan, disagrees with your
perspective
on the need to modify the .htaccess file... it means you *could* be
*wrong*...and I'm
very sure you *never* misread any instructions.

Must be nice to live such a charmed life of perfection...

Rick



-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Lori Lay
Sent: Thursday, June 07, 2007 10:01 PM
To: jeffrey morin
Cc: css-d
Subject: Re: [css-d] please help.png problems

jeffrey morin wrote:
> On 6/7/07, Lori Lay <[EMAIL PROTECTED]> wrote:
>   
>> jeffrey morin wrote:
>> 
>>> i have looked at the following site forever now and still cannot get
>>>   
>> this to
>> 
>>> work.
>>>
>>> http://www.twinhelix.com/css/iepngfix/
>>>
>>>   
>> Well look closer because you haven't followed the instructions.  Pardon
>> the terse tone, but we're not here to write your code for you...
>> 
>
>
> as much as i love these kinds of witty comments after a long day, i had
> originally tried it with a class in my stylesheet but removed it for a
> javascript fix, you must have seen the latter. so I'll excuse your
tardiness
> just this once Lori.
>
>   

The comment wasn't meant to be witty.  You still haven't followed the 
instructions.  Look at the demo page!  Line one in the CSS!!  It starts 
with USAGE in capital letters.  I've seen your posts over the last few 
months and I was noting a trend.

Lori
__
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] pleeeeease help.....png problems

[Lori Lay]

jeffrey morin wrote:
>
>
>
> The comment wasn't meant to be witty.  You still haven't followed the
> instructions.  Look at the demo page!  Line one in the CSS!!  It
> starts
> with USAGE in capital letters.  I've seen your posts over the last few
> months and I was noting a trend.
>
> Lori
>
>
> at the top of my global.css it says
>
>  .index #content #header img.logo { behavior: url(iepngfix.htc) }
>
> i've tried just .logo as well as img.logo
>
> i don't know why you don't see it

It's there now.  There was no .logo class when I looked at your CSS 
files and no behavior directive.

Lori
__
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] pleeeeease help.....png problems

[Joaquim Font]

I follow the instruction and don't work

http://www.izquierdanacional.org/index3.html

CSS code:

http://www.izquierdanacional.org/css2/tapa4.css

Saludos


El 07/06/2007, a las 23:00, Lori Lay escribió:

> jeffrey morin wrote:
>> On 6/7/07, Lori Lay <[EMAIL PROTECTED]> wrote:
>>
>>> jeffrey morin wrote:
>>>
 i have looked at the following site forever now and still cannot  
 get

>>> this to
>>>
 work.

 http://www.twinhelix.com/css/iepngfix/


>>> Well look closer because you haven't followed the instructions.   
>>> Pardon
>>> the terse tone, but we're not here to write your code for you...
>>>
>>
>>
>> as much as i love these kinds of witty comments after a long day,  
>> i had
>> originally tried it with a class in my stylesheet but removed it  
>> for a
>> javascript fix, you must have seen the latter. so I'll excuse your  
>> tardiness
>> just this once Lori.
>>
>>
>
> The comment wasn't meant to be witty.  You still haven't followed the
> instructions.  Look at the demo page!  Line one in the CSS!!  It  
> starts
> with USAGE in capital letters.  I've seen your posts over the last few
> months and I was noting a trend.
>
> Lori
> __
> 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] Td text-alignment and table margin in IE7

[Erik Olivier Lancelot]

Hi all,

My pages look right in FF, O, NN and IE6, but not IE7. On the page 
postage-div.php two tables are moved too far to the right, and on the page 
verification-div.php a td does not right-align as it should. You can go 
straight to http://www.jester-records.com/postage-div.php to view the first 
problem, but in order to view the second problem, you will have to go to 
http://www.jester-records.com/shop-div.php, put something in th shopping 
cart, click "proceed" a few times and enter some information before the 
problem shows.

Below is the code for the second problem. The text inside the "v_price" td 
refuses to right-align.



 Album title
 CD
 10 EUR

 

 Sub total
 10 EUR


 Postage
 2 EUR

 

 Total
 12 EUR

  

Css:

table.cart {
 margin-left: auto;
 margin-right: auto;
 border: 0;
}

td.item {
 text-align: left;
 vertical-align: top;
 width: 350px;
}

td.v_format {
 text-align: center;
 vertical-align: top;
 width: 70px;
}

td.v_price {
 text-align: right;
 vertical-align: top;
 width: 30px;
 border: 1px solid red;
}

.l { text-align: left; }

.r { text-align: right; }

.b { font-weight: bold; }


And the code for the first problem:



 Sub total
 10 EUR


 Postage
 2 EUR


 Total
 12 EUR

   


 
  Name:
  Bob Uno
 
 
  Address:
  1347 Rykkinn
 
 
  Country:
  Norway
 
 
  E-mail:
  [EMAIL PROTECTED]
 
 
  Newsletter:
  Yes
 
   

Css:

table.postage {
 margin-left: 397px;
 border: 0;
}

td.p_address { vertical-align: top; }


Verification-div.php validates, but when I try to validate postage-div.php, 
the validator tells me that it does not find a doctype. This is strange 
because the doctype for both pages lies in head.html, which is included with 
the statement  in both pages.

Thanks a lot for help.

Erik 

__
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] pleeeeease help.....png problems

[jeffrey morin]

On 6/7/07, Dejan Kozina <[EMAIL PROTECTED]> wrote:
>
> Here is the research. Mordor itself says so:
> http://support.microsoft.com/kb/306231
>
> The plain word translation is that IE (on WinXP with SP2, to be precise)
> won't load a .htc file unless it's served with the correct MIME type of
> text/x-component . The Apache web server doesn't come with this
> preconfigured out of the box; you have to put it there yourself, either
> into the main configuration file httpd.conf (if you know what are you
> doing and if you have access to it at all, which almost always isn't the
> case on a shared server) or into a plain text file named exactly
> '.htaccess' in the same directory where the .htc is served from. Done
> that, you don't have to link to it: Apache itself will read that file
> before serving any content from the directory.
>
> There is one other thing that can go wrong with .htc stuff: while IE
> does respect in general the specifications stating that the path to
> files referred to in a stylesheet is relative to the stylesheet itself
> (this means: if you have a css stylesheet in /css/global.css with a rule
> like {background-image: url(image.gif);} the browser must get image.gif
> from the css folder), when it comes to .htc files (maybe others too, but
> I haven't noticed yet) IE makes a mess of it and looks for them all over
> the place, mostly (not always) treating the path as relative to the html
> file (who said IE is boring?). The simplest solution is to use the full
> URL to point to the .htc (eg.: behaviour:
> url(http://bioneutrix.com/css/iepngfix.htc); ).
>
> That said, I noticed that you kinda gave up on the htc going rather the
> javascript way. As I see it, the conditional comment should load
> javascript/pngfix.js for versions of IE lower than 7, while the script
> itself runs only for versions of IE higher or equal to 5.5 rewriting the
> img element with a span with display: inline-block and the rest copied
> from the original image with an AlphaImageLoader filter applied. Not the
> simplest of solutions to debug, I guess.
> Right now your problem in IE6 is that the javascript isn't loaded at
> all, as far as I can see. I suspect the culprit is the conditional
> comment - you wrote on line 14 

Re: [css-d] pleeeeease help.....png problems

[Dejan Kozina]

Here is the research. Mordor itself says so:
http://support.microsoft.com/kb/306231

The plain word translation is that IE (on WinXP with SP2, to be precise) 
won't load a .htc file unless it's served with the correct MIME type of 
text/x-component . The Apache web server doesn't come with this 
preconfigured out of the box; you have to put it there yourself, either 
into the main configuration file httpd.conf (if you know what are you 
doing and if you have access to it at all, which almost always isn't the 
case on a shared server) or into a plain text file named exactly 
'.htaccess' in the same directory where the .htc is served from. Done 
that, you don't have to link to it: Apache itself will read that file 
before serving any content from the directory.

There is one other thing that can go wrong with .htc stuff: while IE 
does respect in general the specifications stating that the path to 
files referred to in a stylesheet is relative to the stylesheet itself 
(this means: if you have a css stylesheet in /css/global.css with a rule 
like {background-image: url(image.gif);} the browser must get image.gif 
from the css folder), when it comes to .htc files (maybe others too, but 
I haven't noticed yet) IE makes a mess of it and looks for them all over 
the place, mostly (not always) treating the path as relative to the html 
file (who said IE is boring?). The simplest solution is to use the full 
URL to point to the .htc (eg.: behaviour: 
url(http://bioneutrix.com/css/iepngfix.htc); ).

That said, I noticed that you kinda gave up on the htc going rather the 
javascript way. As I see it, the conditional comment should load 
javascript/pngfix.js for versions of IE lower than 7, while the script 
itself runs only for versions of IE higher or equal to 5.5 rewriting the 
img element with a span with display: inline-block and the rest copied 
from the original image with an AlphaImageLoader filter applied. Not the 
simplest of solutions to debug, I guess.
Right now your problem in IE6 is that the javascript isn't loaded at 
all, as far as I can see. I suspect the culprit is the conditional 
comment - you wrote on line 14 

Re: [css-d] pleeeeease help.....png problems

[jeffrey morin]

>
>
> The comment wasn't meant to be witty.  You still haven't followed the
> instructions.  Look at the demo page!  Line one in the CSS!!  It starts
> with USAGE in capital letters.  I've seen your posts over the last few
> months and I was noting a trend.
>
> Lori
>

at the top of my global.css it says

 .index #content #header img.logo { behavior: url(iepngfix.htc) }

i've tried just .logo as well as img.logo

i don't know why you don't see it
__
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] pleeeeease help.....png problems

[Lori Lay]

jeffrey morin wrote:
> On 6/7/07, Lori Lay <[EMAIL PROTECTED]> wrote:
>   
>> jeffrey morin wrote:
>> 
>>> i have looked at the following site forever now and still cannot get
>>>   
>> this to
>> 
>>> work.
>>>
>>> http://www.twinhelix.com/css/iepngfix/
>>>
>>>   
>> Well look closer because you haven't followed the instructions.  Pardon
>> the terse tone, but we're not here to write your code for you...
>> 
>
>
> as much as i love these kinds of witty comments after a long day, i had
> originally tried it with a class in my stylesheet but removed it for a
> javascript fix, you must have seen the latter. so I'll excuse your tardiness
> just this once Lori.
>
>   

The comment wasn't meant to be witty.  You still haven't followed the 
instructions.  Look at the demo page!  Line one in the CSS!!  It starts 
with USAGE in capital letters.  I've seen your posts over the last few 
months and I was noting a trend.

Lori
__
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] pleeeeease help.....png problems

[jeffrey morin]

On 6/7/07, Lori Lay <[EMAIL PROTECTED]> wrote:
>
> jeffrey morin wrote:
> > i have looked at the following site forever now and still cannot get
> this to
> > work.
> >
> > http://www.twinhelix.com/css/iepngfix/
> >
>
> Well look closer because you haven't followed the instructions.  Pardon
> the terse tone, but we're not here to write your code for you...


as much as i love these kinds of witty comments after a long day, i had
originally tried it with a class in my stylesheet but removed it for a
javascript fix, you must have seen the latter. so I'll excuse your tardiness
just this once Lori.

anyway, i have the .htc version there on the homepage right now and it is
not working. blank gif, htc file are both in my css folder along with the
style sheets.

www.bioneutrix.com

i have found multiple sites that say you need a .htaccess file which is why
i was asking more about that. so if i am in fact doing this wrong then i
just don't grasp this "simple" concept.

my apologies to anyone thinking i was trying to get them to write my code.


Jeff
__
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 Quirks Comparison Chart?

[Rick Faircloth]

Hi, all...

I'm really giving it a good try to become a css-based designer,
but I have to tell you, designing for basically 3 browsers,
IE 6, FF2, and IE 7 is turning out to be quite a pain.

Is there some nice chart somewhere that explains concisely
what the coding differences are between those (and other) browsers
that I have to consider?

I'll still run around between the browsers after each change, but it would
be nice to head off some of the surprises!

Thanks!

Rick

(Goes off for headache medicine...)


__
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] unwanted padding-top & padding-bottom

[Joanne]

In your stylesheet.css try setting the margin to 0.

p {
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:100%;
margin:0;
padding: 0;  
}


This fixes the problem but causes another. The paragraphs still need to have
their normal padding & margins. I just need to get rid of the gaps above &
below the #content div.

Joanne
__
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] pleeeeease help.....png problems

[Lori Lay]

jeffrey morin wrote:
> i have looked at the following site forever now and still cannot get this to
> work.
>
> http://www.twinhelix.com/css/iepngfix/
>   

Well look closer because you haven't followed the instructions.  Pardon 
the terse tone, but we're not here to write your code for you...

Anyway, have a look at the demo page

http://www.twinhelix.com/css/iepngfix/demo/

to see the change that you have to make to your CSS to get this 
working.  Leave the .htaccess file alone - or more accurately, don't 
create one.  That's an Apache configuration file and I wouldn't start 
messing with that until you do a little more research.  You probably 
don't even need it for this anyway.

Lori

Hint:  you have given your logo a class called logo, but there's no logo 
class in your CSS file...
__
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] unwanted padding-top & padding-bottom

[Joanne]

http://server.npserver1.com/~netper/whoswho/

#content {
position: relative;
padding-left: 20px;
padding-right: 20px;
background-color: #00;
color: #ff;
background-image: url(images/contentpaper.gif);
background-repeat: repeat-y;}

This css has a white gap above & below the #content div. It does even if I
put in padding-top: 0; & padding-bottom: 0;

padding: 20px; removes the white space, but I don't want top & bottom
padding. What am I doing wrong?

(The only validation errors are a missing print stylesheet page that I
haven't defined yet & missing alt tags which will have no bearing on this
issue).

Joanne
__
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] pleeeeease help.....png problems

[jeffrey morin]

png transparency has now stopped working. i didn't even do anything to it
__
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] pleeeeease help.....png problems

[jeffrey morin]

On 6/7/07, Dejan Kozina <[EMAIL PROTECTED]> wrote:
>
> Your web server is sending out iepngfix.htc with a MIME type of
> text/plain. IE since v. 6 SP1 wants it to be sent as text/x-component.
> Put a .htaccess file in your css folder with this line in it:
>
> AddType text/x-component .htc
>
> djn
>
> jeffrey morin wrote:
> > i have looked at the following site forever now and still cannot get
> this to
> > work.
> >
> > http://www.twinhelix.com/css/iepngfix/
> >
> > can someone please tell me what i am doing wrong. i have been at this
> > forever!
> >
> > my site is www.bioneutrix.com
> >
> > here is the htc file:
> > http://bioneutrix.com/css/iepngfix.htc


somehow it is working!  still investigating exactly how that happened. but
on refresh it puts an outline around the image and displays the alt text as
if the image can't be found. why does this happen? sorry for the annoyance
__
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] pleeeeease help.....png problems

[jeffrey morin]

On 6/7/07, Dejan Kozina <[EMAIL PROTECTED]> wrote:
>
> Your web server is sending out iepngfix.htc with a MIME type of
> text/plain. IE since v. 6 SP1 wants it to be sent as text/x-component.
> Put a .htaccess file in your css folder with this line in it:
>
> AddType text/x-component .htc
>
> djn
>
>
>
thanks for your response. i've been trying this for a couple hours now and
can't get it to work. can the .htaccess file have any name? and should i
point to that file from my stylesheet in addition to the .htc file?

i've been reading about this online and none of the articles explain exactly
how to link the files together
__
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] pleeeeease help.....png problems

[Joaquim Font]

I have the same problem i think. I understand the solution.

(sorry my english, i am from argentina)

I test de .htc file in this adress:

http://www.izquierdanacional.org/index3.html

Salut!

El 07/06/2007, a las 15:58, Dejan Kozina escribió:

> Your web server is sending out iepngfix.htc with a MIME type of
> text/plain. IE since v. 6 SP1 wants it to be sent as text/x-component.
> Put a .htaccess file in your css folder with this line in it:
>
> AddType text/x-component .htc
>
> djn
>
> jeffrey morin wrote:
>> i have looked at the following site forever now and still cannot  
>> get this to
>> work.
>>
>> http://www.twinhelix.com/css/iepngfix/
>>
>> can someone please tell me what i am doing wrong. i have been at this
>> forever!
>>
>> my site is www.bioneutrix.com
>>
>> here is the htc file:
>> http://bioneutrix.com/css/iepngfix.htc
>
> -- 
> -
> Dejan Kozina Web design studio
> Dolina 346 (TS) - I-34018 Italy
> tel./fax: +39 040 228 436 - cell.: +39 348 7355 225 skype: dejankozina
> http://www.kozina.com/  - e-mail: [EMAIL PROTECTED]
> __
> 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] Background Colour Different in IE6

[Richard Grevers]

On 6/7/07, Steph <[EMAIL PROTECTED]> wrote:
> Hi Audra & Richard,
>
> Many thanks for ideas below.  There is a background non-repeating file
> which is a gif.  There's also a graphic which is a gif.  the graphic
> colour works as created in another application, but everything else on
> the page is not ok.  I should have added that these do work in Mac IE
> 5.5 and Safari, but have not tried other browsers yet.
>
ok, doing a screen capture in irfanview from Opera on windows, the
page background has RGB values 254,255,222 while the background in the
outer parts of the spiral image is 251,251,225.
It probably wouldn't be noticeable on your typical uncalibrated LCD
display but I can see it on a CRT and a calibrated LCD screen.
It could be the colour space in your image editor and the way it
exports. (is it something weird like 16-bit)?
As a workaround, consider using transparency in the image with a
carefully selected boundary.
But I don't think its a css problem. - other than it would look better
if  your text block had a transparent (the default) background
colour).

-- 
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
Lost yet? http://www.lost.eu/3d33f
__
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] "Weak" layout

[David Laakso]

trevor bayliss wrote:
>  
>
>My main issue at the moment is that non-IE browsers get rid of the borders 
> on my top nav. What can I do to change this? Thanks:
>
>#topnav A {
> BORDER-RIGHT: #d8e1e9 1px solid; DISPLAY: block; BACKGROUND: no-repeat left 
> top; FONT: 11px/20px tahoma, arial, sans-serif; width: 84px; COLOR: #fff; 
> TEXT-ALIGN: center
> } 
>
>   

This is in reference to:

http://216.219.94.105/index1.cfm




Code to compliant browsers. Fix IE.

Amend your selector (how do you cope with all that ugly uppercase in 
your css file):

#topnav a { 
border-right: fuchsia 1px solid; border-left: fuchsia 1px solid;
} 

Best,
~dL

PS Saves time if you always include your uri and specify the version of 
ie (only ie6 yields what I guess you want).

-- 
http://chelseacreekstudio.com/

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

Re: [css-d] "Weak" layout

[trevor bayliss]

  Thank you everyone for your kind replies really appreciated which I will 
implement. So I now know what a weak layout is! What a complete nightmare these 
different browsers are. I don´t think that Sarah´s  idea about all the browser 
people getting together and agreeing on someting will ever happen that´s why we 
are in the mess we are at present!
   
   My main issue at the moment is that non-IE browsers get rid of the borders 
on my top nav. What can I do to change this? Thanks:
   
   #topnav A {
BORDER-RIGHT: #d8e1e9 1px solid; DISPLAY: block; BACKGROUND: no-repeat left 
top; FONT: 11px/20px tahoma, arial, sans-serif; width: 84px; COLOR: #fff; 
TEXT-ALIGN: center
} 

   
-
Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. 
__
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] interuppted div in IE6

[Sandy]

Bruno

> I see all of them working now!
ME TOO!!!
I use a Mac, so I check the pages with browsercam.
I just deleted all the captures and instead of recaptures I did all new 
ones, and now it all works.

> I didn't check the details, anyway here
> are some more suggestions:
you know, these are all good ideas, but now that it's working I don't 
want to touch it, in case something goes wrong again.

> 3) One of the reasons I suggested to widen the thumbs container is
> that you have many HTML comments between floats, and this may cause
> problems in IE [1]. 
they do? wow. I can't wait for IE6 to join Netscape 4 in browser Valhalla.

Bruno, thanks a million for your help with this. It's much appreciated - 
I was really at a loss!

Sandy
__
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] pleeeeease help.....png problems

[Dejan Kozina]

Your web server is sending out iepngfix.htc with a MIME type of 
text/plain. IE since v. 6 SP1 wants it to be sent as text/x-component.
Put a .htaccess file in your css folder with this line in it:

AddType text/x-component .htc

djn

jeffrey morin wrote:
> i have looked at the following site forever now and still cannot get this to
> work.
> 
> http://www.twinhelix.com/css/iepngfix/
> 
> can someone please tell me what i am doing wrong. i have been at this
> forever!
> 
> my site is www.bioneutrix.com
> 
> here is the htc file:
> http://bioneutrix.com/css/iepngfix.htc

-- 
-
Dejan Kozina Web design studio
Dolina 346 (TS) - I-34018 Italy
tel./fax: +39 040 228 436 - cell.: +39 348 7355 225 skype: dejankozina
http://www.kozina.com/  - e-mail: [EMAIL PROTECTED]
__
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: WYSIWYGs and CSS?

[Brian Crescimanno]

On 6/7/07, Melissa Carraway <[EMAIL PROTECTED]> wrote:
> My problem is that this site is going to be edited by the client in
> Contribute. The site looks fine in Mozilla and in IE, but for some
> reason when I open it in Contribute, it doesn't work at all!

The reason is that Contribute's HTML rendering while in "edit" mode is
terrible--but only slightly worse than Dreamweaver.  Some people try
to say it operates similarly to IE6 in either  quirks or standards
mode--but neither is the case.

That said, I have yet to find any 3-column solution which will render
properly in Dreamweaver's "design view" or Contribute's editor.  If
your client needs a 3-column design and doesn't have any particular
attachment to Contribute (which it doesn't sound like s/he does)
consider yourself lucky and find a different means of content
management.

Brian
__
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: WYSIWYGs and CSS?

[Audra Coldiron]

 > has anyone tried this? Is there another option for my client - other
 > than contribute? Has anyone found a good workaround?

Hi Melissa.  Another option for your client is to design his site around 
a CMS.  He wouldn't have to worry about FTP and learning Contribute (if 
he isn't already familiar with it) and you wouldn't have to worry about 
how it looks in his preview.

We've built a CMS that has tableless CSS layouts ready for you to use. 
I've hammered out the browser bugs in advance so you just worry about 
the design.  The link is in my signature if you are interested.

AC
-- 
Audra Coldiron

Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com

KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. 
Pre-made designs, designer tools, and reseller program available!
__
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] pleeeeease help.....png problems

[jeffrey morin]

i have looked at the following site forever now and still cannot get this to
work.

http://www.twinhelix.com/css/iepngfix/

can someone please tell me what i am doing wrong. i have been at this
forever!

my site is www.bioneutrix.com

here is the htc file:
http://bioneutrix.com/css/iepngfix.htc

the css:
http://bioneutrix.com/css/global.css (the fix is at the bottom)

i have no idea if i edited it correctly, although it looks like i have given
some examples i've seen. i have the htc file and the blank gif in the same
folder as my stylehseet and it's just not working for me. i will forever be
in debt to whoever can explain what i'm doing wrong here.

Thank you
Jeff
__
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] QUESTION: WYSIWYGs and CSS?

[Melissa Carraway]

I've pieced together a three column liquid layout for a client with two
static columns. (please forgive the one table that's there - it's just
for the time being). 

 

My problem is that this site is going to be edited by the client in
Contribute. The site looks fine in Mozilla and in IE, but for some
reason when I open it in Contribute, it doesn't work at all!

 

Here's the test page for the site in question:

http://cprevscires.isg.syssrc.com/

 

In my research it seems that one option to combat this is to 'create a
separate stylesheet for contribute that only comes into play when the
author is editing a page the rules in this stylesheet will overwrite all
other stylesheets. Discussion found here:

http://cssbeauty.com/skillshare/discussion/479/css-contribute/

 

I've really got no idea actually how to do this, especially if I am
using something NOT Dreamweaver (right now I'm using Crimson Editor)...

has anyone tried this? Is there another option for my client - other
than contribute? Has anyone found a good workaround?

 

Thanks so much!

 

(Sorry this is double posted - I thought I'd repost it with the correct
subject line ;) )

 

 

--

Melissa Carraway

410.771.5544 x4434

[EMAIL PROTECTED]

www.syssrc.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] interuppted div in IE6

[Bruno Fassino]

On 6/7/07, Sandy wrote:
>
> > Alternatively, you can try giving more room to the thumbnails, with
> > .thumbs { width: 168px; }
> I just tried this, and now 110 is working and the other 2 aren't!
>
> whoa! What could this be?

I see all of them working now! I didn't check the details, anyway here
are some more suggestions:
1) Remove all the display:block that you have in i6-hacks on the floated A
2) Add in that file  .thumbs img { margin : 0; }  You have a
javascript that alters the markup for IE substituting the imgs with
spans, but in case the js doesn't run the margins on the imgs are
duplicated of those on the As.  Btw, I see some js errors, so you
should probably, as first step, get things working without including
the js.
3) One of the reasons I suggested to widen the thumbs container is
that you have many HTML comments between floats, and this may cause
problems in IE [1]. If nothing else helps, you can try removing those
comments.

Hth,
Bruno

[1] http://positioniseverything.net/explorer/dup-characters.html

-- 
Bruno Fassino http://www.brunildo.org/test
__
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] Vertical Navigation Problem - Clarification

[Ingo Chao]

Taryn Regish wrote:
> ...
> I have noticed another strange thing in IE6 on the flyout for the About 
> ISM Section. When you hover over the About ISM and get the first level 
> flyout, everything is fine. Then when you hover over the first item on 
> that list "Overview of ISM" the second level flyout comes out but (at 
> least for me) only the middle item actually shows the red hover color. I 
> don't know if this is a CSS issue but if anyone could provide some 
> insight into it that would be great.
> 
> Thanks.
> 
> Taryn


I'm mid-posting here since I am not sure if we agree in top- or 
bottom-posting in this thread.

I cannot reproduce the new problem you are reporting.

I do not believe in 3-leveled, neither 2-leveled flyout/dropdown menus. 
To me, every time one thinks it is needed, in reality the information 
structure is seriously broken. (Your menu covers 350+ entries, with no 
skip nor panic link for screen readers.)

Technically, flyouts just don't work, and it costs countless - mostly 
unpaid - hours to fix them, and this is repeating if someone tries to 
adjust them.

Not to mention the accessibility and usability problems. I don't think a 
menu is a sitemap.

So, I'd say, to fix your 3rd level problem: remove the 3rd level.

Ingo

> 
> ... ... ...
>  > ...
>  >
>  > http://dev.www.ism.ws/index.cfm
>  > http://dev.www.ism.ws/files/style/ISMscreen.css
>  >
>  > Vertical Navigation - no flyouts appear on hover -
>  > http://dev.www.ism.ws/about/?navItemNumber=4884
> 
>  > Utility Nav - http://dev.www.ism.ws/contact/?navItemNumber=4907
>  >  >
> ...
> 


-- 
http://www.satzansatz.de/css.html
__
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] Vertical Navigation Problem - Clarification

[Taryn Regish]

Thanks for the fix, it is finally working.

I have noticed another strange thing in IE6 on the flyout for the About ISM
Section. When you hover over the About ISM and get the first level flyout,
everything is fine. Then when you hover over the first item on that list
"Overview of ISM" the second level flyout comes out but (at least for me)
only the middle item actually shows the red hover color. I don't know if
this is a CSS issue but if anyone could provide some insight into it that
would be great.

Thanks.

Taryn

On 6/7/07, Ingo Chao <[EMAIL PROTECTED]> wrote:
>
> Taryn Regish wrote:
> > ...
> > I am having a problem with my vertical navigation and its flyouts. When
> the
> > main section of the site have not been selected the class is VertMenuOFF
> and
> > I can hover over the sections and my flyouts appear. But when I navigate
> to
> > a section like About ISM, the section highlights because of the class
> > VertMenuON as it is supposed to but when I hover over that section, the
> > flyouts are not appearing in IE6. I also just noticed that in IE6 the
> top
> > utility navigation is doing the same thing.
> >
> > ...
> >
> > http://dev.www.ism.ws/index.cfm
> > http://dev.www.ism.ws/files/style/ISMscreen.css
> >
> > Vertical Navigation - no flyouts appear on hover -
> > http://dev.www.ism.ws/about/?navItemNumber=4884
> > Utility Nav - http://dev.www.ism.ws/contact/?navItemNumber=4907
> > 
> ...
>
> If the entry has VertMenuON, it already has a red background-color,
> #C72921. And on hover, IE6 does not see anything that must be changed:
>
> div#mainVertMenu a.VertMenuOFF:hover,
> div#mainVertMenu a.VertMenuON:hover,
> div#mainVertMenu ul ul a:hover {
>
> background-color: #C72921; /* already done */
> color: #FF; /* already done */
> }
>
> IE6 sits back and takes things easy. It does not look further:
>
> div#mainVertMenu ul li:hover ul,
> div#mainVertMenu ul a:hover ul {
>
> visibility: visible;
> z-index: 500;
> }
>
> IE6 does not get the information that it has to respect this
> "a:hover ul" declaration, since it stops at "a:hover" if nothing has to
> be changed. So visibility keeps hidden.
>
> Someone should translate this into English.
>
> Anyway, one fix that almost always helps:
>   background-position: 0 0;
> to the hover state.
>
> In your case:
>
> div#mainVertMenu a.VertMenuOFF:hover,
> div#mainVertMenu a.VertMenuON:hover,
> div#mainVertMenu ul ul a:hover {
>
> background: #C72921 0 0;
> /*
> IE6 fails to show the descendant ul when VertMenuON is set.
> IE6 fix for hover bugs using background-position: 0 0;
> see http://www.satzansatz.de/cssd/pseudocss.html#hoverdesc
> */
> color: #FF;
> }
>
> This "0 0" is not needed, "background: #C72921;" would do, but this
> would try to mask that we are hacking here.
>
> Ingo
>
> --
> http://www.satzansatz.de/css.html
>
__
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] interuppted div in IE6

[Sandy]

Bruno

>> http://briansmale.net/test/gallery1/gallery110.html
>> http://briansmale.net/test/gallery1/gallery111.html
>> http://briansmale.net/test/gallery1/gallery112.html


>> on 110 and 111 the thumbnail images in the  stop
>> when they reach the  and start up again after the
>> bottom of 
>>
>> The really weird part is that in 112, essentially the same page with a
>> different picture, the whole thing works a charm.


> Alternatively, you can try giving more room to the thumbnails, with
> .thumbs { width: 168px; }
I just tried this, and now 110 is working and the other 2 aren't!

whoa! What could this be?
Sandy
__
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] 3 column layout without absolute positioning

[Melissa Carraway]

Hello all!

I think I've found the correct thread for this issue I've been having...

I've pieced together a three column liquid layout for a client with two
static columns. (please forgive the one table that's there - it's just
for the time being). 

My problem is that this site is going to be edited by the client in
Contribute. The site looks fine in Mozilla and in IE, but for some
reason when I open it in Contribute, it doesn't work at all!

Here's the test page for the site in question:
http://cprevscires.isg.syssrc.com/

In my research it seems that one option to combat this is to 'create a
separate stylesheet for contribute that only comes into play when the
author is editing a page the rules in this stylesheet will overwrite all
other stylesheets. Discussion found here:
http://cssbeauty.com/skillshare/discussion/479/css-contribute/

I've really got no idea actually how to do this, especially if I am
using something NOT Dreamweaver (right now I'm using Crimson Editor)...
has anyone tried this? Is there another option for my client - other
than contribute? Has anyone found a good workaround?

Thanks so much!


--
Melissa Carraway
410.771.5544 x4434
[EMAIL PROTECTED]
www.syssrc.com

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of ~davidLaakso
Sent: Thursday, May 17, 2007 11:25 PM
To: David Hucklesby; Andrew Gaffney
Cc: Brian Crescimanno; css-d@lists.css-discuss.org
Subject: Re: [css-d] 3 column layout without absolute positioning

David Hucklesby wrote:
>> On 5/17/07, Andrew Gaffney <[EMAIL PROTECTED]> wrote:
>> 
>>> I am working on a redesign of an existing site, and I wanted to go
with CSS for
>>> layout instead of the current table layout. The new design consists
of a gray body
>>> background, a centered DIV with images positioned at the top and a
black background
>>> that blends into the bottom of the images. Inside that, there's a
centered content
>>> area DIV which has a white background and a border. But there's a
few problems I've
>>> run into.
>>>
>>>   
> On Thu, 17 May 2007 14:23:56 -0400, Brian Crescimanno responded:
>   
>> After being continually frustrated with 3 column layouts and
>> inconsistencies, I finally just decided to adapt to the 3 column
templates provided at
>> Dynamic Drive for my purposes when I needed to use them:
>>
>> http://www.dynamicdrive.com/style/layouts/
>>
>> As a word of warning--these layouts work great in browsers but will
look horrendous in
>> the Dreamweaver design view or Adobe Contribute. If neither of those
items are
>> considerations, then I've found them to be a great resource.
>> 
>
> Hmm. With a scroll bar in the middle of the page, they don't look so
> hot in any browser, either.
>
> May I suggest a trip to the Wiki ? -
> 
>
> Cordially,
> David
> --
>   





And may I suggest a trip to:

and

Best,
~dL

-- 
http://chelseacreekstudio.com/

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

[Alex Robinson]

>Anyone have a better solution?


Yes. Posting to a general web development list rather than one which 
is specifically concerned with the practical application of CSS.


You can find numerous useful lists here:

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


And of course, there's always Google [1]

http://www.google.com/search?q=word+html+cleanup


Further helpful suggestions to Matt off list please.



Alex "The Cleaner" Robinson
css-d moderator


[1] Other search engines may exist...
__
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] Word HTML Cleanup tools?

[Matt Pusateri]

For years now, I've had no luck finding a good, reliable tool or method 
for cleanly converting Word documents to nice, clean HTML. 

I often work with documents from clients that have embedded hyperlinks 
and basic formatting (bold, italics, paragraph breaks, etc.)...  I'd 
like to keep all this, but lose the rest -- random FONT tags, any weird 
Word CSS styling, and so on...

Does anyone have a good solution for this?

For the record, I've tried these options, all of which have drawbacks:

1) Textism HTML Word Cleaner  (works 
well, but for larger documents, charges a fee, and also limits the 
number of times you can use it in a day)\

2) Word HTML Mess Cleaner 
 (works pretty well, 
and it's free, but it adds a lot of odd line breaks that require 
additional cleanup)

3) Dreamweaver 8.  Has a built-in Word HTML tool, but it doesn't really 
seem to purge the horrible Word-generated HTML of all of the extraneous 
code and tags.  It also has a "Paste Special" option that sometimes 
works, but not so well on a Mac.

Anyone have a better solution?


Matt P
www.mattmedia.net  



__
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] interuppted div in IE6

[Bruno Fassino]

On 6/7/07, Sandy wrote:
> I have these pages
> http://briansmale.net/test/gallery1/gallery110.html
> http://briansmale.net/test/gallery1/gallery111.html
> http://briansmale.net/test/gallery1/gallery112.html
[...]
>
> on 110 and 111 the thumbnail images in the  stop
> when they reach the  and start up again after the
> bottom of 
>
> The really weird part is that in 112, essentially the same page with a
> different picture, the whole thing works a charm.

I haven't fully tested, but I think that the IE problem is related to
the margin doubling bug on the floated thumbnails. Don't now why 112
behaves differently.
You can try giving (for IE)  display:inline to your floated .thumbs A.
You can simply remove all the display:block that you have there, good
browsers do not need it since you already have float:left.
Alternatively, you can try giving more room to the thumbnails, with
.thumbs { width: 168px; }

Hth

-- 
Bruno Fassino http://www.brunildo.org/test
__
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] Vertical Navigation Problem - Clarification

[Ingo Chao]

Taryn Regish wrote:
> ...
> I am having a problem with my vertical navigation and its flyouts. When the
> main section of the site have not been selected the class is VertMenuOFF and
> I can hover over the sections and my flyouts appear. But when I navigate to
> a section like About ISM, the section highlights because of the class
> VertMenuON as it is supposed to but when I hover over that section, the
> flyouts are not appearing in IE6. I also just noticed that in IE6 the top
> utility navigation is doing the same thing.
> 
> ...
> 
> http://dev.www.ism.ws/index.cfm
> http://dev.www.ism.ws/files/style/ISMscreen.css
> 
> Vertical Navigation - no flyouts appear on hover -
> http://dev.www.ism.ws/about/?navItemNumber=4884
> Utility Nav - http://dev.www.ism.ws/contact/?navItemNumber=4907
> 
...

If the entry has VertMenuON, it already has a red background-color, 
#C72921. And on hover, IE6 does not see anything that must be changed:

div#mainVertMenu a.VertMenuOFF:hover,
div#mainVertMenu a.VertMenuON:hover,
div#mainVertMenu ul ul a:hover {

background-color: #C72921; /* already done */
color: #FF; /* already done */
}

IE6 sits back and takes things easy. It does not look further:

div#mainVertMenu ul li:hover ul,
div#mainVertMenu ul a:hover ul {

visibility: visible;
z-index: 500;
}

IE6 does not get the information that it has to respect this
"a:hover ul" declaration, since it stops at "a:hover" if nothing has to 
be changed. So visibility keeps hidden.

Someone should translate this into English.

Anyway, one fix that almost always helps:
  background-position: 0 0;
to the hover state.

In your case:

div#mainVertMenu a.VertMenuOFF:hover,
div#mainVertMenu a.VertMenuON:hover,
div#mainVertMenu ul ul a:hover {

background: #C72921 0 0;
/*
IE6 fails to show the descendant ul when VertMenuON is set.
IE6 fix for hover bugs using background-position: 0 0;
see http://www.satzansatz.de/cssd/pseudocss.html#hoverdesc
*/
color: #FF;
}

This "0 0" is not needed, "background: #C72921;" would do, but this 
would try to mask that we are hacking here.

Ingo

-- 
http://www.satzansatz.de/css.html
__
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] Bottom border of not displaying in IE6

[Bruno Fassino]

On 6/6/07, Jennifer Siegfried wrote:
> I have a really simple page, located
> here
> Stylesheet is located
> here
>
> I have an  for each of the sub-sections, with bottom padding, bottom
> border, and bottom margin.  The s below each of the s do not have any
> top padding or margins, to avoid any margin collapse issues.
>
> Thing is - the bottom border does not show up, both on the first  and on
> the , which is the first header in the column on the right - ONLY in
> Win/IE6.

It seems that giving hasLayout [1] to that h2 and h3 fixes the problem.
You can for example use:
#first, .pad h3 { width :100%; }
(or better a different hasLayout trigger.)

Don't know exactly what happens, but it is not unusual that in IE
elements without hasLayout have similar problems, with parts of them
not rendered.
Hth,
Bruno


[1] http://www.satzansatz.de/cssd/onhavinglayout.html

-- 
Bruno Fassino http://www.brunildo.org/test
__
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] [ADMIN - THIS THREAD HAS SLID WAY OFF TOPIC] Re: "Weak" layout

[Alex Robinson]

OK folks, enough is enough.

Opinions about how browsers should handle zooming and text-resizing 
are not what this list exists for.

Nor does the list exist for opinions about whether to use scalable or 
fixed sizes.

Questions and help about how to achieve scalable or fixed solutions 
on the other hand are very much the point of this list.

I think Trevor should have enough brainfood to be getting on with, 
but if anyone does have any practical suggestions as to how to 
improve his layout, then that would be fabulous.


Alex "I am weak" Robinson
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/

Re: [css-d] "Weak" layout

[ron zisman]

On Jun 7, 2007, at 1:26 AM, Paul Novitski wrote:

> I've never understood the sense of that criterion, e.g. "the page
> should survive two [or three] font size enlargements."  Doesn't that
> depend entirely on what size the smallest font on the page is?

Indeed, it does. We need the real font to be of a readable size,  
which means the degree of resizability in itself doesn't really matter.

> If my vision were so weak that I needed to enlarge text to 1/2-inch
> type on the screen, it wouldn't matter whether that required one
> click or ten, I'd still need it to become that large.  It's not the
> number of enlargements that's relevant, it's the size of the  
> resulting type.

I agree 100%.

> What I don't know is if there's any kind of a minimum font size that
> we should ensure our readers can achieve.  I doubt that there is one,
> given the variation in vision impairments, but I'll be curious to
> know what others think.

I use 200% of the default - which on my OS results in 'font-size: 
32px', for 'minimum font size' testing. This is based on what I use  
as "normal" font-family - 'georgia', and I adjust slightly for  
readability when I use font-families with smaller x-height.
Such a test should - in my opinion - not result in severe layout- 
breaking or overlapping and such.

I don't expect a layout, any layout, to survive such a test in a  
"pixel-perfect" manner, but well enough to not cause reading problems

This should cover the need for resizing for normally aging eyes. for  
visitors up to at least 90 years of age, and I intend to be in, or  
pass, that age - one day :-)

There will always be visitors who need more - larger real font size,  
Browser-options and AT should cover those needs - as long as we don't  
build barriers into our designs.

regards
Georg (on vacation in USA - using a borrowed address to respond ;-) )








__
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] Hover Problems

[Bruno Fassino]

On 6/6/07, daniela froehlich wrote:
> I am using Tanfa's CSS drop-down menu which works fine.
> Now I also want to use a "hover-over" picture.
> Unfortunately IE now displays the submenu behind the "hover-over" pic.
> See a sample here:
> http://www.artworksbyrene.com/test.html

It seems a stacking problem, try adding a z-index to the li elements
of the menu:
#navig li { z-index: 1 }

-- 
Bruno Fassino http://www.brunildo.org/test
__
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] "Weak" layout

[Barney Carroll]

Don Miller wrote:
> Wouldn't it be easier and better if all browsers did a magnify instead of a 
> font size only change. That way the web page would not break for those 
> people that need or want larger or magnified font sizes?
> 
> Opera does this and I think IE7 has this feature but most people may not be 
> aware of it so they enlarge fonts instead.
> 
> Don

For most serious purposes, zoom just isn't good enough. For one, either 
rendering is very off or the pixelation is too much to bear in all 
instances I have seen.

More importantly, line-feed is extremely important. When I scroll my 
text size up I don't want to have to scroll miles left and right to read 
lines of text.

There was a bit of a craze a while back about applying em-sizing to 
images. The thing is, em-sizing applied to text-objects only is not just 
a decision based on ability - text is all most people want to see 
bigger. For one thing, an image that is presented at its per pixel 
resolution is not going to look any better once it is expanded. Most 
importantly, people don't have screens the size of tables. Expanding 
everything is a very lazy solution that doesn't address the reasons for 
people wanting things bigger in the first place.


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/

[css-d] Vertical Navigation Problem - Clarification

[Taryn Regish]

Hi Everyone-

>From a response that I received off-list I figured that I better clarify
what my problem is with my site.

I am having a problem with my vertical navigation and its flyouts. When the
main section of the site have not been selected the class is VertMenuOFF and
I can hover over the sections and my flyouts appear. But when I navigate to
a section like About ISM, the section highlights because of the class
VertMenuON as it is supposed to but when I hover over that section, the
flyouts are not appearing in IE6. I also just noticed that in IE6 the top
utility navigation is doing the same thing.

I don't know what I am missing with this navigation. This has been a very
frustrating conversion and any help would be appreciated.

Here are the pages.

http://dev.www.ism.ws/index.cfm
http://dev.www.ism.ws/files/style/ISMscreen.css

Vertical Navigation - no flyouts appear on hover -
http://dev.www.ism.ws/about/?navItemNumber=4884
Utility Nav - http://dev.www.ism.ws/contact/?navItemNumber=4907

Thanks,

Taryn Regish

-- Forwarded message --
From: Taryn Regish <[EMAIL PROTECTED]>
Date: Jun 6, 2007 1:33 PM
Subject: Vertical Navigation Problem
To: css-d@lists.css-discuss.org

Hi Everyone-

I thought I had finished this project but I ran across another issue on my
vertical navigation flyout in IE6. The page is

http://dev.www.ism.ws/index.cfm
http://dev.www.ism.ws/files/style/ISMscreen.css

The problem is when you navigate to another page from the vertical
navigation like the About ISM section, the flyout does not appear on the
section that is "On." The navigation is created dynamically and the flyout
navigation items are present in the view source but I cannot get them to
appear when you hover over the section that is On.

Here is a section that is On http://dev.www.ism.ws/about/?navItemNumber=4884

Any help on this would be greatly appreciated.

Thanks,

Taryn Regish
__
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] "Weak" layout

[Don Miller]

Wouldn't it be easier and better if all browsers did a magnify instead of a 
font size only change. That way the web page would not break for those 
people that need or want larger or magnified font sizes?

Opera does this and I think IE7 has this feature but most people may not be 
aware of it so they enlarge fonts instead.

Don

- Original Message - 
From: "Sarah Atkinson" <[EMAIL PROTECTED]>
To: "'Paul Novitski'" <[EMAIL PROTECTED]>; 

Sent: Thursday, June 07, 2007 6:31 AM
Subject: Re: [css-d] "Weak" layout


> Probably what would be optimal with CSS is to have different designs and
> different style sheets for various common visual impairments. What would
> be great is if it were standardized and so people with certain
> disabilities would automatically be served up their style sheet based on
> their browser settings. Then Web designers would create a normal.css,
> largetype.css, protan.css, deuteran.css, and a Tritan.css.
> But this would require consensus among designers, CSS world, and the
> browsers.
>
> Sarah
>
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of Paul Novitski
> Sent: Thursday, June 07, 2007 1:26 AM
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] "Weak" layout
>
>
> I've never understood the sense of that criterion, e.g. "the page
> should survive two [or three] font size enlargements."  Doesn't that
> depend entirely on what size the smallest font on the page is?
>
> What I don't know is if there's any kind of a minimum font size that
> we should ensure our readers can achieve.  I doubt that there is one,
> given the variation in vision impairments, but I'll be curious to
> know what others think.
>
> Regards,
>
> Paul
> __
>
>
>
>
> __
> 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/
>
>
>
> -- 
> No virus found in this incoming message.
> Checked by AVG Free Edition.
> Version: 7.5.472 / Virus Database: 269.8.11/837 - Release Date: 6/6/2007 
> 2:03 PM
>
> 

__
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] "Weak" layout

[Nic Pulford]

On my site I have only one pixel setting and that is the font size in the
body style everything else is in % or em's. On my new site I dynamically
change the size of everything according to screen size. 

Also if the client has installed a client side stylesheet changing the
font-size in body my site will automatically adjust.

Regards
Nic

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Sarah Atkinson
Sent: 07 June 2007 14:32
To: 'Paul Novitski'; css-d@lists.css-discuss.org
Subject: Re: [css-d] "Weak" layout

Probably what would be optimal with CSS is to have different designs and
different style sheets for various common visual impairments. What would
be great is if it were standardized and so people with certain
disabilities would automatically be served up their style sheet based on
their browser settings. Then Web designers would create a normal.css,
largetype.css, protan.css, deuteran.css, and a Tritan.css.
But this would require consensus among designers, CSS world, and the
browsers.

Sarah 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Paul Novitski
Sent: Thursday, June 07, 2007 1:26 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] "Weak" layout


I've never understood the sense of that criterion, e.g. "the page 
should survive two [or three] font size enlargements."  Doesn't that 
depend entirely on what size the smallest font on the page is?

What I don't know is if there's any kind of a minimum font size that 
we should ensure our readers can achieve.  I doubt that there is one, 
given the variation in vision impairments, but I'll be curious to 
know what others think.

Regards,

Paul
__




__
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] interuppted div in IE6

[Sandy]

I have these pages
http://briansmale.net/test/gallery1/gallery110.html
http://briansmale.net/test/gallery1/gallery111.html
http://briansmale.net/test/gallery1/gallery112.html

http://briansmale.net/test/js_css/bs01.css
http://briansmale.net/test/js_css/ie6-hacks.css

on 110 and 111 the thumbnail images in the  stop 
when they reach the  and start up again after the 
bottom of 

The really weird part is that in 112, essentially the same page with a 
different picture, the whole thing works a charm.

Anyone out there understand what's going on? How can I get around this?
-- 
Sandy
__
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] "Weak" layout

[Sarah Atkinson]

Probably what would be optimal with CSS is to have different designs and
different style sheets for various common visual impairments. What would
be great is if it were standardized and so people with certain
disabilities would automatically be served up their style sheet based on
their browser settings. Then Web designers would create a normal.css,
largetype.css, protan.css, deuteran.css, and a Tritan.css.
But this would require consensus among designers, CSS world, and the
browsers.

Sarah 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Paul Novitski
Sent: Thursday, June 07, 2007 1:26 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] "Weak" layout


I've never understood the sense of that criterion, e.g. "the page 
should survive two [or three] font size enlargements."  Doesn't that 
depend entirely on what size the smallest font on the page is?

What I don't know is if there's any kind of a minimum font size that 
we should ensure our readers can achieve.  I doubt that there is one, 
given the variation in vision impairments, but I'll be curious to 
know what others think.

Regards,

Paul
__




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

Re: [css-d] Min-height, height, and viewport size

[Audra Coldiron]

Dave M G wrote:
> Audra,
> 
> Thank you for replying.
>> It should be...
>> #whole { min-height: 100%; }
>> You described it correctly at first so did you mis-type perhaps? 
> Yes, that was a typo. Thank you for catching it.
> 
> Just to be double sure, I rechecked my CSS code and uploaded it again.
> 
> The  and  tags are set to height: 100%, and the #whole 
> containter is set to min-height: 100%.
> 
> But the problem as originally reported is still there.
> 
> What am I missing?

lol... yeah, that'll teach me to reply w/o looking at the site first.

As other options to what Zoe provided you could do one of the following:

1.  Place a border on the body or the #whole

example - body { border: solid 20px red; }

drawbacks:  you can't have the specific beveled look you have now cross 
browser and there will always be a vertical scrollbar equal to border 
width X 2.

2.  Add another wrapper div inside #whole (maybe "inner" - I saw you 
closed it but didn't see an opening), place background images for left 
and right borders on these div's, then place two actual images in your 
HTML for the top and bottom borders and stretch them to width: 100%.

#whole {
   height: 100%;
   background: url(borderleft.png) repeat-y;
}
#inside {
   min-height: 100%;
   position: relative;
   background: url(borderright.png) top right repeat-y;
}
img#top {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 25px;
}
img#bottom {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 25px;
}

You'll need to create a small image for the top and bottom border like 
you did for left and right.  You'll also probably need to adjust the 
image positioning with negative numbers to taste.

drawbacks:  mixing style and content: an extra div and two images in 
your HTML whose only purpose is visual. Also since the top and bottom 
images overlap the borders on the backgrounds it sort of destroys the 
illusion but that could just be me :-)

AC
-- 
Audra Coldiron

Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com

KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. 
Pre-made designs, designer tools, and reseller program available!
__
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] Firefox problem with menu's

[Nic Pulford]

Hi,

 

I'm just updating a site and having problems with the way it is handling my
navigation links. There are two pages concerned.

 

http://lasadev.com/NewLasa/articles.htm now try and click on the menu link
for home. On my version of firefox 2.0.0.4 you only get the hand cursor when
the cursor is about level with and only over the area equivalent to an
underline. Which is not very good for anybody yet alone poor mouse users.

 

The other problem is with the popup window that is opened if you click on
one of the links to articles from the page above. There neither of the menu
links work at all, no mouseover and click does nothing.

 

IE and Opera are OK.

 

Any ideas?

 

Regards

Nic

 

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

Re: [css-d] Min-height, height, and viewport size

[Zoe M. Gillenwater]

Dave M G wrote:
> Audra wrote:
>   
>> It should be...
>> #whole { min-height: 100%; }
>> You described it correctly at first so did you mis-type perhaps? 
>> 
> Yes, that was a typo. Thank you for catching it.
>
> Just to be double sure, I rechecked my CSS code and uploaded it again.
>
> The  and  tags are set to height: 100%, and the #whole 
> containter is set to min-height: 100%.
>
> But the problem as originally reported is still there.
>   

Dave,

Your #whole div *is* filling the browser window. But the red borders are 
not actually borders on it, but elements nested within it. You haven't 
told the bottom one to move to the bottom of its containing element, the 
#whole div. You could do so with absolute positioning.

The problem then becomes that the left and right red borders, again 
nested divs, do not stretch down the full height of #whole. This is 
because #whole only has a min-height on it, not a height, and they need 
their parent to have a height that they can base their own height or 
min-height on.

You can probably get it to work by messing with table display properties 
instead, then using the height stuff for IE hacks. Not sure how IE 7 
will handle that, though, since it doesn't have all the auto-stretch 
bugs that IE 6 has but also doesn't have support for table display 
properties.

I'm afraid I don't have time to try a whole new system that might be 
required in your situation, but hopefully that gives you additional 
understanding about what is going on and some ideas about where to turn 
next for a solution.

Best,
Zoe

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


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

Re: [css-d] suckerfish not accessable with safari

[Ingo Chao]

Jörn Kretzschmar wrote:
> ...
> I just can’t find a way to change my CSS so it display without errors in
> Safari (mac). The top navigation is ok but if a menu drops down OVER content
> you just can’t click an the link. With Internet Explorer and Firefox the
> content is in the back and all links are ‚clickable‘.
> 
> Have a look at my site: 
> http://diekretzschmars.de
> (links: Bilder – dropdown ‚Urlaub…‘ not accesable).

#nav ul { z-index:1; } seems to help.

Fixed in Webkit already.

Grüße

Ingo

-- 
http://www.satzansatz.de/css.html
__
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 Forms

[grovesdavid]

Hello to all who replied to this mail.

Thank you all, and thank you for pointing out my total miss-use of the "id".

That was causing me all sorts of problems  I couldn't understand any of
them, (that's why I didn't post them).

Never done that before, and don't understand why I did it now, (just stupid
I guess), at least now I know what happens when you do, do it he he.

Once again thanks to all who replied, and I will remember about IE7, I tend
to use height 1% a lot to set IE's HasLayout.

Very Kind Regards

David G)
-- 

Did post earlier but forgot to change address, sorry! bad day trying to get 
sun of suckerfish menu to work. I thought it would be easy, it seemed it on 
the site!


BFN

DG)
- 

__
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] firefox2 and h1

[Zoe M. Gillenwater]

jaklitsch maya wrote:
> I just redesigned http://www.ccpoma.org and it looks
> the way I want and have also validated both the css
> and the xhtml.
>
> I just checked it in my updated firefox browser and I
> have a PROBLEM!
>   

Maya,

You appear to have fixed the problems. Site appears basically the same 
in FF 2, IE 7, and IE 6 on Windows XP.

However, I wanted to point out for next time that you can save yourself 
a great deal of headache if you test in FF or another standards 
compliant browser first, and then fix any bugs that IE displays. IE, 
especially IE 6, is a very buggy browser, and if you develop for it 
you'll be developing for bugs that you can't make other browsers 
emulate. It's much more wise to develop for the standards, then hack IE 
where needed (or just tweak things so that no hacks are needed).

Best,
Zoe

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


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

Re: [css-d] Safari Help!

[Andy Hey]

On 7 Jun 2007, at 12:39|7 Jun 2007, Ingo Chao wrote:

> Andy Hey wrote:
>> Hi List!
>> Hopefully you can shed some light on a problem I am having. I've   
>> inherited a site that in the main works in IE6, IE7 and FF ok but  
>> in  Safari the footer seems to sit at the base of the right nav no  
>> matter  what I do.
>> Now the code is a bit of a mess (Ok that might be an   
>> understatement...) but there is currently not time to rewrite it.   
>> Essentially all I have been tasked with is making it display the   
>> correct height in Safari. That correct height should be so that  
>> no  content in the left panel is cropped as it is now.
>> Link: http://www.randomstorm.com/xstorm.html
>> CSS: http://http://www.randomstorm.com/styles/rs.css
>
> Since there is no time, I did not look into it, but on the surface,  
> it seems like div#internal_left might need a .clearfix class in  
> addition.
>
> Ingo
>
>
> -- 
> http://www.satzansatz.de/css.html

Fantastic thanks Ingo. i must have applied .clearfix to every other  
div other than that!

Many thanks

Andy
__
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] Help with display:table-cell in IE6 & IE7

[Philippe Wittenbergh]

On Jun 7, 2007, at 7:12 AM, Aaron Roberson wrote:

> In Firefox my design looks as expected, however, it is lost in IE7
> (Surprised? Didn't think so). I created what looks like tabs by  
> applying
> background images, margin and padding to a div (.boxtab) and an h3  
> (.boxtab
> h3). I suspect the problem is with the display property of .boxtab  
> h3, but
> I'm not very good when it comes to hacks and cross-browser  
> compatibility.
>
> Here is my CSS:
>
> [...]
> .boxtab h3{
> display:table-cell;
> [...]
> }

display:table-cell is not supported by IE 6 and 7.
They'll display your h3 at its normal display-value: block.

For cross-browser ease, using the float property instead of  
display:table-cell, is a workaround.

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] Safari Help!

[Ingo Chao]

Andy Hey wrote:
> Hi List!
> 
> Hopefully you can shed some light on a problem I am having. I've  
> inherited a site that in the main works in IE6, IE7 and FF ok but in  
> Safari the footer seems to sit at the base of the right nav no matter  
> what I do.
> 
> Now the code is a bit of a mess (Ok that might be an  
> understatement...) but there is currently not time to rewrite it.  
> Essentially all I have been tasked with is making it display the  
> correct height in Safari. That correct height should be so that no  
> content in the left panel is cropped as it is now.
> 
> Link: http://www.randomstorm.com/xstorm.html
> CSS: http://http://www.randomstorm.com/styles/rs.css
> 

Since there is no time, I did not look into it, but on the surface, it 
seems like div#internal_left might need a .clearfix class in addition.

Ingo


-- 
http://www.satzansatz.de/css.html
__
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 gradients

[Eystein Alnaes]

>
> Are there any plans for gradient bg colours in CSS3?
>

Have a look at http://www.css3.info/preview/. Not sure if you'll find what
you want there, but probably something new anyways. I remember, or imagine I
remember, seeing somewhere someone setting a from-to #hex colorvalue. Maybe
it was a javascript. Or a good dream...

eystein

-- 
http://thatnorwegianguy.wordpress.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] Background Colour Different in IE6

[Ben Wrighton]

Hey Steph,

I just had a look at your page in ffox and ie6 on a pc and can't see a 
difference in the background colour.

Mac's screens have a different gamma range to pc screens. So if  your looking 
at your site on a mac screen and a pc screen side by side the colours will be 
different but that's the screen not the browser.

Hope that helps.

Ben 



__
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/Color Not Working

[christopher . goebel]

Hi,

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

For some reason, the background attached to the wrapper does not flow
throughout the entire document, it stops once the header div is closed.

Any help would be greatly appreciated!


Thanks,
Chris Goebel

__
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] Make an input element take available space

[Fabien Meghazi]

Hi,

How can I make this input type text take all the place available of
the div (knowing that the div could have any width) ?

http://www.amigrave.com/upload/posts/css/autosize.htm

-- 
Fabien Meghazi

Website: http://www.amigrave.com
Email: [EMAIL PROTECTED]
IM: [EMAIL PROTECTED]
__
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] overflow: hidden for only one column of a table?

[Michael B Allen]

Hello List,

I have a lot of tables of data. One of the columns can be highly variable
in length and so I would like it to truncate rather than wrap.

I have come close to achieving this using two methods but neither is
quite right.

The first method is to wrap the table cells content in content but this appears to work only
in FF. IE and Safari ignore the overflow directive but otherwise
this would have been perfect.

The second method is to commit to table-layout: fixed but of course
then you have to predefine all column widths. Unfortunately there is *one*
column that I would like to be sized depending on the content of the cell.

Can anyone recommend a method for truncating only one column of an
otherwise content-sized table?

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] IE6 TH Background image not displayed

[kiran mova]

Hi,

I am trying to display a sort image on a table header by setting the
background-image for "TH".
The sort image is displayed in Firefox but not in IE6.

Is this related to the peekaboo bug? Any work around?
How can I get the background image on TH to be visible on IE?

I tried setting the html property - "background" for TH. Even that works
only in Firefox but not in IE6.

Please help.

Thanks
kiran
__
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] suckerfish not accessable with safari

[Jörn Kretzschmar]

I am the author of the Wordpess Theme dkret2. I implemented a suckerfish
menu wich works very well in MOST browsers.

I just can’t find a way to change my CSS so it display without errors in
Safari (mac). The top navigation is ok but if a menu drops down OVER content
you just can’t click an the link. With Internet Explorer and Firefox the
content is in the back and all links are ‚clickable‘.

Have a look at my site: 
http://diekretzschmars.de
(links: Bilder – dropdown ‚Urlaub…‘ not accesable).

__
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] Bottom border of not displaying in IE6

[Jennifer Siegfried]

Hi all...

I have a really simple page, located
here
Stylesheet is located
here

I have an  for each of the sub-sections, with bottom padding, bottom
border, and bottom margin.  The s below each of the s do not have any
top padding or margins, to avoid any margin collapse issues.

Thing is - the bottom border does not show up, both on the first  and on
the , which is the first header in the column on the right - ONLY in
Win/IE6.

In addition, the first  has an ID of "first", so that it does not have
any top padding, as they others do. This is the same setting for the .

Does anyone have a suggestion about what might be going wrong?

Thanks in advance!

- Jen
__
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] Safari Help!

[Andy Hey]

Hi List!

Hopefully you can shed some light on a problem I am having. I've  
inherited a site that in the main works in IE6, IE7 and FF ok but in  
Safari the footer seems to sit at the base of the right nav no matter  
what I do.

Now the code is a bit of a mess (Ok that might be an  
understatement...) but there is currently not time to rewrite it.  
Essentially all I have been tasked with is making it display the  
correct height in Safari. That correct height should be so that no  
content in the left panel is cropped as it is now.

Link: http://www.randomstorm.com/xstorm.html
CSS: http://http://www.randomstorm.com/styles/rs.css

Thanks in Advance

Andy
__
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] Help with display:table-cell in IE6 & IE7

[Aaron Roberson]

Dear patrons,

In Firefox my design looks as expected, however, it is lost in IE7
(Surprised? Didn't think so). I created what looks like tabs by applying
background images, margin and padding to a div (.boxtab) and an h3 (.boxtab
h3). I suspect the problem is with the display property of .boxtab h3, but
I'm not very good when it comes to hacks and cross-browser compatibility.

Here is my CSS:

.boxtab{
margin-bottom:-5px;
height:30px;
background:#fcfcfc url(../images/boxtab-bg.gif) top right no-repeat;
}
.boxtab h3{
display:table-cell;
height:30px;
padding-right:38px;
background:url(../images/boxtab-h3-bg.gif) top right no-repeat;
}

Here is my markup:


Breaking
News

  
  some content
  

  

The actual website is www.whitehorsemedia.com for a full view of the design,
markup and css (styles/layout.css).

Thanks for your help,
Aaron
__
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 gradients

[Ross]

Are there any plans for gradient bg colours in CSS3?

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

Re: [css-d] IE7 Forms

[Janos Hardi]

hi,

you should target ie6 only instead; the height: 1% applies correctly on ie7
and that causes your problem; if you wanna keep the hasLayout=true, try
display: inline-block

regards,

janos



On 6/7/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]>
wrote:
>
> Hello,
>
> The following works quite well in:
>
> FF2, IE6 and Opera pc. It fails in IE7, as select field heights become
> unusable? any ideas how to target IE7 only, and is this a bug?
>
> http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php
>
> Passed css but failed HTMl validator. May never be able to pass as some
> problems relate to external links
>
> David G)
>
>
>
> __
> 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/