Re: [css-d] Fwd: Site check please

[Gunlaug Sørtun]

Tim Gossett wrote:
> I will soon be launching http://maritimecompliance.com, and I'd love 
> to have other eyes on my design before I do so. Right now, only 
> certain IP blocks are allowed to get past the "under construction" 
> page because we don't want someone to stumble upon the site and buy 
> something before we're ready to deliver it.

What's there now doesn't pass as XHTML, thus the CSS validation link is
failing too.
Maybe better use a doctype where minor flaws aren't treated that strict,
or get the encoding of ampersands right. Otherwise the references to
validity and validators makes no sense, and the site will fail when
passing through UA chains that change its MIME type based on doctype.

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

[css-d] Broken in IE6 - Fixed Ruthsarian layout - Ideas?

[Tom Lancaster]

Hi,

I've been a bad web designer and apparently not tested my site on IE6 for
donkey's years. I looked at this page today
http://www.newhanoian.com/details.php/venueid/184

and something's obviously gone awry while I was napping. This is
dramatically screwy in IE6, while behaving quite well in newer browsers.

Can anyone recognize this cubist effect? Where have I gone wrong?

I've looked in my subversion diffs and nothing jumps out in the time period.
The base layout is a fixed width adaptation of Ruthsarian layouts.

Any suggestions very welcome.

Gracias,

Tom
__
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 Conditional Statements

[Scott Bicknell]

On Tuesday 05 December 2006 8:23 pm, Diona Kidd wrote:

> Thanks Shelly and Andy. :)
>
> Shelly, that was a misnomer or mis-type. I followed the
> article and added the stylesheets to the head of the document
> after the global stylesheet. I have also seen conditionals in
> css, although I can't find the link at the moment. I just
> wasn't sure which is the most acceptable or more commonly used
> approach. Yes, this is an older post. Maybe I need to try it
> again or read up more.
>
> I also noticed the use of lt and lte. Andy's link mentioned
> these mean 'less than' and 'less than or equal to'. I'm
> guessing an evaluation done in by the browser to determine if
> the browser version is less than the specified version. I
> wasn't aware that IE supported this. Are there other supported
> conditional statements that I'm unaware of or are they all IE
> related? Is it just unrecognized in other browsers and
> ignored, or it is recognized and evaluated false? To clarify
> my question...Andy mentioned MSDN, is this cross-browser
> compatible or does IE just recognize the conditionals?
>
> I want to move away from hacks but I also want to understand
> how the conditional statements are implemented. Is this part
> of the W3C standard or is this something implemented by a
> particular vendor (Microsoft)?
>
> While reading on CSS3, I see that it might support
> conditionals and regexs but I also realize it'll probably be a
> very, very long time before seeing support for this.
>
> Can you guys provide any working examples I can look at?
>
> Thanks in advance,

Conditional comments are proprietary to Microsoft's browser, but 
because they reside within standard html comments, they do not 
cause validation problems with your code or problems with other 
browsers.

Conditional css is also proprietary to Internet Explorer and is 
not part of the css standards. It will cause your css to be 
non-standard. IE is the only browser that supports it. You're 
better off avoiding it if possible.
-- 
Scott
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Fwd: CSS Conditional Statements

[Diona Kidd]

Begin forwarded message:

> From: Diona Kidd <[EMAIL PROTECTED]>
> Date: December 5, 2006 11:47:01 PM EST
> To: "Andy Pemberton" <[EMAIL PROTECTED]>
> Subject: Re: [css-d] CSS Conditional Statements
>
> Thanks. I really appreciate the the info. That answers my biggest  
> question. I'll be sure to read up on that throughly.
>
> Diiona
>
> On Dec 5, 2006, at 11:28 PM, Andy Pemberton wrote:
>
>> Diona:
>>
>> Conditional comments are a proprietary Microsoft technology.  They  
>> aren't parsed at all by the other browsers, rather they are seen  
>> as regular HTML comments (that's where the name comes from).
>>
>> 
>>
>> Read the MSDN article I sent thoroughly to understand CCs and how  
>> they're parsed.
>>
>> Conditional comments, are in my opinion, the 'best practice' way  
>> to filter rules specifically to Internet Explorer (or non-IE  
>> browsers, per the article's instruction). This practice avoids CSS  
>> filters ( http://centricle.com/ref/css/filters/) or 'hacks' as  
>> some would call them and are more future-safe than are CSS filters.
>>
>> Andy
>>
>>
>>
>> On 12/5/06, Diona Kidd <[EMAIL PROTECTED]> wrote:
>> Thanks Shelly and Andy. :)
>>
>> Shelly, that was a misnomer or mis-type. I followed the article and
>> added the stylesheets to the head of the document after the global
>> stylesheet. I have also seen conditionals in css, although I can't
>> find the link at the moment. I just wasn't sure which is the most
>> acceptable or more commonly used approach. Yes, this is an older
>> post. Maybe I need to try it again or read up more.
>>
>> I also noticed the use of lt and lte. Andy's link mentioned these
>> mean 'less than' and 'less than or equal to'. I'm guessing an
>> evaluation done in by the browser to determine if the browser version
>> is less than the specified version. I wasn't aware that IE supported
>> this. Are there other supported conditional statements that I'm
>> unaware of or are they all IE related? Is it just unrecognized in
>> other browsers and ignored, or it is recognized and evaluated false?
>> To clarify my question...Andy mentioned MSDN, is this cross-browser
>> compatible or does IE just recognize the conditionals?
>>
>> I want to move away from hacks but I also want to understand how the
>> conditional statements are implemented. Is this part of the W3C
>> standard or is this something implemented by a particular vendor
>> (Microsoft)?
>>
>> While reading on CSS3, I see that it might support conditionals and
>> regexs but I also realize it'll probably be a very, very long time
>> before seeing support for this.
>>
>> Can you guys provide any working examples I can look at?
>>
>> Thanks in advance,
>>
>> Diona
>>
>>
>> On Dec 5, 2006, at 10:53 PM, Shelly wrote:
>>
>> > >>Is anyone using conditional statements in their CSS?<<
>> >
>> > I use conditional comments all the time.  This is an older article,
>> > i think - I remember reading it before - but this is the method I
>> > use when I use CC's.  I have no problem whatsoever with them.
>> >
>> > As for "what the known support" is - anything above IE5 on PC.  IE5
>> > for Mac doesn't see them.
>> >
>> > Now, I also noticed you said "*IN the CSS" - are you placing the
>> > conditional comment within your CSS file?  Because that would be
>> > the problem - the CC goes in the head of your document, below any
>> > other calls to other stylesheets - best place to put it is right
>> > before the closing  tag.  (If you put it *before* the
>> > original stylesheet calls, then the CC won't override the other
>> > stuff - it has to be after)
>> >
>> > ~Shelly
>> >
>>
>> _ 
>> _
>> css-discuss [EMAIL PROTECTED] ]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> IE7 information -- http://css-discuss.incutio.com/?page=IE7
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>

__
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] One True Layout & anchors

