[WSG] Left align legend
Hi all,
I am currently trying to mark up a form using fieldset and legend.
However, I want the legend to left align with the rest of the form and not
have a right margin.
I have tried using:
Legend {
padding-left: 0;
margin-left: 0;
}
This works fine in Mozilla and Firefox, but the left margin remains in Opera
and IE on the PC.
Is there a way to left align the legend without a CSS hack?
**
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] faux columns for fixed AND percentage width
I wrote: I will see if I can pump out a working example to my blog in the next day or so. Why should I when there is an version at Position is Everything http://www.positioniseverything.net/articles/sidepages/jello-piefecta-cleanhtml It does everything you need and my example does need a little tidying up or more to work in all browsers Nick nickcowie.com This email is from the Department of Consumer and Employment Protection and any information or attachments to it may be confidential. If you are not the intended recipient, please reply mail to the sender informing them of the error and delete all copies from your computer system, including attachments and your reply email. As the information is confidential you must not disclose, copy or use it in any manner. ** 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] Feedback www.mcguireomaha.com
looks nice, on my dialup connection it loads a bit slow, not to to bad. Maybe the masthead jpeg could be compressed a bit more. ** 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] Left align legend
James Oppenheim wrote: I am currently trying to mark up a form using fieldset and legend. This works fine in Mozilla and Firefox, but the left margin remains in Opera and IE on the PC. Legend is notoriously impossible to consistently style. In recent versions of Firefox the developers even prevented it from being floated. You could try giving the fieldset a position: relative and absolutely positioning the legend... -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** 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] 3 column vetical layout.
hello all, let me discribe the effect that im trying to achieve with css using a table as a metaphor. table width='760' height=100% tr height=120px td../td/tr tr height=auto td../td/tr tr heigth=120pxtd../td/tr /table Im trying this with 4 divs-a header, body and footer and a wrapper. My layout is further complicated by a shadow that surronds all sides of the 3 content divs. here is my feeble attemp. It works better in ie that ff right now. http://www.mcmonagle.biz/final5.htm I took the method for the corners/shadow from TJKDesign but it needs work thanks thanks for any suggestions. -best kvnmcwebn ** 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] 3 column vetical layout.
1. You got a problem with IE5.2 for Mac too, your footer won't display. 2. It seems to me that you got alot of unescesary classes and id's in your stylesheet, in addition you've both got an inline stylesheet and external one, some ID's and classes are defined two times. It would be a good idea for you to clean up the CSS code to make sure that the same thing won't be defined twice. 3. Your styles should go in your head/head area. Not outside. And you need to end your amp with ; so it reads amp; I doubt this will help the 100% height design though, but are issues that needs to be fixed. :) Good luck! I'll see if I can look deeper into this later. -Vincent Hasselgård On 10/15/05, kvnmcwebn [EMAIL PROTECTED] wrote: hello all,let me discribe the effect that im trying to achieve with css using a tableas a metaphor.table width='760' height=100%tr height=120px td../td/trtr height=auto td../td/tr tr heigth=120pxtd../td/tr/tableIm trying this with 4 divs-a header, body and footer and a wrapper.My layout is further complicated by a shadow that surronds all sides of the 3 content divs.here is my feeble attemp. It works better in ie that ff right now.http://www.mcmonagle.biz/final5.htmI took the method for the corners/shadow from TJKDesign but it needs workthanks thanks for any suggestions.-bestkvnmcwebn**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] 3 column vetical layout.
I guess i put the page together hastily just trying to figure out the height challenge. -didnt validate it. Thanks for your help especially with the ampersand delimeter thing - that was showing up on previous versions when i ran it through the validator. I've nearly given up on solving the 100% height problem on my own. I tried converting 3 column stretched width layouts to vertical a vertical format buy no joy. Right now I'm trying another fixed height version but its a big comprimize in the look im going for. Hope to get some good advice here. -kvnmcwebn ** 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] 3 column vetical layout.
please remove my mail for the list !!! - Original Message - From: kvnmcwebn [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Saturday, October 15, 2005 2:15 PM Subject: RE: [WSG] 3 column vetical layout. I guess i put the page together hastily just trying to figure out the height challenge. -didnt validate it. Thanks for your help especially with the ampersand delimeter thing - that was showing up on previous versions when i ran it through the validator. I've nearly given up on solving the 100% height problem on my own. I tried converting 3 column stretched width layouts to vertical a vertical format buy no joy. Right now I'm trying another fixed height version but its a big comprimize in the look im going for. Hope to get some good advice here. -kvnmcwebn ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Requesting Help with shifting pixel bug in IE
I have an IE problem that I was hoping to get some help on. I am currently converting an existing design to CSS from a table based layout. I need to be as standards based as possible as well as providing a high level of accessibility. Other than using way more divs than I'd like, I have pretty much been able to achieve a workable design until I tried to replicate a two column list with underlines and hover effects. Looks fine in Firefox. In IE 6, the list spacing is wrong when the page loads. As you hover over each of the links, it shifts down into its proper position. The problem, I believe, has to do the IE floating pixel problem, but I cannot seem to find a workable solution. Any gurus out there willing to give a CSS newbie a hand? The page in question can be viewed here: http://www.cubscouting.com/photometry2.cfm I have moved all of the CSS to the document page (normally I linked to several CSS pages) except for the navigation. Thanks in advance for your help. ** 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] 3 column vetical layout.
kvnmcwebn wrote: Right now I'm trying another fixed height version but its a big comprimize in the look im going for. Hope to get some good advice here. I wonder how a 'fixed height' should fit different windows/screens, but I guess 'fixed to window' is what you mean. You may pick up some solutions that'll actually work here: http://www.gunlaug.no/tos/moa_8d.html and follow the links to more info through the links on top of the main column. Another test/example: http://www.gunlaug.no/tos/moa_8e.html Add in whatever you like regarding design, as there isn't much you cannot do with it. Good luck. Georg -- http://www.gunlaug.no ** 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 for ie4/ie5
Geoff Pack wrote: Sure. But if you are only testing your own sites, and not surfing the web with them, then it shouldn't be much of a risk. Assuming the site hasn't been hacked, there should be ZERO additional risk beyond just being connected. ** 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 for ie4/ie5
Peter Ottery wrote: fwiw, I forgot about testing in IE4 about 3 years ago. I still like to make things look ok in IE5.0 but if some text is butting up against the edge of a container due to it not supporting some float issue or something, i dont worry about it. Its usually a better story with IE5.5. Unless the site caters to a very unusual crowd, IE4 should be given either unstyled or slightly styled content. IE5.0 might be worth supporting if doing so is trivial, but otherwise treat it like IE4. It's important to draw the line somewhere. Mosaic, for example, doesn't support CSS or tables, and I'm not sure if it even supports forms. ** 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] 3 column vetical layout.
thanks georg that brilliant. i slightly modified some source from the frames with no frames site because it used more block elements than yours. you can check out the basic template that i created if you like http://www.mcmonagle.biz/final9.htm I should have asked sooner. -best kvnmcwebn ** 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] faux columns for fixed AND percentage width
Nick Cowie wrote: I wrote: I will see if I can pump out a working example to my blog in the next day or so. Why should I when there is an version at Position is Everything http://www.positioniseverything.net/articles/sidepages/jello-piefecta-cleanhtml It does everything you need and my example does need a little tidying up or more to work in all browsers Yippie! Just the thing I was looking for. If we weren't approx. 10 thousand miles apart, I could just kiss you now :) Even though I knew the Jello Mold before, I wasn't fully aware of its magnificence. Thanks for the help, Titanilla
