Re: [css-d] Odd spacing problem - FF vs IE?
John Bishop - alternative it wrote:
... Just a curio with the 'Search' form at:
http://www2.petrescue.com.au/newindex.htm - the spacing between the rows
differs quite noticeably between FF and IE. I've forced padding margins
for all of the div's form elements; any idea why this might be happening?
div.row { ... width:100%} or Holly's hack should do.
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] two colored headers
What is the purpose of the span? Screenreader users won't see the
colors. If it's for emphasis, you might want to do something like this
instead:
Markup:
h1strongLeroy/strong emJenkins/em/h1
CSS:
h1.strong {color:blue;}
h1.em {color:red}
Add additional CSS settings to each of the above to change what the
browser defaults will be doing to those tags.
An advantage to this approach vs setting Leroy's color in the header tag
is that you're free to use h1 tags elsewhere without them also being
Leroy's color. Plus screenreaders can properly indicate the different
degrees of emphasis.
Ben Liu wrote:
Apologies if this has been answered before. What is the semantically
correct method of coding a two color header? Is this the optimal
syntax:
h1span class=blue_part_of_the_headerLeroy/spanspan
class=red_part_of_the_headerJenkins/span/h1
.blue_part_of_the_header {color: blue;}
.red_part_of_the_header {color: red;}
Thanks for any help.
--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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] Browser Statistics
{tonyFelice} wrote:
Does anyone know of a good resource for browser/platform statistics?
If you are trying to make a decision about which browsers to support,
the *only* place you should be looking is your own site's logs.
Determine what your actual audience uses, not some sample of an unknown
audience.
--
Bob Easton
Accessibility Matters: http://access-matters.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] z-index with flash in firefox
There are many broswr/flash player bugs associated with wmode=opaque or transparent, so test thoroughly. On 1/28/06, Michael Hulse [EMAIL PROTECTED] wrote: On Jan 27, 2006, at 1:06 PM, Tanya Renne wrote: can someone diagnose a fix for that? Z-index is still baffling to me. I suggest using wmode=opaque. www.communitymx.com article pertaining to Flash, DHTML Menus and Accessibility: http://snipurl.com/m08r __ 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] ADMIN: http://mail.communitymx.com/ MEMBERS!!!
At 5:15 AM +0100 1/28/06, Jochen Kaechelin wrote: The only thing I want to tell the people on the list is that there might be some subscribers who use a mailsystem with a vulnability. That's a laudable intent. Here's how I think it would have been better handled: * Get in touch with the administrators of the vulnerable host and help them to fix the problem in private, before anyone malicious has a chance to take advantage of the problem. * Mail, off-list, all of the addresses you can find in the archives from the affected host, warning them of the problem. You could also try mailing the css-d administrator address to ask that we pass a message along to all affected accounts in the subscriber database. The problem now is that, given the way you posted about this, you've potentially exposed a server vulnerability to the whole world, because all list messages are publicly archived. Maybe that won't make any difference, but maybe it will. Ordinarily, I'd have sent this reply off-list, but I decided it was better to respond publicly and establish guidelines for the future. I don't want to be a roadblock to improving security, but I also don't want to see security warnings on the list. It's just the wrong venue, and there are (as I said above) other ways to handle such situations. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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] ADMIN: http://mail.communitymx.com/ MEMBERS!!!
Am Samstag, 28. Januar 2006 16:33 schrieb Eric A. Meyer: At 5:15 AM +0100 1/28/06, Jochen Kaechelin wrote: The only thing I want to tell the people on the list is that there might be some subscribers who use a mailsystem with a vulnability. That's a laudable intent. Here's how I think it would have been better handled: * Get in touch with the administrators of the vulnerable host and help them to fix the problem in private, before anyone malicious has a chance to take advantage of the problem. * Mail, off-list, all of the addresses you can find in the archives from the affected host, warning them of the problem. You could also try mailing the css-d administrator address to ask that we pass a message along to all affected accounts in the subscriber database. The problem now is that, given the way you posted about this, you've potentially exposed a server vulnerability to the whole world, because all list messages are publicly archived. Maybe that won't make any difference, but maybe it will. Ordinarily, I'd have sent this reply off-list, but I decided it was better to respond publicly and establish guidelines for the future. I don't want to be a roadblock to improving security, but I also don't want to see security warnings on the list. It's just the wrong venue, and there are (as I said above) other ways to handle such situations. Ok, but I have a different opinion in handling such things!!! I informed the responsable people about 12 hours ago and I did not get a response so far! They behave like microsoft! They know about the problems - sometimes for years and did not try to solve it. I'am sure that the responsable people would not react when I send them a private mail. Perhaps they react when a lot of people know about it!!! What about pages like securityfocus . Why do they publish security holes? And everyone can read it and try a exploit! Are these guys bad? Isn't it your intention to run a save system?? __ 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] Browser Statistics
Google analytics is nice and free...I use it.
http://www.google.com/analytics/
On Jan 27, 2006, at 9:07 PM, {tonyFelice} wrote:
Does anyone know of a good resource for browser/platform statistics?
__
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: http://mail.communitymx.com/ MEMBERS!!!
At 4:56 PM +0100 1/28/06, Jochen Kaechelin wrote: Ok, but I have a different opinion in handling such things!!! Jochen and I will continue this discussion off-list. The public thread is now finished. Anyone who wants to weigh in on the topic can contact me or both of us off-list, and if I get enough inquiries (or the end result of the discussion changes my feelings as to how things should be handled) I'll post a summary message on the list. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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/
[css-d] Height question, container doesn't stretch in firefox
Hi, I made this page: http://e.domaindlx.com/lowenf/radius/index.html But for some reason the height doesnt stretch with the content in Firefox (IE is fine, that's a miracle). I used these guidelines: http://www.quirksmode.org/css/100percheight.html And it worked before and I've been searching for almost a hour to find what the hell I did wrong, but perhaps one of you guys sees what went wrong.. thanks! Lowen __ 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] footer jumps in IE on a:hover
Hello. This is my first tableless layout and I have one bug that I just can't figure out. When you hover over the body links the footer jumps - it looks like about 10 pixels of padding are added. It can best be seen on this page (mouse over body link then mouseover logo at top (it will jump back): http://www.blueowlmassage.com/dev/clients_forms.php For a link hover I have defined a dotted 2px border - if I change it to just a text underline the jump will go away. However the client likes the dotted border (and now I am determined to get to the bottom of it!). Interestingly the nav bar doesn't cause it nor does the footer, which share the same hover definition. The only thing that I can see that is different between them is that they aren't nested in a div (in this case maintext). I've tried everything I can think of ... any thoughts would be appreciated. derek allard - - - - - - - Tunnel 7 ~ freelance website design http://www.tunnel7.com 413.529.0754 - - - - - - - __ 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] Height question, container doesn't stretch in firefox
But for some reason the height doesnt stretch with the content in Firefox If you just let the content in #container stretch it, you can just remove height: 100% and #container would be the correct height. Ricky __ 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] footer jumps in IE on a:hover
Derek,
On Jan 28, 2006, at 11:41 AM, Tunnel 7 wrote:
Hello.
This is my first tableless layout and I have one bug that I just can't
figure out. When you hover over the body links the footer jumps - it
looks like about 10 pixels of padding are added. It can best be seen
on
this page (mouse over body link then mouseover logo at top (it will
jump
back):
http://www.blueowlmassage.com/dev/clients_forms.php
For a link hover I have defined a dotted 2px border - if I change it to
just a text underline the jump will go away.
In what browser(s) are you seeing the jump. I didn't see it in firefox
1.5 on my mac.
There are 3 validation errors in the html, one of which is in the
doctype. You will want to fix those to get more consistent behavior
across browsers.
http://validator.w3.org/check?verbose=1uri=http://
www.blueowlmassage.com/dev/clients_forms.php
There is an error in the css that is causing firefox to ignore one of
your hover rules.
There is an error in the css which is causing firefox to ignore a bit
of it. You need to remove the extra comma.
#head a:hover, {
text-decoration:none;
border: 0;
}
In general, if you use a border on hover it is best to set it so it
doesn't take up more space hovered than not. Something like,
a { padding-bottom: 2px; }
a:hover {
padding-bottom: 0;
border-bottom: 2px dotted #ffe7be;
}
hth
--
Roger Roelofs
Remember, if you’re headed in the wrong direction,
God allows U-turns!
~Allison Gappa Bottke
__
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] First full CSS layout
Hi All, I was wondering if you have the time, if you could look at this layout, it holds up to about a 200% increase in text size before falling out of the container. I would like to fix the menu which is a List-O-Rama CSS menu (Dreamweaver extention) and I may try a sucker fish instead but in IE6 the height difference is really spread out as compared to Firefox, Opera, and Netscape. I also have a strange event happening in the first top box on the right, there is an image linked that is above the organization about, sometimes it shows up, and sometimes it doesn't and I'm not sure why. http://www.sppots.org/testing/new/ Any suggestions would be helpful; the original layout is from HTML Utopia designing without tables. Eventually this site will be more dynamic as it is a redesign of www.sppots.org Thanks, Bob -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.375 / Virus Database: 267.14.23/243 - Release Date: 01/27/06 __ 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] Is there a CSS hack png transparency?
We all know about PNG transparency and its problems with ie (at least i would
hope so -for those that dont go to
http://koivi.com/ie-png-transparency/ and look via IE )
anyway my point is
you have to add a heap of code for transparency with IE - my question is when
you want to use it with a CSS via a style sheet
body
{
Background-Attachment: Fixed;
Background-Image: URL(../../ws_files/img/Index/MainLogo.png);
Background-Position: Top Left;
Background-Repeat: No-Repeat;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../ws_files/img/Index/MainLogo.png',
sizingMethod='scale');
margin-left:550px;
color:#000;
background-color:#60564C;
padding-top: 175px;
}
it falls over and doesn't work is there a CSS hack for this?
I have looked around and have found JS solutions but this is no good as i am
making a DB backend allowing users to choose the style of css they want
and i wish to just store the CSS name in the DB, so i do not have to put all
the code manually into each tag (eg body style=etc)
thanks heaps
__
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] First full CSS layout
Bob Boisvert wrote:
http://www.sppots.org/testing/new/
I would like to fix the menu which is a List-O-Rama CSS menu
(Dreamweaver extention) and I may try a sucker fish instead but in
IE6 the height difference is really spread out as compared to
Firefox, Opera, and Netscape.
Add a 'hasLayout'[1] trigger...
#navcontainer ul li a {height: 100%;}
...and maybe you want to tighten it up across browser-land...
#navcontainer ul {padding: 0; margin: 0;}
I also have a strange event happening in the first top box on the
right, there is an image linked that is above the organization about,
sometimes it shows up, and sometimes it doesn't and I'm not sure
why.
Can't see any problems, but if it's happening in IE/win only, then a
'position: relative;' on the image might fix that.
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is there a CSS hack png transparency?
On Jan 28, 2006, at 2:47 PM, Abyss Information wrote: it falls over and doesn't work is there a CSS hack for this? CSSd WIKI search for PNG: http://css-discuss.incutio.com/?action=findfind=PNG CSSd Archive search for transparency: http://archivist.incutio.com/viewlist/css-discuss/css-discuss? search=transparency Hth, gl, Cheers, Micky -- ¸.·´¯`·.¸¸(((º`·.¸¸.·´¯`·.¸¸º ·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸º `·.¸¸º¸.·´¯`·.¸¸º __ 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] web design contest - especially for beginners and intermediate level folks
Hello all My first time posting, so excuse me if this message doesn't belong here. I have an msn group and we're running a web design contest I thought I'd mention. It's mostly for newbies and perhaps some intermediate level folks. The prize is web hosting for a year w/domain name. The deadline is March 31st. This is a friendly little competition we have every year. I post it here in case there are some newbies out there that would like to strut their stuff, and maybe win a website, if you don't already have one. http://groups.msn.com/htmlwebdesigndreamers/_whatsnew.msnw Thanks for listening! -- and Eric - you can't apply! LOL Best wishes all, ByteDreams __ 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] First full CSS layout
On 1/28/06, Bob Boisvert [EMAIL PROTECTED] wrote: Hi All, I would like to fix the menu which is a List-O-Rama CSS menu (Dreamweaver extention) and I may try a sucker fish instead but in IE6 the height difference is really spread out as compared to Firefox, Opera, and Netscape. If it ain't broke, don't fix it? This is a good list, and I think the only thing left to do is to zero out the margins on the UL. Even if you can't get it looking identical cross browser, keep in mind that you really don't have to, as long as it looks good on different browsers. Also I really don't see how suckerfish, or any other sort of dropdowns, would be practical here. Dropdowns are usually a good way to get your users lost and the level of navigation on most sections isn't deep at all. I think having a section on each page with subnavigation is fine. You also have a lot of space on the new layout to play around with different options. I also have a strange event happening in the first top box on the right, there is an image linked that is above the organization about, sometimes it shows up, and sometimes it doesn't and I'm not sure why. I don't see any image linked. Any suggestions would be helpful; the original layout is from HTML Utopia designing without tables. The site looks fine, much better than the original. I would suggest adding some padding to the boxes on the right, so that the text doesn't sit against the borders. Also, definitely optomize your CSS: change: border-top:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #666; to: border:1px solid #666; change: padding-left:10px; padding-right:10px; margin-left:160px; margin-right:160px; to: padding: 0 10px; margin: 0 160px; (excuse me if you already knew about these changes). One other things, using: background-image:url(images/backgroundtop.jpg); seems silly, when you could just do: background-color: #F5F5F5; /* the equivalent color */ Also, there is obviously a lot to do with sppots.org in terms of usability, but the issues there are not CSS related, and you probably know about them already. If you want feedback on sppots.org I can let you know offlist. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.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/
[css-d] Css menu
Here is a neat CSS menu - if anyone is looking for one http://koivi.com/css-menus/ Regards, 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/
Re: [css-d] site check PLEASE
Nice and clean overall. Just some point you might want to consider: - the CSS validator objects to an empty color: rule for .proprieta at line 398. AFAIK you're not using it anywhere, so you might just cull it - text sized in pixels can't be resized in IE. Might try to use ems, percents or keywords... - enlarging text in Firefox the longest items under #menu escape out of the fixed height links, becoming white on white; I'd suggest giving min-height to the standard compliant browsers and height to IE only djn Augusto Murri wrote: Check my site.. i think there are some problems but i don't know how to fix them.. :| http://www.augustomurri.it/workBoard/MUSEI tnx to all! -- Dejan Kozina Dolina 346 (TS) - I-34018 Italy tel./fax: +39 040 228 436 - cell.: +39 348 7355 225 http://www.kozina.com/ - e-mail: [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/