[Diona Kidd]

Btw, has anyone implemented the One True Layout [1] and anchor links?  
I thought there might be a javascript or css solution for this short- 
coming but didn't have an idea on it.

Thanks,

Diona

[1] - http://positioniseverything.net/articles/onetruelayout/
__
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 Conditional Statements

[Diona Kidd]

Thanks Shelly and Andy. :)

Shelly, that was a misnomer or mis-type. I followed the article and  
added the stylesheets to the head of the document after the global  
stylesheet. I have also seen conditionals in css, although I can't  
find the link at the moment. I just wasn't sure which is the most  
acceptable or more commonly used approach. Yes, this is an older  
post. Maybe I need to try it again or read up more.

I also noticed the use of lt and lte. Andy's link mentioned these  
mean 'less than' and 'less than or equal to'. I'm guessing an  
evaluation done in by the browser to determine if the browser version  
is less than the specified version. I wasn't aware that IE supported  
this. Are there other supported conditional statements that I'm  
unaware of or are they all IE related? Is it just unrecognized in  
other browsers and ignored, or it is recognized and evaluated false?  
To clarify my question...Andy mentioned MSDN, is this cross-browser  
compatible or does IE just recognize the conditionals?

I want to move away from hacks but I also want to understand how the  
conditional statements are implemented. Is this part of the W3C  
standard or is this something implemented by a particular vendor  
(Microsoft)?

While reading on CSS3, I see that it might support conditionals and  
regexs but I also realize it'll probably be a very, very long time  
before seeing support for this.

Can you guys provide any working examples I can look at?

Thanks in advance,

Diona


On Dec 5, 2006, at 10:53 PM, Shelly wrote:

> >>Is anyone using conditional statements in their CSS?<<
>
> I use conditional comments all the time.  This is an older article,  
> i think - I remember reading it before - but this is the method I  
> use when I use CC's.  I have no problem whatsoever with them.
>
> As for "what the known support" is - anything above IE5 on PC.  IE5  
> for Mac doesn't see them.
>
> Now, I also noticed you said "*IN the CSS" - are you placing the  
> conditional comment within your CSS file?  Because that would be  
> the problem - the CC goes in the head of your document, below any  
> other calls to other stylesheets - best place to put it is right  
> before the closing  tag.  (If you put it *before* the  
> original stylesheet calls, then the CC won't override the other  
> stuff - it has to be after)
>
> ~Shelly
>

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

Re: [css-d] CSS Conditional Statements

[Shelly]

 >>Is anyone using conditional statements in their CSS?<<

I use conditional comments all the time.  This is an older article, i 
think - I remember reading it before - but this is the method I use when 
I use CC's.  I have no problem whatsoever with them.

As for "what the known support" is - anything above IE5 on PC.  IE5 for 
Mac doesn't see them.

Now, I also noticed you said "*IN the CSS" - are you placing the 
conditional comment within your CSS file?  Because that would be the 
problem - the CC goes in the head of your document, below any other 
calls to other stylesheets - best place to put it is right before the 
closing  tag.  (If you put it *before* the original stylesheet 
calls, then the CC won't override the other stuff - it has to be after)

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

[css-d] CSS Conditional Statements

[Diona Kidd]

Is anyone using conditional statements in their CSS? Today I  
attempted the technique described in Bruce Lawson's blog post but was  
unable to get it working. Just curious if anyone else has had success  
with conditional statements and what the known support is...

[1] - http://www.brucelawson.co.uk/index.php/2005/future-proof-your- 
css-with-conditional-comments/

Diona
__
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] Fwd: Site check please

[Tim Gossett]

