Re: [WSG] Firefox skips dropdown and multi-select list with tabbing (?)
Using the tabindex attribute on form elements should allow you to specify the tab order. On Sun, May 4, 2008 at 9:57 PM, tee <[EMAIL PROTECTED]> wrote: > I'd just noticed that Firefox skips the dropdown and multi-select list > with tabbing. > Anybody knows if there is a workround? > > Thanks! > > tee > > > *** > 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] Centered Horizontal List in IE7
Perhaps try it without using the list. Center the links within a div and apply left and right padding to them to ensure adequate spacing. Menu should stay centered and will cater for changing number of menu items. On Wed, May 7, 2008 at 8:48 PM, IceKat <[EMAIL PROTECTED]> wrote: > Hey, > > Sent this out, wondering if anyone has any pointers??? > > IceKat > > > Original Message: > > Hi everyone, > > I'm really hoping someone can help me with this bug. I've known > about it for a while but am hoping that now that IE7 has been around > for a while that a smarter person than me will have figured out a > solution. > > I have a list menu which is supposed to be horizontal and centered. > Not a problem right? Wrong. There are three problems. > 1. IE7 doesn't use display: inline very well when text is > enlarged or made smaller. (just try it and see the mess it creates) > 2. The width cannnot be set because the number of items changes > on a regular basis without warning. > 3. Float combined with margin: 0 auto doesn't work because the > width of the ul is always 100% and can't be set smaller because of > the reason given above. > > This is creating a huge problem because I can't center lists without > setting a width. Is there a way of getting around this in IE7? Is > there a javascript or PHP script which can detect the width of > something so I can put that in to the css? Or just fix the problem? > > Thanks heaps, > IceKat. > > PS- I've heard about either a php function or a meta tag which > forces standards? Does anyone know more about it? Might that help? > > > > *** > 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] displaying 2 photos with captions
Hope Stewart wrote: Help wean me from tables! I'm a WSG newbie. I created my first table-less website -- a very basic pro-bono site -- in January. It was a good learning experience, but now I'm tackling a more complicated site for a paying client and need some help. Within the main content div, I need to include photos with captions within a grey box. When there is just one photo, I can do this. See draft: http://www.harbourmarine.com/draft/products/capstans3.html But most of the time I will need to have two photos side-by-side of varying sizes and with captions. Using a table, I can do this in a flash. See: http://www.harbourmarine.com/draft/products/capstans2.html But I believe this is an inappropriate and unnecessary use of a table. How do I replace this table with divs? There will be many product pages like this one, but the photos will vary in size. Hope Stewart ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** Place each image/caption combination inside a div and float both of them to the left. As long as the combined width of the two divs isn't greater than the width of the parent element they should appear next to each other without any troubles. As a side note I'd suggest doing your captions differently also. Rather than using a em/strong tag on every caption place it in a span with a class. Then apply the styles to that class. That way you don't have to write em/strong everytime you have a caption, and you can change the look of all captions easily if the need arise. Scott Limmer ** 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] linked image problem in IE
designer wrote: Dear experts, I have just upgraded a site to xhtml/css, no tables etc. It all seems to work fine in FF, Opera, IE5.5 and 6 (dunno about MAC!). Fine, that is, apart from in IE, where I see a short blue line in between the thumbnails in any of the gallery sections. it is as though it's something to do with the images being links, though they do have their own borders, which are white. Can you tell me what I need to do to remove these annoying little beasties? The main site is at [1] and there is a small (magnified) picture of such an offender at [2] [1] http://www.marscovista.com [2] http://www.marscovista.fsnet.co.uk/urban/bluemark.gif If anyone could be kind enough to tell me of any problems with MAC I'd be very grateful. Many thanks in anticipation . . . Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** Bob, Funnily enough I just discovered this problem on a site I'm working on now. The problem occured for me in both IE 6 and Opera 7.54. I tracked the solution down to a very simple fix. In your xhtml I see you have the image in links laid out as: For some reason this creates a problem in the aboved mentioned browsers and should be fixed by placing the elements on the same line. I.e: Hope this helps, Scott Limmer ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
