Re: [css-d] Forms select form
On 8/4/05, Abyss Information [EMAIL PROTECTED] wrote: Hi all, Does anyone have any good select form styling code? because the code that I am using doesn't seem to work. Form elements cannott be controlled consistently across browsers. http://www.456bereastreet.com/archive/200409/styling_form_controls/ http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/ You can work around that with scripting http://icant.co.uk/forreview/tamingselect/ http://easy-designs.net/articles/replaceSelect2/ http://www.badboy.ro/articles/2005-07-23/index.php If you should (and confuse visitors as they have to find the control instead of simply using it) or if you just should use Flash to re-inven forms is up to you. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] hacks in IE7 ?
Hi, i've read somewhere that many IE CSS deficiencies won't be addressed in the new IE release at all. Is this really so bad? I don't want to see all those pages looking bad in the new IE just because Microsoft suddenly decided to apply to standards and all those old IE-hacks behave awkward now. What do you think? Cheers, Jan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ICO CSS
Hiya, Is there anyway to link the favicon.ico via a css? Abyss __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Image Div Help
I don't know why this isn't working, cause I am using almost the
exact same code on another site, but I am trying to get my header
image to show using the following css:
.banner{
margin: 0;
padding: 0;
width: 700;
height: auto;
opacity: 0.75;
filter: alpha(opacity=75);
background: url(imgs/header.png);
}
and code:
div class=banner/div
can anyone tell me what I'm doing wrong, cause I'm sure there's
something.
--
Ryan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Non breaking items
I have two rows of buttons, if the browser window is not wide enough, they
move onto multiple lines, which I do not want. Aside from putting them in a
table, is there some way to make them not fall onto more than one line?
They are just hrefs with a class set to them, so like this:
a href=das TARGET=under class=topLinks1/a
a href=das TARGET=under class=topLinks2/a
a href=das TARGET=under class=topLinks3/a
br clear=all
a href=das TARGET=under class=topLinks4/a
a href=das TARGET=under class=topLinks5/a
a href=das TARGET=under class=topLinks6/a
Here is my css:
a.topLinks {
font-size: 11px;
padding: 4px 8px;
border-top: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid white;
text-align: center;
float: left;
}
a.topLinks:link {
background-color: #CCC;
color: #000;
text-decoration: none;
}
a.topLinks:visited {
background-color: #CCC;
color: #000;
text-decoration: none;
}
a.topLinks:hover {
background-color: #CCC;
color: red;
border-color: black white white black;
text-decoration: none;
}
a.topLinks:active {
background-color: #AAA;
color: #000;
text-decoration: none;
}
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Non breaking items
Olá Scott, I think you can try to put them inside a div with a fixed width. Cumprimentos, Roberto Scott Haneda wrote: I have two rows of buttons, if the browser window is not wide enough, they move onto multiple lines, which I do not want. Aside from putting them in a table, is there some way to make them not fall onto more than one line? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ICO CSS
Hi Abyss, there is no way to link a favicon via css. There is also no reason. And it would be absolutely strange to define a filetype in css. An icon has nothing to do with a stylesheet (or formatting text). Kind regards, Joa Abyss Information schrieb: Hiya, Is there anyway to link the favicon.ico via a css? Abyss __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
On 4 Aug 2005, at 5:05 pm, Jursa, Jan (init) wrote: i've read somewhere that many IE CSS deficiencies won't be addressed in the new IE release at all. Is this really so bad? I don't want to see all those pages looking bad in the new IE just because Microsoft suddenly decided to apply to standards and all those old IE-hacks behave awkward now. What do you think? There are no public releases of what is supposed to be called 'IE 7', hence it is pretty pointless to argue about what it will do. Or not do. Or might attempt to do. That said, if you want to play safe with your 'hacks', Conditional Comments are the only way to go. !--[if lte IE 6] link rel=stylesheet href=style/screenIE.css type=text/css / ![endif]-- Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
AW: [css-d] Image Div Help
I am using almost the exact same code on another site Maybe because there is no content inside the div, which you have on your other site? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Re: ICO CSS
On 8/4/05, Abyss Information [EMAIL PROTECTED] wrote: Is there anyway to link the favicon.ico via a css? No. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ICO CSS
Hi, there is no way to link a favicon via css. There is also no reason. Perhaps I did not explain my thinking behind it, I was hoping to link it via css like a bg file so for example I changed the css file on my website, the ico that is associate with it would change too.. does that make sense? because that is the reason behind it...to change it like the content of a web page..so that you would have a matching ico with it. Thanks again Abyss __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Re: ICO CSS
At 2005/08/04, David Dorward Said unto me: On 8/4/05, Abyss Information [EMAIL PROTECTED] wrote: Is there anyway to link the favicon.ico via a css? No. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk I haven't tried this, but... In IE, you can attach a behavior via a style sheet. And that behavior can be an htc document, written in javascript, and that javascript might be able to attach a favicon to a document. (I say might because I haven't seen this done before.) It's an IE-only solution, and involves MORE than just CSS, but it would be triggered by CSS. TTFN Travis -- [EMAIL PROTECTED]AIM:NepSmithhttp://www.hopstudios.com/ Thirty days / Hath September, / April, June / And the speed / Offender Burma-Shave . What's on? Just the soft hum of my computer. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Negative margin, border dispute in IE Win
At 2005/08/04, Ingo Chao Said unto me: Travis Nep Smith wrote: (Though why IE insisted on using the wrong background image I'll never know.) Can you provide an to the hover/background problem, please? Ingo -- http://www.satzansatz.de/css.html Well, it seems like the version of csshover.htc I was using (1.0) was incorrectly applying the last set of declarations to several class-marked blocks of HTML in a row. When I updated the csshover.htc to the current version, 1.30, the problem went away. But I don't know specifically that was it, because I did also apply Steve's great idea about the single background image. http://www.xs4all.nl/~peterned/csshover.html TTFN Travis -- [EMAIL PROTECTED]AIM:NepSmithhttp://www.hopstudios.com/ Both hands / On wheel / Eyes on road / That's the skillful / Driver's code Burma-Shave 1945 . What's on? Just the soft hum of my computer. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ICO CSS
there is no way to link a favicon via css. There is also no reason. Perhaps I did not explain my thinking behind it, I was hoping to link it via css like a bg file so for example I changed the css file on my website, the ico that is associate with it would change too.. does that make sense? because that is the reason behind it...to change it like the content of a web page..so that you would have a matching ico with it. Can I also replace this windows XP via JavaScript with OsX, or deinstall MSIE and open the page in Firefox? There are things that are out of reach of CSS, CSS can only style what is _inside_ the current document. The Icon is not inside the current document, but only appears because the user agent supports it. The same way you cannot access the style sheet href via CSS you cannot access the favicon href. You also cannot style the page title or the status bar. http://favicon.com/ Do not fall into the trap that everything you see is yours to change, it is not. God, I hate the inventor of coloured scrollbars... -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ICO CSS
This explains your idea and I understand you intention but the favicon was introduced as a nice image releated to your bookmark. (The name explains itself) There is no way to do this using CSS. And it doesn't make sense instead of having the icon in the addressbar. But this is not what a favicon was made for. Generally the answer is no - there is no way to link the icon using css. Kind regards, Joa __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] float in div clears float from outer div
hi,
there is a strange problem according to a site i did.
here is what im doing
div id=left...content goes here.../div
div id=right...content goes here.../div
div id=mid...content goes here.../div
the simple css is
#left { float: left; }
#mid { float: left; }
#right { float: right; }
now ive got some divs inside #mid.
like
div id=mid
div class=item.../div
div class=item.../div
/div
and the left column is the largest.
now im using .item { clear: both } to clear the float of imgs in the text.
but: the stange behaviour is
the mid-content is now in the mid column but displayed after the left column
like doing #mid { clear: left }
i used this very often and it worked,
but am i blind?
what is wrong...? i hope u understand from my crappy short example what
im doing
kind regards,
joa
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Hi, i've read somewhere that many IE CSS deficiencies won't be addressed in the new IE release at all. Is this really so bad? I don't want to see all those pages looking bad in the new IE just because Microsoft suddenly decided to apply to standards and all those old IE-hacks behave awkward now. Despite all the naysayers (most of whom would hate MS to fix _anything_, as they'd have to find something else to whinge about), the IE team are planning to fix quite a lot of stuff. See their list at http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx for details. Now that MS have engaged with the Web Standards Project, we can expect to see a gradual improvement; but just fixing the bugs the IE team list in the above-mentioned piece will sort out about 99% of the IE problems I encounter on a daily basis. However, we'll probably have to wait at least a couple of years before the public upgrade in sufficient numbers for us to say IE 6 is dead! Long live IE 7! :-( So don't throw away your hacks just yet. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] hacks in IE7 ?
Thanx for the link nick. Sounds promising :) Hey philippe, you're right. I haven't thought about conditional comments at all. Thanks. Jan -Ursprüngliche Nachricht- Von: Nick Fitzsimons [mailto:[EMAIL PROTECTED] Gesendet: Donnerstag, 4. August 2005 12:29 An: Jursa, Jan (init) Cc: CSS-D Betreff: Re: [css-d] hacks in IE7 ? Hi, i've read somewhere that many IE CSS deficiencies won't be addressed in the new IE release at all. Is this really so bad? I don't want to see all those pages looking bad in the new IE just because Microsoft suddenly decided to apply to standards and all those old IE-hacks behave awkward now. Despite all the naysayers (most of whom would hate MS to fix _anything_, as they'd have to find something else to whinge about), the IE team are planning to fix quite a lot of stuff. See their list at http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx for details. Now that MS have engaged with the Web Standards Project, we can expect to see a gradual improvement; but just fixing the bugs the IE team list in the above-mentioned piece will sort out about 99% of the IE problems I encounter on a daily basis. However, we'll probably have to wait at least a couple of years before the public upgrade in sufficient numbers for us to say IE 6 is dead! Long live IE 7! :-( So don't throw away your hacks just yet. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float in div clears float from outer div
The snippet of code you provided seems to work. Do you have an URL of a minimal test page which produces the problem? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Nick, Only a couple years? I'm a bit more pessimistic. Many web developers are still trying to ensure their site works in IE5/Mac and some even IE5.5/Win. Only Windows XP will be getting IE7. So if we are to support Mac OS 8/9 with IE5 because no new version is coming out for it (nor Safari/Firefox) then when will we ever be able to let go of IE6? Those systems are over five years old. If we want to support any platform below XP we pretty much can't... so what do we really gain from even having an IE7? The comfort in knowing that in 6-10 years it might be acceptable to finally drop the obsolete, I guess... Regards, Hao Nick Fitzsimons wrote: Hi, i've read somewhere that many IE CSS deficiencies won't be addressed in the new IE release at all. Is this really so bad? I don't want to see all those pages looking bad in the new IE just because Microsoft suddenly decided to apply to standards and all those old IE-hacks behave awkward now. Despite all the naysayers (most of whom would hate MS to fix _anything_, as they'd have to find something else to whinge about), the IE team are planning to fix quite a lot of stuff. See their list at http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx for details. Now that MS have engaged with the Web Standards Project, we can expect to see a gradual improvement; but just fixing the bugs the IE team list in the above-mentioned piece will sort out about 99% of the IE problems I encounter on a daily basis. However, we'll probably have to wait at least a couple of years before the public upgrade in sufficient numbers for us to say IE 6 is dead! Long live IE 7! :-( So don't throw away your hacks just yet. Regards, Nick. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Non breaking items
Scott Haneda schrieb:
I have two rows of buttons, if the browser window is not wide enough, they
move onto multiple lines, which I do not want. Aside from putting them in a
table, is there some way to make them not fall onto more than one line?
You can do a few things.
1)
nobr ... /nobr
This tag never was included in any standard, therefore every validation
will fail - but it is most widely supported.
2)
pre style='font-family: blurb' ... /pre
3)
div style='width: value in EM' ... /div
Regards,
Uwe Kaiser
--
They are just hrefs with a class set to them, so like this:
a href=das TARGET=under class=topLinks1/a
a href=das TARGET=under class=topLinks2/a
a href=das TARGET=under class=topLinks3/a
br clear=all
a href=das TARGET=under class=topLinks4/a
a href=das TARGET=under class=topLinks5/a
a href=das TARGET=under class=topLinks6/a
Here is my css:
a.topLinks {
font-size: 11px;
padding: 4px 8px;
border-top: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid white;
text-align: center;
float: left;
}
a.topLinks:link {
background-color: #CCC;
color: #000;
text-decoration: none;
}
a.topLinks:visited {
background-color: #CCC;
color: #000;
text-decoration: none;
}
a.topLinks:hover {
background-color: #CCC;
color: red;
border-color: black white white black;
text-decoration: none;
}
a.topLinks:active {
background-color: #AAA;
color: #000;
text-decoration: none;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Image Div Help
Ryan Boswell wrote: I don't know why this isn't working, cause I am using almost the exact same code on another site, but I am trying to get my header image to show using the following css: . -- Ryan Dunno, but: validate and try it. Regards, David Laakso -- David Laakso http://www.dlaakso.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [Re-Post] Border Trouble w/ Form Column
Tim S. Raisbeck wrote: The following page: http://www.charlottes-saddlery.com/giftcard.htm has issues with the right column border(left) being moved over to the left column. You totally lost me here. :-) Which border and which column? It occurs in IE or IE related browsers but not Mozilla. It corrects itself with the form removed so I've narrowed it down to a form issue. I don't see any difference between IE and FF, so have you fixed it? If not, can you post a screenshot so we have a better idea of what to look for? Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE background flicker on a:hover
I've read a bunch of different techniques for dealing with background-
image flicker in IE (which seems to occur on a elements as well as
on other elements when their CSS properties are being modified by
JavaScript. Some have worked, some haven't, and some aren't
appropriate to all situations (for example, I don't think the double-
buffer method would work in a situation where I'm setting a:hover,
but I could be wrong.)
Anyway, I've come up with an additional technique that uses the IE
AlphaImageLoader filter (the one everyone uses to get IE to work with
transparent PNGs). In its simplest form, it looks like this:
a {
background-image: url(/img/some-image.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='/img/some-image.gif',
sizingMethod='crop');
}
a:hover {
background-image: url(/img/some-image-over.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='/img/some-image-over.gif',
sizingMethod='crop');
}
As far as I can tell it works like a charm. If you're using GIFs, you
don't even need a real browser branch: non-IE browsers will ignore
the filter, and everything will look fine in IE because it's layering
two copies of the same background image (whose pixels are either
completely transparent or completely opaque) on top of one another.
If you were using transparent PNGs instead, you'd need a branch.
Any thoughts on the pros and cons of this method? It seems simpler to
me than some, though it won't work for repeating background images.
--Dave
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Nick Fitzsimons wrote: the IE team are planning to fix quite a lot of stuff. See their list at http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx for details. I'd encourage everyone who is currently using IE hacks to pay close attention to the list of support improvements on this page, most notably the support for additional selectors. Many people use IE's current lack of support for the child selector to hide rules from it, but IE7 will supposedly understand the child selector, so your hacks may stop working, while the bug you were hacking for may still be present. That equals very bad news for your page. If you are using this type of hack, I'd take the time now to examine your pages and move over to conditional comments. I personally use the star html hack for IE all the time, so I really hope they don't fix that in IE7. It doesn't do any harm, and it serves as a nice filter. I may need to switch entirely to conditional comments, though. Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Newbie: Trying to center items in a dropdownlist on web form
I am designing a web app and would like to have list items in a dropdownlist
centered. I have been able to get all the textboxes and labels to center
align using an external css.
For the textboxes, I used:
input {text-align: center;}
For the labels, I used:
span {text-align:center;}
For the dropdownlist, I attempted to use
select { text-align: center; } - this did not work.
I also attempted to use a class and this did not work. Does anyone know any
tricks that would work to get the items in the ddl to center align? This is
the way the boss wants it.
Thanks
Lisa
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Newbie: Trying to center items in a dropdownlist on web form
Thursday, August 4, 2005, 10:16:02 AM, Lisa Carter wrote:
For the dropdownlist, I attempted to use
select { text-align: center; } - this did not work.
http://www.456bereastreet.com/lab/form_controls/select/
Particularly the 12th select box is styled with text-align and the
screenshots show the results in various browsers.
Fails in: Safari(v?), IE6/win IE/mac.
This is the way the boss wants it.
Would the boss accept a mono-spaced font? If so, you could try the ugly,
UGLY hack of giving the select font-family:monospace and using nbsp;
entities to pad your options on the left so they line up (if you're lucky).
But don't do this :)
Steve
--
http://mrclay.org/ : http://frenchhorns.mrclay.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Zoe M. Gillenwater schrieb: I personally use the star html hack for IE all the time, so I really hope they don't fix that in IE7. Zoe They will do -- if I understood it right. http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx#445550 Regards, Uwe Kaiser -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Newbie: Trying to center items in a dropdownlist on webform
Lisa Carter wrote: This is the way the boss wants it. This doesn't help your situation at all -- but I just had to chime in. Just had a discussion with my management on the customer is always right theme. It can be frustrating when wild illogical tasks are assigned and the attitude is, Well, you're a programmer. Program it. That being said... perhaps you might cornsider not doing a conventional drop-down and doing something that looks like a drop-down. For instance, you might create a hidden DIV that scrolls down after an on-click event. The items in the div would be centered and perhaps you might embed a table in the DIV with centered rows. Just an idea, but it would give boss-man what is requested and be cross-browser compatible. Hope that helps! I made magic once. Now, the sofa is gone. www.cafepress.com/dwacon __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Uwe Kaiser wrote: Zoe M. Gillenwater schrieb: I personally use the star html hack for IE all the time, so I really hope they don't fix that in IE7. Zoe They will do -- if I understood it right. http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx#445550 Well, it's fixed right now, but may not stay that way, according to that comment. Either way, we all need to reevaluate our IE hacks and take the time to clean them up now. I can hear all the non-hack people laughing at us now... ;-) Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Heh, exactly. That's why hacks, in general, are a bad idea. More headaches for developers when future releases happen... whether that be the browser devs or the web devs! Personally I just try to rework the way I am implementing something until it is cross-browser without hacks. But perhaps the wide spread use of hacks is because everyone wants to design new-spec sites with pure CSS for browsers that were designed to accomodate classic table-based layouts. Yet we all flinch at the idea of using the browser the way the browser makers originally intended/expected! This isn't to say I am *for* using table based layouts, because I'm not. I'm just suggesting that perhaps we want our cake and eat it too in the sense that we want the new standards but don't want to accept that many browsers just don't handle them well. Rather then do what they do handle well, we try to hack stuff up. A thought, at least. Regards, Hao Zoe M. Gillenwater wrote: Well, it's fixed right now, but may not stay that way, according to that comment. Either way, we all need to reevaluate our IE hacks and take the time to clean them up now. I can hear all the non-hack people laughing at us now... ;-) Zoe __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Haoshiro wrote: Heh, exactly. That's why hacks, in general, are a bad idea. More headaches for developers when future releases happen... whether that be the browser devs or the web devs! Personally I just try to rework the way I am implementing something until it is cross-browser without hacks. But perhaps the wide spread use of hacks is because everyone wants to design new-spec sites with pure CSS for browsers that were designed to accomodate classic table-based layouts. Yet we all flinch at the idea of using the browser the way the browser makers originally intended/expected! Then I'd like to see a 3px text jog fixed without hacking. Can you please provide an URL to your new method? Or does your interpration says we can't use floats? Would you use a table in this situation? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout problem with IE - Clearing driving me nuts!
Hi folks, I've been working on a new layout, and everything has so far gone to plan with Firefox, but unfortunately I can't say the same for IE. The code is all valid, but for some reason I can't get one of the content wrappers isn't clearing properly. I've tried everything I can think of to try and sort this, but it just isn't working, and it's driving me mad. The page can be seen here, http://www.brightview.com/temp/cssd.htm It's bound to be something simple that I've missed, but I just can't see it. Hoping one of you guys might be able to help me out. Many thanks, Calvin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Zoe M. Gillenwater wrote:
I personally use the star html hack for IE all the time, so I really
hope they don't fix that in IE7. It doesn't do any harm, and it serves
as a nice filter. I may need to switch entirely to conditional
comments, though.
I think it depends on the amount of bugs they fix, to decide wether the
star html hack is good or bad.
A number of pages have included this sort of hack
* html .container {height: 1%;}
to adress numerous Layout Bugs.
While we hope that IE will respect the specs one day, than we have to
face that the height bug (the extend-to-fit) will be fixed somewhere on
that long way.
Once the height bug is fixed, the star html hack must die, or all the
pages that have used the Holly Hack in the past will break, because the
container will collapse. Otherwise, a maintenance horror will occur.
I think Philippe is right, its pointless to some degree, and we have to
use CC's when we want to code safer.
And we probably have to carefully review /all/ pages once IE7 is there,
not only the pages that have used hacks explicitely that the designer
is aware of: what about the pages that rely on IE bugs (implicit
'hacks') that are now fixed?
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] hacks in IE7 ?
That is my feeling. I hope that IE7 does fix a lot of things like Min-height, etc. That said, however, how many websites will end up being broke because they removed a simple hack which allows those pages to be compliant. A more appropriate question would be why IE7 could not act like Fire Fox and simply ignore that code while allowing older browsers to use that code. That way everything still works and you progress forward. Paul Seale -Original Message- I'd guess if we don't want to exclude a significant portion of users from our web pages, we will have to support IE5 for at least two more years and IE6 for at least four to five more years. (Trying to be realistic) Nick is right: don't throw away your IE hacks yet. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
On 04/08/05, Haoshiro [EMAIL PROTECTED] wrote: Only a couple years? I'm a bit more pessimistic. Many web developers are still trying to ensure their site works in IE5/Mac and some even IE5.5/Win. Ditto. I just helped a friend who is using Win98 (not even SE). I wiped his drive and reinstalled 98 and upgraded him to IE6 (but showed him how much nicer the Gecko browsers are and he is now using Mozilla 1.7 and its email client). I imagine there are a lot of 98 users still using IE4. :-( Only Windows XP will be getting IE7. And those willing to shell out $$ for Vista when it becomes available. This means the many W2k users (esp. corporate users) plus those still using NT4, ME, 98SE, and -- shudder -- earlier who either don't know how or are not permitted by their company to install a different browser will still be using IE version 6 or earlier. I'd guess if we don't want to exclude a significant portion of users from our web pages, we will have to support IE5 for at least two more years and IE6 for at least four to five more years. (Trying to be realistic) Nick is right: don't throw away your IE hacks yet. -- T. R. Valentine The only excuse for using IE is ignorance (or testing) (stupidity is a reason, _not_ an excuse). __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ADMIN: IE7
Hi folks, As many of you may have seen, there's been a published list of planned CSS fixes in IE7. If you haven't seen it, here you go: http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx. Note that it's a huge page, 113KB just in the HTML file, since it has a few metric tons of comments on it. At this stage, it's quite natural to speculate about what this will or won't mean for CSS authoring; some of that has happened already. I'd like to put a hand on the rudder of discussion, though, and steer it to what I think would be more productive waters. First off: please do NOT engage in debates about what the next beta or final versions of IE7 will or won't do. Nobody knows-- not even the IE7 developers can say for sure, as anyone who's ever worked on a software project can attest. There are plans, and then there is shipped code. When the two meet, it's a happy land. More often, they do not. So let's leave off speculation about which hacks are going to be neutered, and which aren't, and whether that's a good thing or a bad thing. When the change comes, it will be documented and we can deal with it then. Before that time, speculative arguing is largely a waste of time. This is not to say that we can't do some constructive planning, though. I think one things that seems fairly clear is that there will be changes in IE7, and there will probably be changes that break some old hacks. So a good line of discussion would be ways to avoid having to use hacks. The wiki page on this topic http://css-discuss.incutio.com/?page=AvoidingHacks is a good start, but there may be more. If so, it would be good to hear about them. Another good discussion would be on hack management-- what are some good ways to organize style sheets so that hacks are easy to maintain? A good starting point might be for people who have strategies to post them with a list of pros and cons, or else work on a wiki page about hack management that lists various approaches. And by management, I also mean ways to structure style sheets. Maybe all the hacks are in a separate file, or maybe they're grouped together, or maybe they appear right next to the thing they're hacking around. Maybe conditional comments are used to expose the hacks to IE. Let's get some ideas from people, and create a resource around what they share. What I do NOT want to see is a war about whether hacks are good or bad, about whether they should or shouldn't be used. People are going to use hacks. We're all better served by helping them use them to the minimum degree necessary, and in the most manageable way possible. That will help us all get prepared to deal with the changes in the final version of IE7... whatever they are, and whenever they come. Thanks for your attention and understanding, folks. I know that when the 800-pound gorilla starts stirring after so long a snooze, we all start to get tense and try to anticipate what it will do next. Instead, let us follow the lessons of the great masters: wait calmly and patiently, not hoping that something will happen, but simply watching to see what does happen. While we wait, we can prepare ourselves mentally by getting our hack houses in order. Then, when it is time, we can flow with events and take command of them. I'm suddenly seized with an urge to go watch Crouching Tiger, Hidden Dragon again. -- Eric A. Meyer ([EMAIL PROTECTED]) Principal, Complex Spiral Consulting http://complexspiral.com/ CSS: The Definitive Guide, CSS2.0 Programmer's Reference, Eric Meyer on CSS, and morehttp://meyerweb.com/eric/books/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
That depends on how the floats are being used. My suggestion would be to find a fundamentally different approach to producing the attempted design that would not cause the text jog to be an issue. That would be a design-specific issue and the approach could vary. It's possible I would use a table in this situation, if I can do so in a matter that fits my needs. This could include being cross-browser compatible, standards compliant (as far as syntax), printer-friendly, and accessible, etc. - again, depending on the design. Hao Ingo Chao wrote: Then I'd like to see a 3px text jog fixed without hacking. Can you please provide an URL to your new method? Or does your interpration says we can't use floats? Would you use a table in this situation? Ingo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hacks in IE7 ?
Hi Ingo, You wrote: Haoshiro wrote Personally I just try to rework the way I am implementing something until it is cross- browser without hacks. ... Then I'd like to see a 3px text jog fixed without hacking. ... My usual hackless fix for the text jog is to just live with it (and use only float right) on my stand-alone/intranet apps--it does't seem to be much of a loss to put pix on the right anyhow. Those coding for a design-picky client, have a real headache potential, though. Regards, Gene Falck [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7, future browsers, hack strategies
i've read somewhere that many IE CSS deficiencies won't be addressed in the new IE release at all. Is this really so bad? I don't want to see all those pages looking bad in the new IE just because Microsoft suddenly decided to apply to standards and all those old IE-hacks behave awkward now. ... There are no public releases of what is supposed to be called 'IE 7', hence it is pretty pointless to argue about what it will do. Or not do. Or might attempt to do. Right. There are valid strategies to employ, although prediction is not one of them. The best strategy I use is: Only hack the dead. Some Dead Browsers: Mac IE, Win IE 4-6, Netscape 4-6, Opera 7 Any hacking, delivered to dead browsers in such a way that a compliant browser with the same feature list will not see the hacks, ought to be fine. The bugs are known, and the targeting is likely to be good for life. Assume non-dead browsers are compliant and don't need hacks until proven differently. If your hacks target via a bug (e.g., the Mac IE comment-parsing bug), it is unlikely to accidentally target a future browser that is not susceptible to it today. If you target via a feature (e.g., conditional comments, javascript, etc.), and you properly use that feature to shield future browsers that implement it, then you are unlikely to accidentally target a future browser with or without the feature. On my team, we currently use the following, included on every page via server-side parsing: link rel=stylesheet type=text/css href=/css/merged.css media=all / !-- style hacks to bring specific browsers in line with standards -- style type=text/css/*\*//*/@import url(/css/hacks/ mac_ie.css);/**//style !--[if lt IE 7] link href=/css/hacks/win_ie.css rel=stylesheet type=text/css media=all / ![endif]-- The merged.css in this case only has compliant code, no hacks, and no workarounds. It's also 95% of the CSS on the site; we have a script that dynamically combines, compresses, and caches a variety of other sheets which serve specific purposes (big sites may have layout, look, forms, in-page structures, etc.), and thus the name merged. The mac_ie.css only goes to Mac IE, and contains none of the hacks that apply to that browser but only clean CSS that would apply to any browser -- but only Mac IE sees it. The win_ie.css sheet goes to Windows IE5, 5.5, and 6. Because of our policy to not use a browser's quirks mode (we need some consistency!), this means that within the win_ie.css sheet we need to deliver different box models to IE 5.x and IE 6. We achieve this with the mid-property escape hack: width:40em; /* all win IE */ w\idth:38em; /* IE 6 */ We used to use JavaScript to give Safari a little help with min- height, but in the end only needed it so rarely that we found other hackless ways. We are now contemplating introducing a /css/hacks/workarounds.css that will be delivered to all browsers. This will help us address IE 7 problems by using compliant code and no hacks (because IE 7 is not dead), while keeping the main sheet using css as intended. No hacks allowed in here, just creative bend-over-backwards CSS (e.g., using a background image if the content property is not supported in IE7). If they release an IE 7.1, then we'll adjust our conditional comment to accept 7.0 and treat 7.0 as Dead. It now gets hacked in the win_ie.css sheet. Within the hack stylesheets, which are only targeted to dead browsers, hacks are ok because the hacks are stable. But in the main stylesheets, all hacks are forbidden. We used to use * html but this comment[1] makes it look like MS is starting to consider this a feature (due to the clamor of the CSS authors), but since it can't be used to filter out future versions that use the feature, it's not a Good Hack. - 1. http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx#445550 -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ADMIN: IE7
Thursday, August 4, 2005, 1:40:16 PM, Eric A. Meyer wrote:
Another good discussion would be on hack management-- what are
some good ways to organize style sheets so that hacks are easy to
maintain? A good starting point might be for people who have
As one who shudders at the thought of maintaining separate CSS hack files
(I like to keep rules about an element in one place) I'm imagining a simple
system to deal with the IE*/win phenomenon:
1) use conditional comments to feed all IE/win a single CSS file, let's
call it dealwithie.css
2) dealwithie.css would contain one ruleset affecting BODY with a
proprietary behavior that added to the BODY element a className (or short
list of classNames) to assist in targeting the version of IE in use.
IE6 would cause something like:
document.body.className = document.body.className + isIE6 isLtIE7;
3) In your CSS:
.isLtIE7 #needsLayout {height:1%}
Notes:
* Supposedly behaviors persist even when JS is disabled. Still true? How
reliable is it? Worst case is it fails, hacks aren't applied.
* I've never worked with behaviors, but the code I propose shouldn't be
rocket science. I assume this would have to deal with the
waiting-for-the-DOM-to-be-initialized problem though.
* Removing hacks past their necessity would be trivial. Search for
selectors with isIE50 or whatever, and remove rulesets.
* This boils down to browser sniffing and sticking the result where you can
get to it with CSS. It's not a great solution...Other ideas? Too
off-topic for css-d?
Steve
--
http://mrclay.org/ : http://frenchhorns.mrclay.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ADMIN: IE7
From: Steve Clay [EMAIL PROTECTED] Thursday, August 4, 2005, 1:40:16 PM, Eric A. Meyer wrote: Another good discussion would be on hack management-- what are some good ways to organize style sheets so that hacks are easy to maintain? A good starting point might be for people who have * Supposedly behaviors persist even when JS is disabled. Still true? No. This, combined with Eric's post should end the thread, perhaps? Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Visual Artifacts in IE6
Perhaps someone has seen this before. In IE browsers (I'm mostly concerned about IE6) I see some text artifacts that appear below the fold. In my current project, the footer is initially not visible. When I scroll down to see the footer, IE puts the last few characters of the footer that ends with company name, inc. on the next line on the left side of the screen. Sometimes it's just c. other times it's inc.. The page is coded as xhtml transitional and validates. I checked to make sure there was no extra inc. text somewhere between tags. I validated the style sheet. Anybody have any idea what else to try? Thanks in advance...martin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fieldset woes
Vincent Hide wrote: I have however noticed some issues in IE with fieldset. The form is here and as you can see if you look in IE, the background color of the fielset is overlapping outside of it's area (at the top edge). This is a known problem in IE with fieldsets, and I'm not aware of a fix for it. You may be able to get a better looking result by using a background image that matches the page background at its top, so that this flaw is not so obvious. Or, hide the background color from IE and just leave it for other browsers as progressive enhancement. Also the margin that is present at the bottom of each fieldset in other browsers is not there. http://www.lampdesign.co.uk/formtest.html I don't see a margin between the fieldsets in any browser, and indeed, there is none declared in the CSS. Try adding a margin-bottom to your fieldset selector. Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Visual Artifacts in IE6
Martin Tschofen wrote: Perhaps someone has seen this before. In IE browsers (I'm mostly concerned about IE6) I see some text artifacts that appear below the fold. In my current project, the footer is initially not visible. When I scroll down to see the footer, IE puts the last few characters of the footer that ends with company name, inc. on the next line on the left side of the screen. Sometimes it's just c. other times it's inc.. The page is coded as xhtml transitional and validates. I checked to make sure there was no extra inc. text somewhere between tags. I validated the style sheet. Anybody have any idea what else to try? Thanks in advance...martin Most probably you have used - doubled comments - display: none elements - or tight fitting floats, Situations, where duplicated characters come into play. This article reflects some of the problems: http://positioniseverything.net/explorer/dup-characters.html You should provide an URl if the solutions presented there do not work. Or use a table. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Visual Artifacts in IE6
At 2:37 PM -0500 8/4/05, Martin Tschofen wrote: When I scroll down to see the footer, IE puts the last few characters of the footer that ends with company name, inc. on the next line on the left side of the screen. Sometimes it's just c. other times it's inc.. Anybody have any idea what else to try? It sounds like the duplicate characters bug. [1] Are there comments in your style sheet? If so, remove them and the problem should go away. 1. http://positioniseverything.net/explorer/dup-characters.html As always, PIE is the main place to go when you are looking for an IE bug. Good luck, -- -Adam Kuehn __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout problem with IE - Clearing driving me nuts! - Repost
Hi folks, I've been working on a new layout, and everything has so far gone to plan with Firefox, but unfortunately I can't say the same for IE. The code is all valid, but for some reason I can't get one of the content wrappers isn't clearing properly. I've tried everything I can think of to try and sort this, but it just isn't working, and it's driving me mad. The page can be seen here, http://www.brightview.com/temp/cssd.htm It's bound to be something simple that I've missed, but I just can't see it. Hoping one of you guys might be able to help me out. Many thanks, Calvin Reposting this as my original message seems to have done a bit of a disappearing act. Hoping this one gets through... Apologies if it turns out to be a double post. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please - sagefish.com
Jade True wrote: I have one more issue; here are some browsercam views of it: http://www.browsercam.com/public.aspx?proj_id=180317 My css forms are not rendering at all in NN 6.2. I can't figure out why! The first legend text shows up, and that is it. Any ideas? Here are the two pages: http://www.sagefish.com/sfsignup.htm http://www.sagefish.com/sfquote.htm Although I don't have Netscape 6.2, I do have 6.1 and 7.1, and your form fields appear fine in both those browsers (it's messed up looking in 6.1, but I wouldn't worry about this). Did you fix this, or are you still having problems in 6.2? There was a bug in Netscape for a while that made floated labels disappear, but you are not currently doing this, so I'm not sure what it would be if you are still seeing it (or not seeing it, as it were). Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] faux columns / border bottom
Ben Alpert wrote: I am trying to make a layout that looks like this: http://onetwoseven.zapto.org/test.htm, but with structured markup such as: http://onetwoseven.zapto.org/test2.htm. I know about faux columns, but I would like a border-bottom on everything. Is this possible? Sure, but you'll probably have to nest some divs. So, on the two column area, for instance -- instead of having one container div with the repeating background, nest an additional div inside it and give this div a bottom border. Then stick your two column divs inside this second container div. Depending on what content ends up in each of those boxes, you may be able to apply the border to a semantic element that is already there, instead of creating an extra div. You're basically layering backgrounds and/or borders on top of each other, as Macromedia does on their home page, and I explain in this article: http://www.communitymx.com/abstract.cfm?cid=AC5AC Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Visual Artifacts in IE6
--- Adam Kuehn [EMAIL PROTECTED] wrote: Are there comments in your style sheet? If so, remove them and the problem should go away. Note, this bug is triggered by comments in the HTML (between floated elements), not by comments in the style sheet. -Sam -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fieldset woes
snip
fieldset {
padding: 1em;
margin-top: 1em;
background: #f0f5f8;
border: 1px solid #d7e7f2;
}
legend {
font-weight: bold;
color: #2a699e;
padding: 0.3em;
}
* html fieldset {
position: relative;
padding-top: 2.5em;
}
* html legend {
position: absolute;
top: -0.6em;
left: 0;
}
/snip
(from http://kalendar.plzensky-kraj.cz/web/public/css/styl.css)
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Newbie: Text Align items in a dropdownlist?
Lisa, On 8/3/05, Lisa Carter [EMAIL PROTECTED] wrote: I am a newcomer that is working on a project using vb.net and asp.net. We are using CSS to format our web forms. I have been able to get the text in the label and textbox controls to center align and would like for the items in the dropdownlist to be centered as well. I haven't found any browser that will do this under any circumstances, and I tested all the browsers on my mac. You could possibly use javascript to dynamically replace the select with a ul and populate a hidden field, but I think talking your boss out of this is a better solution. The user of this page will expect menus to be left aligned because they are everywhere else on her/his computer. A centered dropdown just won't look 'normal' to them. Making users uncomfortable is often a bad idea, especially if you are trying to sell them something :-). __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] fieldset margin issue with Safari
Chuck,
On 8/3/05, chuck clark [EMAIL PROTECTED] wrote:
Hello,
Safari seems to be ignoring margin on my form fieldset. I want
spacing between fieldsets in a form and Safari just crams them
together, all other browsers i have tested put space between them.
form fieldset{margin:20px 0; padding:0; border-style:none; clear:both;}
http://www.largebuttons.com/ordering.php
I'm not seeing this in safari 1.3. What version did you test with?
The form has substantial dis-arrangement in firefox beta, but I didn't
investigate because I'm assuming you are still 'in-progress' on this
page. If screen grabs would be helpful I'd be glad to send them
along.
--
Roger
Roger Roelofs
Know what you value.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF impossible resize bug
Michiel, On 8/4/05, Michiel van der Blonk [EMAIL PROTECTED] wrote: PS: yes your right about your PS, only it's not as simple as you may think. It never is :-) I'm sorry if I gave you the impression that I thought you were new to css. I'm just returning to the list after a time away, and some of the people are new to me, so I don't yet know where they are on the learning curve. In fact we did start coding from scratch, not designing from scratch. I also have to educate our designers to learn that it doesn't have to look like a table. Problem: our main designer likes this look. Most of them even work with FrontPage most of the time. I can relate. :-( Latest news: I isolated the bug, and it's really strange to me, it doesn't look like standards behaviour at all. I posted a demo to Holly John, and you have it too as an attachment. Wow! _that_ is a great test case. You may be interested to know that this bug has been fixed for the next major version of gecko. I tested in Deer Park alpha 2 and the select behaves normaly. As a work around, you could change height: 1.75em to min-height: 1.75em. For some reason this doesn't trigger the bug. Here's a slightly smaller test case. - form action= select name=category style=height: 1.75em optionTesting Select Box Resize so make it really really long/option /select /form What triggers the bug is when the width of the form (or maybe just the container) is less than the width of the select _and_ the select has a defined height but no defined width. I would guess that some variable unexpectedly goes negative and that throw off the width calculation, but that's only a guess, and I don't care enough to go digging around in the source :-) -- Roger Roger Roelofs Know what you value. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE background flicker on a:hover
David Feldman wrote:
I've read a bunch of different techniques for dealing with background-
image flicker in IE
Anyway, I've come up with an additional technique that uses the IE
AlphaImageLoader filter
a {
background-image: url(/img/some-image.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='/img/some-image.gif',
sizingMethod='crop');
}
a:hover {
background-image: url(/img/some-image-over.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='/img/some-image-over.gif',
sizingMethod='crop');
}
Dave, as far as I know, the proprietary filter do apply on elements
which have layout. But the intention of your hack is to stop the
flicker, not to draw an additional layer. So I wonder if your method is
preventing the flicker on inline-level links without a dimension too?
Thanks,
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Collapses
Richard, On 8/4/05, Richard Brown [EMAIL PROTECTED] wrote: Hi All I have built a site at http://www.theriverchurch.info with the css at http://www.theriverchurch.info/styles/pages.css If I view the site in a small screen size the middle column ends up below the content column. Is there anyway I can stop this please? #navigation + warpper = 98.7% + 10px. At small screen sizes this can be greater than 100% The same is true with main-content and sub-content. How about expressing padding for these elements in % also? -- Roger Roger Roelofs Know what you value. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Proportional Layouts
Recently, I've been experimenting with a flash-aesthetic rectangular box layout - fixed height and width that is somewhat smaller than the viewport (at least for the homepage). When I coded the page to fill a 800x600 screen, the whole thing (including the text) looked tiny on my 1920x1200 screen. I am somewhat used to things looking tiny on my screen, but this time it made me wonder why so many websites took up so little of my screen real estate. Wouldn't it be great if a layout would scale to automatically optimize viewing on any screen on any viewport size - a layout that is proportional to the viewport (within certain limits, of course)? This flexibility would also be useful in terms of maintaiming design intent through text resizing. Of course, a fluid layout fits the bill to a certain extent except that in my case, the ratios of the container width/height and sidebar/content widths are essential design aspects and so those ratios must be retained. My question is a practical one - is this something that I will be able to roll-out with my site? is it achievable in CSS or will it require scripting? how could I get such a thing to work? Thanks for the help/direction! A link to a gif of a very rough draft of the layout in question is provided below: http://www.sixteenfeet.com/layout.gif (The ellipse with CYCLE inside is an absolutely positioned div with a bg image, that element must stay in that particular relation to the edges of the other divs through resizing, yipes! Also, the gray footer background is for development purposes only.) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