I will soon be launching http://maritimecompliance.com, and I'd love
to have other eyes on my design before I do so. Right now, only
certain IP blocks are allowed to get past the "under construction"
page because we don't want someone to stumble upon the site and buy
something before we're ready to deliver it.

The under construction page uses the same template that will be used
site-wide. Please send me any recommendations you have for layout,
usability, SEO, etc.

Thanks!

--
Tim Gossett
__
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] position: relative problem in IE

[Gunlaug Sørtun]

sandy. wrote:

> http://rh-v2.cpdev.sudjam.com/plans.php?type=advanced
> 
> The "order now" and credit card images are both in their own divs 
> positioned relatively.  They are both wrapped in a div that is 
> display:block.

A div is 'display: block' by default, so no need to declare it.

> In Mozilla and Opera they position relative to this containing block 
> like i desired, so when i start resizing the actual window it stays 
> positioned to its parent container.  But when i resize the window in 
> IE it just stays in place as if its fixed and does not move with the 
> layout.

IE is known to lose track of non-static element-positioning.
The trick is to make the correct container acquire Layout[1], and
establish a relation so IE know what to position relative to.

The following addition should get IE back on track...
#main_content {position: relative; height: 1%;}

regards
Georg

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

[css-d] position: relative problem in IE

[sandy .]

Hi i am new and never been on a mailing list before, so i apoligize for the
previous retarded email ;B
Anyway, i have a problem with position: relative in IE(im using version 6)
.  This is my site:

http://rh-v2.cpdev.sudjam.com/plans.php?type=advanced

The "order now" and credit card images are both in their own divs positioned
relatively.  They are both wrapped in a div that is display:block.  In
Mozilla and Opera they position relative to this containing block like i
desired, so when i start resizing the actual window it stays positioned to
its parent container.  But when i resize the window in IE it just stays in
place as if its fixed and does not move with the layout.  I tried absolute
and it does the same thing.  Any suggestions or other ways to go about
this?  Thanks!

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] hi im confused

[Lori Lay]

Yup, you found us.  You may have to wait a bit for a reply though, 
depending on timezones and people's schedules...

The contact info is displayed at the bottom of every message, with the 
main list id being the first address.

Lori

sandy. wrote:
> i'd like to ask a question to the community.  i am new.  i am kind of
> confused about the interface.  Do i email my questions to here?
> __
> 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] hi im confused

[sandy .]

i'd like to ask a question to the community.  i am new.  i am kind of
confused about the interface.  Do i email my questions to here?
__
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] word wrapping in FF/Opera

[Chris Williams]

Well, for starters, the way you're doing this seems really strange...

You have:
whateversomething
whateversomething
whateversomething

I think you want:

whateversomething
whateversomething
whateversomething


That is, you have one unordered list (ul) with a bunch of list items
(li).  Not a whole series of little one-item lists.

HTH,
Chris

-Original Message-
From: Ian Young
Subject: [css-d] word wrapping in FF/Opera

Test page to show problem at:

http://www.iyesolutions.co.uk/templates/css/test.htm
__
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] Would like some advice - creating a theme for different sub-domains

[Jan Erik Moström]

I'm trying to create a basic theme for different sub-domains 
(just a private site), each sub-domains will have a variation of 
the theme:

+   One will have a three column fixed width layout

+   One will have a fixed width left column with a variable width
 right column (actually a minimum width column)

+   One will have a fixed width 2 column layout where some pages
 will have only one column

All of them will have a header and a footer (one will use 
drupal, one pmwiki and the third is built "manually").

Not being very good at CSS and trying to do something like this 
for the first time I'm playing around trying to figure out how 
to do things (sometimes getting really frustrated and start 
thinking about using tables ;-).

Anyway, I've got a 3-column layout that seem to work, except 
that I want a thin line between the columns ... which are of 
different heights. In trying to figure out a solution I found 
this page  which 
got me thinking - "Am I doing this the right way???"

The reason I ask is that my current solution seem to be very 
"fragile", that is the different columns are specified by a 
specific number of pixels (margin, padding, etc) and if I change 
something then I have to recalculate all the measurements. Then 
I will have three different versions of this theme ... and if I 
understand things correctly I will then have to adjust for 
different browsers.

Being a programmer I get the feeling I'm going about this the 
wrong way, that there is some simple way of "modularizing" the 
layout so it becomes easier to maintain, not having to think 
about browser specific things, etc.

So being a CSS "simpleton" ;-) I would like to ask for some 
advise on how to go about a task like this? Should I continue 
doing these "fragile" solution and using things like what is 
suggested in page above or is there some better way of doing this?

I tried to find some page that describes/gives advice on this 
but failed (I'm probably using the wrong search terms) so if 
anyone have a suitable link to share I would be grateful.

 jem
__
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 wrapping in FF/Opera

[Ian Young]

Have a list of items which generates numbers of the products on online shop.
In Firefox and Opera, the number drops a line in IE7 it is on same line. I
have been trying to sort this all night.

Test page to show problem at:

http://www.iyesolutions.co.uk/templates/css/test.htm

Any suggestion gratefully received.

Ian
**IMPORTANT*
***

This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.15.7/569 - Release Date: 05/12/2006
03:00
__
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] Headers and Footers

[Brett Merkey]

