[WSG] Table and list problem
Hi,
I'm sorry I can't post a URL. (I'm not allowed)
I have this table...
|sidebar/200px|middle/fluid|sidebar/200px|
In that I have...
|empty
td|horizontal
list (nav)|empty td|
Like this...
|li/19,9%|li/19,9%|li/19,9%|li/19,9%|li/19,9%|
and I get this...
|li/19,9%|li/19,9%|li/19,9%|li/19,9%|li/19,9%|small
*gap*. 2px I think|
The css for the list is here...
#navlist{padding:0 0 20px 0}
#navlist ul {width:100%}
#navlist li{padding:0;margin:0;display:inline;list-style-type:none}
#navlist a:link, #navlist a:visited{font-weight:bold;
text-decoration:none;color:#999;width:19.9%;padding-top:2px;padding-bottom:2px;
border-bottom:none!important;font-size: 70%;text-transform: uppercase;
float: left}
PS.: 20% on the li's brake the list in IE (last item wraps)???
Any ideas on how to get it to fill the entire available space in IE?
(FF can do 20% without breaking)
***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] Table and list problem
Thanks Christian, I really wish I knew this before I spend almost all day trying to fix it :) Have a great weekend Kim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Logo and H1's
Maybe one of these could solve you h1 problem...
http://tjkdesign.com/articles/tip.asp or
http://tjkdesign.com/articles/a_perfect_Image_Replacement_technique.asp
Kim
Barney Carroll skrev:
Andrew Ingram wrote:
Couldn't we use media rules to make things visible to screen readers?
@media aural, braille, embossed { h1 span { display:inline; } }
Again, that'd be wonderful, but as it stands nothing actually supports
those to the best of my knowledge.
The tragedy is that the wealth of CSS available since the inception of
CSS2 for targeting all sorts of different user agents is ignored, and
as such we increasingly have to account for the custom overrides of
users.
Regards,
Barney
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image replacement menu that works with images off
I thought I'd post back to let you know what I came up with. It turned out that I was able to use Thierry's solution (http://www.tjkdesign.com/articles/tip.asp). Result can be seen here http://geekministry.com/yeah/index.php If I'm using a BR before the text it is because of IE that shows tiny icons when images are turned off. Have a great weekend Kim John Faulds skrev: I wrote an article about styling a horizontal nav with the IR technique I mentioned previously: http://www.tyssendesign.com.au/articles/css/single-image-replacement-rollovers-with-suckerfish-dropdowns/ It also includes a bit on how to combine it with Suckerfish Dropdowns, but the first part should relate to what you want. On Wed, 27 Sep 2006 08:15:36 +1000, Kim Kruse [EMAIL PROTECTED] wrote: Hi, Maybe I should extend my question a bit. Here on this page http://geekministry.com/yeah/index.php I'm currently using Dan Cederholm/Pixi's solution http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html which works very well with images on. The obvious problem is with images off. Is using a list the best way for a navigation? The reason I ask I because is because I want to follow best practice (at my level out in the fine art of doing web sites) and I think that using a list and css images (separating structure from presentation et al) must be better than using real nav buttons or shims/spacer gifs with alt texts... right? The thing I can't get my head around is how to have different size nav items without creating 4 css rules for each nav item. (similar to example 4 in this article http://tjkdesign.com/articles/tip.asp) but that would also require me to use a div for each nav item... right? I've probably been thinking so much over this problem that I might be overlooking a real simple solution. Thank you Kim John Faulds skrev: snip It should be pointed out that this method has problems when you resize the text (unless you've since found a way to fix that Mike). My recommendation would be: http://www.ryznardesign.com/web_coding/image_replacement/index.html --Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** --Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Image replacement menu that works with images off
Hi, I'm looking for a good solid img replacement menu that works well with images off. Suggestions welcome. Thanks Kim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] OnClick - not valid
Use onclick instead... lowercase for xhtml :) Kim John 'Max' Maxwell skrev: Hi All, just working on a design - finishing up and going through validation etc - see: http://82.110.105.29/crownstorage.com/professional-services.htm on the right there are some expandable titles using javascript. The page is valid CSS and WAI but the 'OnClick' command fails to validate as XHTML - is there another way? Cheers, Max. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image replacement menu that works with images off
Hi, Maybe I should extend my question a bit. Here on this page http://geekministry.com/yeah/index.php I'm currently using Dan Cederholm/Pixi's solution http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html which works very well with images on. The obvious problem is with images off. Is using a list the best way for a navigation? The reason I ask I because is because I want to follow best practice (at my level out in the fine art of doing web sites) and I think that using a list and css images (separating structure from presentation et al) must be better than using real nav buttons or shims/spacer gifs with alt texts... right? The thing I can't get my head around is how to have different size nav items without creating 4 css rules for each nav item. (similar to example 4 in this article http://tjkdesign.com/articles/tip.asp) but that would also require me to use a div for each nav item... right? I've probably been thinking so much over this problem that I might be overlooking a real simple solution. Thank you Kim John Faulds skrev: [1] http://neal.venditto.org/articles/12/bir It should be pointed out that this method has problems when you resize the text (unless you've since found a way to fix that Mike). My recommendation would be: http://www.ryznardesign.com/web_coding/image_replacement/index.html --Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] OT: Block virus sender
Hi, Would it be possible to block [EMAIL PROTECTED] that keeps posting virus to the list? Kim ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Css menu (not navigation)
Just what I was looking for. Thanks a lot :) Have a great weekend Kim Janette Girod wrote: Hi Kim, Here's a nice use of definition lists to style a menu: How to style a restaurant menu with CSS http://web-graphics.com/mtarchive/001622.php It looks like there's also some microformat menu activity going on at http://microformats.org/ . Cheers, Janette --- Kim Kruse [EMAIL PROTECTED] wrote: Hi, I remember seeing a sample of a elastic tableless menu for a restaurant looking something like this Item description.price 123 Item description.price 456 Item description.price 789 If anyone knows where this sample is located or have an idea how to accomplish this I would love to hear about it. Thanks -- Med venlig hilsen/Best regards Kim Kruse - http://www.mouseriders.dk http://www.geekministry.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Med venlig hilsen/Best regards Kim Kruse - http://www.mouseriders.dk http://www.geekministry.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Css menu (not navigation)
Hi, I remember seeing a sample of a elastic tableless menu for a restaurant looking something like this Item description.price 123 Item description.price 456 Item description.price 789 If anyone knows where this sample is located or have an idea how to accomplish this I would love to hear about it. Thanks -- Med venlig hilsen/Best regards Kim Kruse - http://www.mouseriders.dk http://www.geekministry.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Tables - you can still use them in web design article
Yes it should but when was it IE 6 was released? 1999 I think and 7 years is a very long time for any software. Need a table... use a table. You really can't blame CSS. Have a great weekend Kim Stevio wrote: Surely web sites should be designed to work across browsers, especially the browser used by most users, even if it isn't very good? This is a web standards group isn't it? ;-) Stephen - Original Message - From: Christian Montoya [EMAIL PROTECTED] On 5/12/06, Stevio [EMAIL PROTECTED] wrote: Hi Christian, The way I wrote that paragraph is perhaps misleading. When I say a bug, I am talking about the fact that the middle column is dropping down below the left and right column as you resize the page (bug). I am not talking about the fact that the right column eventually disappears (feature). Basically, the feature doesn't always work right. Try resizing that page using IE6, the content in the middle drops down *before* the column on the right disappears. The header bar also gets messed up. Disable JavaScript and the paragraph on the right can be moved further to the left than the central paragraph. Maybe my background in software engineering is showing here, as finding and eradicating bugs is part of a programmer's job. OK, I understand now. Granted the site doesn't work right in IE (I should probably tell the designer to fix that). But if you look at it in another browser, any other browser, you'll see the intended behavior... I guess what I meant to say is look at this site in a browser like Firefox. Anyway, my original point still stands, just use a browser other than IE. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Med venlig hilsen/Best regards Kim Kruse - http://www.mouseriders.dk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Horizontal Dropdowns - again :(
Veine, They do show up on my screen. See screen shot here http://geekministry.com/testing/snap.jpg W2K/IE 6 Veine Vikberg wrote: Greetings; Well, with Ians help I got the looks that I want for the page, and it looks right in both browsers, however - in IE the dropdowns doesn't show up. Everything validates to the smallest detail both XHTML and CSS wise. Any CSS help here would be greatly appreciated. Regards ~Veine http://www.vikberg.net/clients/ihilani/test.html http://www.vikberg.net/clients/ihilani/navstyle.css http://www.vikberg.net/clients/ihilani/styles.css Sent via the WebMail system at vikberg.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Med venlig hilsen/Best regards Kim Kruse - http://www.mouseriders.dk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