George L Smyth wrote:
||
|| Here is a simple example:
|| Non-Scrolling Header and Footer; Printing Repeated Headers and Footers
|| http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html
|
| Thanks for the link, this works fairly well.
|
| The only negative is that putting multiple lines into the footer results
| in only a single line on the second through penultimate pages in Firefox
| (works in IE7, with a little work).
|
| I've been unable to figure out how to expand the footer in Firefox - any
|  ideas? I can squeeze everything into a single line, though it doesn't
|  look very good. I'm just not understanding why Firefox is having a
| problem with multiple lines.  Might this be a bug?

I have only tested the footer extensively as a one line column total
display. However, I had no trouble adding multiple lines to the footer with
Firefox 1.5 just now. If by "multiple lines" you mean multiple rows within
the TFOOT element, then Firefox seems to have no trouble that I can see.

Brett Merkey

__
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 and strange 'jump' effect

[Ingo Chao]

Thomas Francis wrote:
> ... after I
> upgraded my IE to IE7 I noticed a strange, but quite subtle thing, happening
> on the website homepage. If I moved my cursor (usually in the top right-hand
> corner, but I think this happens on most of the page) I noticed an odd
> 'jumping effect'. It's quite hard to explain, but if you have IE7 and view
> http://www.bristol.ac.uk/ you'll see what I mean.

Applying haslayout [1] on

#uobcms-wrapper {zoom:1}

seems to fix it.

A too much simplified variant shows this jump in IE6 and IE7, but I have 
no idea what is the cause.

Ingo

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>

http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">



/**/





link 1



link 2





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

-- 
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] form doesn't show well on Linux platform

[Henk Cortier]

thanks Richard,

I'm testing the site through browsershots.org on many different Linux  
browsers (there are so many!).
It's a game of float, clear and using different div's, tricky sometimes.

Let's hope one day all browsers will interpret css the same (good) way.

bye

Henk

Henk Cortier
zaakvoerder
Melimato VOF
[EMAIL PROTECTED]


On 5 dic 2006, at 18:38, Richard Grevers wrote:

> On 12/5/06, Henk Cortier <[EMAIL PROTECTED]> wrote:
>> Hi,
>>
>> I created a simple form with the labels with fixed width:
>> form label.fixedwidth {
>> clear: both
>> display: block;
>> width: 140px;
>> float: left;
>> }
>>
>> it shows ok in Safari and PC/IE but on Linux it's a nightmare, any
>> idease?
>>
> You don't give us a lot to go on there: by "Linux" do you mean
> Mozilla, Opera or Konqueror?
> But having done CSS form layouts before, I'm guessing that a a
> "nightmare" means a column of labels which is either taller or shorter
> than the adjacent column of form controls, so nothing aligns.
> Try containing each label/input pair in a  or  element any
> apply the clear to that rather than the label.
> -- 
> Richard Grevers, New Plymouth, New Zealand
> Hat 1: Development Engineer, Webfarm Ltd.
> Hat 2: Dramatic Design www.dramatic.co.nz
>

__
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] Layout not quite Working in Opera

[Lori Lay]

Hello all,

I have a three column layout with a fixed header and left column and a 
footer that sits at the bottom of the view port or content, whichever is 
longer.  I have managed to get this working in most browsers - we don't 
have to worry about IE 5.x, fortunately.  However in Opera 9 on Mac OS X 
the footer doesn't sit at the bottom of the view port, it seems to be 
about the depth of the header below the view port instead.  I have 
hunted around but haven't been able to find a fix.  Does anyone know how 
to make Opera behave?

Here's the link: www.goethebooks.com/test 

The styling for the outer and main divisions may be found in: nav.css 


I am also having a problem with the nested floats in NS 6.  I found some 
info on the nested floats issue with Netscape, but couldn't find a 
solution.  If someone knows of a fix for that too, I'd like to have a look.

Thanks,

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-d] hover state, background-image discrepancy

[Mark Kamian]

Hi,

I'm having a heck of a time determining why when hovering over the 
non-active nav-menu buttons, the background image is displaying slightly 
different shades.  It's the same image, so perhaps it's something else I'm 
not seeing...


http://www.idxsolutions.com/default3.asp
http://www.idxsolutions.com/css/idxsol2.css

Any ideas to set me straight on this?

TIA!

_
WIN up to $10,000 in cash or prizes – enter the Microsoft Office Live 
Sweepstakes http://clk..atdmt.com/MRT/go/aub0050001581mrt/direct/01/


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

[css-d] IE7 ignoring bulleted list

[David Weatherston]

IE7 is ignoring the indent to my bulleted lists. They work as they
should in Safari, Firefox Mac/Win and IE6. The HTML and the CSS have all
passed validation.

http://homepage.mac.com/dweatherston/sbd/index.html
with CSS at:
http://homepage.mac.com/dweatherston/sbd/styles/sbd.css

There's a collection of lists at the top of this page:
http://homepage.mac.com/dweatherston/sbd/how.html

Any other comments and criticisms gratefully received.

Thank you.

David Weatherston
582 Huron St., Toronto, ON, M5R 2R7
416-960-3489
__
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 Please - Problem with float:right on IE6

[Kevin Leebroderick]

I am having problems getting my div #rightSide to float:right in IE6. The
page works great in compliant browsers such as FireFox and Mozilla and IE7.
I have validated the xhtml and css and they come out fine. I have a wrapper
div with a width of 740px that wrap around a content div that is float:left
width:320px and rightSide div float:right width:410px. I have a the page
receiving general CSS from master.css, then I have a portfolio.css and
finally a ie6port.css to try and get things working for IE6. Any help would
be appreciated.

Link to the page with trouble:
http://www.leebroderickweb.com/preview/gail/portfolio.html

link to the various CSS:
http://www.leebroderickweb.com/preview/gail/master.css
http://www.leebroderickweb.com/preview/gail/portfolio.css
http://www.leebroderickweb.com/preview/gail/ie6port.css

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

Re: [css-d] Image cut off in IE6

[Mark Wheeler]

On Dec 5, 2006, at 9:33 AM, Gunlaug Sørtun wrote:

> Old IE doesn't get the stacking right over the edge of a container.
>
> Add...
> .title_image {position: relative;}
> ...to fix that old bugger.
>
> regards
>   Georg

Hi Georg,

That fixed it. Thanks very much. Is there a specific IE bug I can  
attribute this too for future reference?

Thanks again. One down one to go.

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

Re: [css-d] Applying CSS to forms

[Scott Povlot]

The simplest solution seems to be to remove the "float:right" and 
"display:block" from the label.  

label { width: 100px; text-align: right; margin-right: 10px; }

Generally, I would suggest working with the base styles as much as possible 
before using floats to change the layout.  By setting the float, you moved only 
the labels out of the normal flow of the document.  The inputs were still in 
the normal flow.  You could have also floated the inputs left to fix this. But 
go with the normal  document flow  instead.

Also, there seemed to be a problem with your URL when you posted.  Here is the 
complete URL: http://web.asylumweb.net/FormTest.html

Regards,

Scott Povlot

- Original Message 
From: Steve Craig <[EMAIL PROTECTED]>
To: css-d@lists.css-discuss.org
Sent: Tuesday, December 5, 2006 5:46:53 AM
Subject: [css-d] Applying CSS to forms

Hi

In an effort to get rid of some more tables and streamline my code a  
bit I took a look at this page on styling forms...
http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml
...and everything went well until I tried to put a couple of input  
fields side by side instead of vertically.

A sample page of the problem is here http://web.asylumweb.net/ 
FormTest.html

Anyone any ideas how I can get the surname label to sit correctly?

Thanks for any help.

Steve Craig - Asylum Interactive Ltd
Tel +44 1330 860550 Fax +44 1330 860880

http://www.asylumweb.com
Email: [EMAIL PROTECTED]
Skype: s.craig - iChat: steve.craig





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







 

Cheap talk?
Check out Yahoo! Messenger's low PC-to-Phone call rates.
http://voice.yahoo.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] Floating picture to bottom ...

[Michael Stevens]

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

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


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

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

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

Thanks - Miles Thompson


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


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


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

[css-d] Floating picture to bottom ...

[Miles Thompson]

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

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

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

Thanks - Miles Thompson


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


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

Re: [css-d] form doesn't show well on Linux platform

[Richard Grevers]

On 12/5/06, Henk Cortier <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I created a simple form with the labels with fixed width:
> form label.fixedwidth {
> clear: both
> display: block;
> width: 140px;
> float: left;
> }
>
> it shows ok in Safari and PC/IE but on Linux it's a nightmare, any
> idease?
>
You don't give us a lot to go on there: by "Linux" do you mean
Mozilla, Opera or Konqueror?
But having done CSS form layouts before, I'm guessing that a a
"nightmare" means a column of labels which is either taller or shorter
than the adjacent column of form controls, so nothing aligns.
Try containing each label/input pair in a  or  element any
apply the clear to that rather than the label.
-- 
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
__
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] Image cut off in IE6

[Gunlaug Sørtun]

Mark Wheeler wrote:

> On to my next learning lesson with css. I have an image that is cut 
> off on the top in IE6.

> Site: http://ncp.tonedeafstudios.com/

Old IE doesn't get the stacking right over the edge of a container.

Add...
.title_image {position: relative;}
...to fix that old bugger.

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

Re: [css-d] Impossible CSS layout? 3 Columns: Fixed center, Fluid left/right

[Gunlaug Sørtun]

> In its simplest form you can have this... 
>  ...but I think the 
> source-order is wrong in that one, so it's better to create an 
> 'all-float with negative margins' from scratch and place the main 
> content first.

...and since I couldn't find any of the old ones around, here's a basic
example...


This is how I create most 3-column layouts with negative margins anyway,
but they usually have fixed-width side columns and a fluid-width center
column.

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

[css-d] Div mostly disappears when adding a span tag in IE7

[Mark Wheeler]

Hi,

I have a problem in IE7. Believe it or not, IE6 is fine on this  
one. :) Here's the problem.

I have a floated (right) div and then text on the left (not floated).  
I've surrounded the text in a single span tag (.names) so as to set  
everything in the text to italic. Works great except in IE7, where  
the floated div (#info_box - floated right) partially (mostly)  
disappears. I even tried to span each individual short line of text  
with italics and had the same problem. This makes no sense, and was  
the last think I expected. Any help would be greatly appreciated.  
here's the links.

Site: http://ncp.tonedeafstudios.com/board_members.php
CSS: http://ncp.tonedeafstudios.com/css/board_members.css

Thanks very much,

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

[css-d] Scrollbar attributes vs Valid CSS

[Robert Lane]

A group I am in asked me to look at some web stuff they are doing with 
an eye to cleaning up the CSS. One of the key individuals that worked on 
this likes to customize the scrollbar colors and has used the following 
in the CSS file:

scrollbar-base-color:#B7D9FF;
scrollbar-track-color:#B7D9FF;
scrollbar-face-color:#B7D9FF;
scrollbar-arrow-color:navy;
scrollbar-highlight-color:#003366;
scrollbar-3dlight-color:#003366;
scrollbar-shadow-color:#003366;
scrollbar-darkshadow-color:#003366;


 From what I have seen these are not W3C CSS valid attributes but work 
in IE and a couple other browsers. I would like
to strip them out, but if he insists on including them is there a best 
way to handle including them so as not to muck things up in terms of 
validation, other browsers, etc.

I was thinking maybe they should be loaded with an "If IE" type command 
so that they are not part of the styles on other browsers.

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

[css-d] Image cut off in IE6

[Mark Wheeler]

Hi,

On to my next learning lesson with css. I have an image that is cut  
off on the top in IE6. IE7, FF and Safari are all fine, but not IE6.  
It uses a negative margin of -5px to move the image (.title_image)  
slightly out of it's container div (#main_content). I looked through  
the IE6 bugs but couldn't attribute any of them to this problem. Any  
help would be appreciated.

Site: http://ncp.tonedeafstudios.com/
CSS: http://ncp.tonedeafstudios.com/css/global.css

Thanks,

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

Re: [css-d] Headers and Footers

[George L Smyth]

--- Brett Merkey <[EMAIL PROTECTED]> wrote:

> George L Smyth wrote:
> | I have put together a table to display information and my co-worker wants
> | to be able to print it out.  No problem, I've used print style sheets to
> | take care of that.
> |
> | Now he wants each page to have a header and footer and I can't think of
> | any way to do it.  Is this possible?
> 
> It depends on what you mean by header and footer. It is not possible in
> general to create pages with determined headers and footers with HTML and
> CSS. However, you seem to be referring to data tables. For data tables, yes
> it is possible to specify repeating data headers and footers when the table
> is printed.
> 
> Here is a simple example:
> Non-Scrolling Header and Footer; Printing Repeated Headers and Footers
> http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html

Thanks for the link, this works fairly well.

The only negative is that putting multiple lines into the footer results in
only a single line on the second through penultimate pages in Firefox (works in
IE7, with a little work).

I've been unable to figure out how to expand the footer in Firefox - any ideas?
 I can squeeze everything into a single line, though it doesn't look very good.
 I'm just not understanding why Firefox is having a problem with multiple
lines.  Might this be a bug?

Cheers -

george

- 

   Eclectic Mix: http://EclecticMix.com
   One Minute How-To: http://OneMinuteHowTo.com
   DRiP Investing: http://DRiPInvesting.org
   Handmade Photographic Images: http://www.GLSmyth.com






 

Want to start your own business?
Learn how on Yahoo! Small Business.
http://smallbusiness.yahoo.com/r-index
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE Thumbnail Link rectangles different than FF

[Clarence Reber III]

Hey first post here

I've created a very simple, PHP based, photo gallery for one of my 
customers.  By using the a:link, a:visited, and a:hover attributes in my 
CSS file, the thumbnail pics each have a 2-3 pixel selection rectangle 
that behaves exactly as I'd expect in Firefox.  However in IE (6&7), the 
thumbnails (which are also links, of course) use the standard blue 
rectangle for a:link and a:hover and the purple color for a:visited.  
I've set the link behavior in both the body and that specific div ID.  
It takes a great color scheme page and makes it look real weird.

URL:  http://www.cornfieldcustoms.com/rebari.htm
CSS: http://www.cornfieldcustoms.com/CSS/rb13.css

TIA

-- 
Clarence A. Reber III
Berson3 Computers
http://www.berson3.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] Links at bottom ... 3 col

[css-dan]

Notice link1 / link 2 / link 3 at bottom all lining up with variable 
text above it … I can use faux column, and i can “cheat” and just break 
all … then put three more columns which looks perfectly visibly … but 
if you think of the link as “more info on head 1” ... it won’t flow 
nicely enough for a screen reader…

http://www.nuff-respec.com/external/bottom-links.gif

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

Re: [css-d] IE7 - [SOLVED] no bold text in unordered list

[Michael Stevens]

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

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

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

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

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

Mike

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


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

Philippe
---
Philippe Wittenbergh

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

Re: [css-d] Firefox Win vs Firefox Mac

[Philippe Wittenbergh]

On Dec 5, 2006, at 6:59 PM, Barney Carroll wrote:

> Does anyone know of any major (of course in the proper sense there are
> none, but relatively speaking...) differences between the two?
>
> Significantly, this code is fine across the PC board, but FF Mac puts
> the background image far too low.
>
> 
> 
> Edit your profile
> 
> 
> 
>
> a.draftlink
> {
>display: block;
>position: absolute;
>top: 5px;
>left: -9px;
>width: 15px;
>height: 7px;
>font-size: 1px;
>font-size: 0;
>text-decoration: none;
>background-image: url(/images/bulletredlevel1.gif);
>background-repeat: no-repeat;
>background-position: 0.5em 0.5em;
> }

As usual, a little bit more details would come in handy.
It is really *not* difficult to create a test case if you can't post  
the real url, for whatever reason.

Which version of Firefox (left unspecified) ?
Seeing how you are doing odd things with font-sizing (ahem: counter- 
productive):
Minimum font-size is turned ON in one version but not in the other  
version?


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] Accessibility and changing Font size

[Dave Goodchild]

Javascript style switchers work for me.

Check out www.alistapart.com/articles/alternate/
__
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] Accessibility and changing Font size

[Ian Young]

To assist with accessibility, I want to have option of changing fonts by
clicking on buttons.
Found a JavaScript thing that doesn't work unless it has a pop up.

There has to be a css solution. Any one point me in the right direction?

Regards

Ian
**IMPORTANT*
***

This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.15.7/569 - Release Date: 05/12/2006
03:00
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE7 and strange 'jump' effect

[Thomas Francis]

Hello

First post, so excuse any faux pas!

Have looked through the archive, but cannot find anything about this.

I graduated from my university a few years ago, but I often visit my alumnus
website to keep up with latest events and happenings. Anyway, after I
upgraded my IE to IE7 I noticed a strange, but quite subtle thing, happening
on the website homepage. If I moved my cursor (usually in the top right-hand
corner, but I think this happens on most of the page) I noticed an odd
'jumping effect'. It's quite hard to explain, but if you have IE7 and view
http://www.bristol.ac.uk/ you'll see what I mean.

As someone who likes to dabble with CSS and XHTML (by the way, I usually use
Firefox) I was perplexed as to why this was happening. Can anyone explain
why the jump effect is happening? Although it doesn't really bother me, I
would still like to know so that I can improve my knowledge of web design.

-- 
Regards
Thom
__
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] menu li id bg images disappear in firefox / different li id width in browsers

[Beate De Nijs]

Am 05.12.2006 um 12:38 schrieb Ingo Chao:

> Beate De Nijs wrote:
>> Hello,
>> I do encounter some strange probs with my navigation...
>> testpage URL
>> > p1_1_sun_angelika_1.html>
>> css URLs:
>> plus for each subsection I needed an further tiny one for just  
>> the  subsection li setting: > fabian_p1.css>
>> 1. in firefox (I have only tested on mac yet) the navigational  
>> menu  background images appear for a short moment and then disappear.
>> you can move the mouse over the empty areas and click, but they   
>> cannot be seen.
>> (same for little arrows aside the thumbnailrows and aside the  
>> large  images
>
> http://www.fabian-helmich.de/seiten/portrait_1/ 
> p1_1_sun_angelika_1.html
>
> Have you fixed it? I can see the pale, light little arrows and the  
> menu in Fx, like in Opera and Safari.

no, I haven't. but others I asked also see the menues/arrows in FF.  
but why not me??
I have deleted all caches, even tried with different named (but same)  
stylesheet) etc., have the latest version installed, but somehow get  
the bg images not displayed...
I don't like these uncertainties ...

but thanks for checking, at least some relief!

bye, tschüß,
beate


> Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8.1)  
> Gecko/20061010 Firefox/2.0
>
> 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] menu li id bg images disappear in firefox / different li id width in browsers

[Ingo Chao]

Beate De Nijs wrote:
> Hello,
> 
> I do encounter some strange probs with my navigation...
> testpage URL
>  p1_1_sun_angelika_1.html>
> css URLs:
> plus for each subsection I needed an further tiny one for just the  
> subsection li setting: 
> 
> 1. in firefox (I have only tested on mac yet) the navigational menu  
> background images appear for a short moment and then disappear.
> you can move the mouse over the empty areas and click, but they  
> cannot be seen.
> (same for little arrows aside the thumbnailrows and aside the large  
> images

http://www.fabian-helmich.de/seiten/portrait_1/p1_1_sun_angelika_1.html

Have you fixed it? I can see the pale, light little arrows and the menu 
in Fx, like in Opera and Safari.

Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8.1) 
Gecko/20061010 Firefox/2.0

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/

[css-d] Applying CSS to forms

[Steve Craig]

Hi

In an effort to get rid of some more tables and streamline my code a  
bit I took a look at this page on styling forms...
http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml
...and everything went well until I tried to put a couple of input  
fields side by side instead of vertically.

A sample page of the problem is here http://web.asylumweb.net/ 
FormTest.html

Anyone any ideas how I can get the surname label to sit correctly?

Thanks for any help.

Steve Craig - Asylum Interactive Ltd
Tel +44 1330 860550 Fax +44 1330 860880

http://www.asylumweb.com
Email: [EMAIL PROTECTED]
Skype: s.craig - iChat: steve.craig





__
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 rendering problem (OK in 5/6)

[Office @ GraphicsPlus]

On 04/12/06, Devon Miller <[EMAIL PROTECTED]> wrote:
> Try adding this:
> html* #main-nav ul { height: 1%; }

That did the trick! Thank you :-)
__
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 Win vs Firefox Mac

[Barney Carroll]

Does anyone know of any major (of course in the proper sense there are 
none, but relatively speaking...) differences between the two?

Significantly, this code is fine across the PC board, but FF Mac puts 
the background image far too low.



Edit your profile




a.draftlink
{
   display: block;
   position: absolute;
   top: 5px;
   left: -9px;
   width: 15px;
   height: 7px;
   font-size: 1px;
   font-size: 0;
   text-decoration: none;
   background-image: url(/images/bulletredlevel1.gif);
   background-repeat: no-repeat;
   background-position: 0.5em 0.5em;
}

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

Re: [css-d] Moving stuff to the right ?

[Jan Erik Moström]

Thanks to both of you, now it works. I used H1 for the page 
title and
set a suitable style, moved the list above the menu and floated 
it to
the right. The problem with the "mess" was solved by setting 
margin to 0
for the menu.

I don't know if this is the best way to solve this but now it 
looks like
I want ;-)

 jem (who never seem to be able to understand 
how CSS works)
__
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] Moving stuff to the right ?

[Paul Novitski]

At 12/5/2006 01:13 AM, Jan Erik Moström wrote:
>I'm trying to create a page header that should look like this
>
>--
>| Page Header| Main | About | Blog |
>... |
>--
>
>But I always end up with
>
>--
>| Page Header   | Main | About | Blog |
>...  |
>--
>
>In other words I don't understand how to get the menu to move to
>the right. The HTML code looks like this:
>
>  
>  
>  Page header
>  
>  Main
>  About
>  Blog
>  Research
>  Photo
>  Code
>  
>  


It looks like you want the menu to be flush 
right, letting the page header take up whatever 
remaining space there is at left.  Therefore I'd 
float the page header left -- requiring that you 
put it in a tag (ideally h1 or h2 because of its 
semantic role) -- and float it left, then float 
the menu right and float its list items left.


>Among other things I've tried using float but that
>makes a mess of things ...

What kind of a mess, exactly?  Is the float 
problem solved by allowing your UL and LIs to 
remain a block instead of forcing them to be 
inline?  Or do you simply need to clear the float(s) after the div#pagetop?

Regards,

Paul
__

Juniper Webcraft Ltd.
http://juniperwebcraft.com

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

Re: [css-d] Moving stuff to the right ?

[Rick den Haan]

J.E.,
> I'm trying to create a page header that should look like this
>
> [...]
>
> In other words I don't understand how to get the menu to move to 
> the right. The HTML code looks like this:
>
>  
>  
>  Page header
>  
>  Main
>  About
>  Blog
>  Research
>  Photo
>  Code
>  
>  
>
>
> And the relevant parts of the CSS
>
> #page
> {
>  background-color: #fff;
>  padding: 2px;
>  margin: auto;
>  width:900px;
> }
>
> #pagetop
> {
>  background-color: #9F9;
>  padding: 2px 4px;
> }
>
> .sectionlist
> {
>  display: inline;
>  list-style: none;
> }
>
> .sectionlist li
> {
>  border-left: 2px solid #fff;
>  display: inline;
>  padding: 3px 10px;
> }
>
> I would be grateful if anyone could give me a hint of how to 
> achieve this. Among other things I've tried using float but that 
> makes a mess of things ... I'm sure there is a really simple 
> solution to this but I can't figure it out.
You can float the UL to the right, but you'd have to put it above the 
other content of that div. So:

 
 
 
 Main
 About
 Blog
 Research
 Photo
 Code
 
 Page header
 

with

.sectionlist
{
 float: right;
 display: inline;
 list-style: none;
}

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

[css-d] Moving stuff to the right ?

[Jan Erik Moström]

I'm trying to create a page header that should look like this

--
| Page Header| Main | About | Blog | 
... |
--

But I always end up with

--
| Page Header   | Main | About | Blog | 
...  |
--

In other words I don't understand how to get the menu to move to 
the right. The HTML code looks like this:

 
 
 Page header
 
 Main
 About
 Blog
 Research
 Photo
 Code
 
 


And the relevant parts of the CSS

#page
{
 background-color: #fff;
 padding: 2px;
 margin: auto;
 width:900px;
}

#pagetop
{
 background-color: #9F9;
 padding: 2px 4px;
}

.sectionlist
{
 display: inline;
 list-style: none;
}

.sectionlist li
{
 border-left: 2px solid #fff;
 display: inline;
 padding: 3px 10px;
}

I would be grateful if anyone could give me a hint of how to 
achieve this. Among other things I've tried using float but that 
makes a mess of things ... I'm sure there is a really simple 
solution to this but I can't figure it out.


 jem
__
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] Datagrid class

[Highpowered]

Jachin Sheehy wrote:
> CssClass is the attribute to use. ASP.NET will convert this to a class
> attribute when it renders the HTML.
>
> Jachin Sheehy
> http://strangepants.com
>
> On 12/2/06, Pk <[EMAIL PROTECTED]> wrote:
>   
>> I wish to use the same style for all my datagrids. I think I need to use a 
>> class, but my code does not want to accept the word class in the asp.net 
>> datagrid tag. How can I implement this in a CSS.
>> 
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   
ASP.NET tags can be a bit of a trip, especially when panels, repeaters, 
and checkbox lists are involved. You have to anticipate the html that 
the controls will render, because they add an extra layer of abstraction 
and can disrupt the document flow as a result. You really have to make 
use of your contextual and decendent selector skills.

You may want to style a checkbox list, for example, by applying a class 
via CssClass - but it renders as a  instead, throwing your style 
declarations for a loop. The final elements you're trying to target wind 
up inside of table cells, which you then must target individually. I 
recently worked on a project that made heavy use of rounded corner boxes 
and ASP.NET webcontrols, and it took eternity to get everything just 
right - and even then it had to depart from the designer's comp. I felt 
awful about that, but I learned a lot about this subject as a result.

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