[WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Michael Horowitz
I have a horizontal menu in my header div and I would like it to be aligned at the bottom of my div instead of the top. I've used vertical-align: bottom but that isn't working #header ul li{ float:right; font-size:10px; height: 80px; vertical-align: bottom; } A 2nd question

RE: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Essential eBiz Solutions Ltd
Hi Micheal, if you change the containing DIV to a em based height then adding a em value to the margin-top selector in your css would ensure it stays at the bottom even if the page is resized. Nice easy solution and makes it accessible in all browsers then. -Original Message- From: [EMAIL

Re: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Michael Horowitz
If I wanted to replace my pixels with em's what would I do? I've seen some discussion of them but aren't an expert. I did a fix with margin that did work Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Essential eBiz Solutions Ltd wrote: Hi

[WSG] Why css settings a background image in the body tag wouldn't work

2008-07-29 Thread Michael Horowitz
I have set a background image in my body tag body { font-family: Verdana, Arial, Helvetica, sans-serif; background-image:url(../images/background.jpg) font-size:10px; } I am finding I am having to put this info instead in my div's Im sure it is some silly problem Thanks -- Michael

Re: [WSG] Why css settings a background image in the body tag wouldn't work

2008-07-29 Thread Gonzalo González Mora
On Tue, Jul 29, 2008 at 7:48 PM, Michael Horowitz [EMAIL PROTECTED] wrote: I have set a background image in my body tag body { font-family: Verdana, Arial, Helvetica, sans-serif; background-image:url(../images/background.jpg) font-size:10px; } I am finding I am having to put this

Re: [WSG] Why css settings a background image in the body tag wouldn't work

2008-07-29 Thread Matthew Holloway
On Wed, Jul 30, 2008 at 10:48 AM, Michael Horowitz [EMAIL PROTECTED] wrote: I am finding I am having to put this info instead in my div's Im sure it is some silly problem Could you post some HTML/CSS? If it's a silly problem then it's probably syntax, or that relative paths are different from

Re: [WSG] Why css settings a background image in the body tag wouldn't work plus 2nd issue of space between divs

2008-07-29 Thread Michael Horowitz
Sure happy to give you my current css. Add in a 2nd problem I use margin-top in #header ul li to move my header to the bottom of the header div. But when I do that it puts blank space between the #header and the #mainNav and #content below it. Should I be wrapping those two div in another di

Re: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Bruce Martin
Michael Horowitz wrote: I have a horizontal menu in my header div and I would like it to be aligned at the bottom of my div instead of the top. Try this #header { position: relative; height: 5em; background: #CCC; } #header ul { position: absolute; bottom: 0; left: 0; width:

Re: [WSG] Why css settings a background image in the body tag wouldn't work

2008-07-29 Thread Michael Horowitz
Just rechecked was missing a ; at the end of the backround image css ie background-image:url(../images/background.jpg) instead of background-image:url(../images/background.jpg); Strange it worked in the divs I would have thought it would break everywhere. ..Now if I can just find

Re: [WSG] Why css settings a background image in the body tag wouldn't work plus 2nd issue of space between divs

2008-07-29 Thread Matthew Holloway
On Wed, Jul 30, 2008 at 11:29 AM, Michael Horowitz [EMAIL PROTECTED] wrote: Sure happy to give you my current css. Missing semi-colon at the end of the line? .Matthew Holloway http://holloway.co.nz/ *** List Guidelines:

RE: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Essential eBiz Solutions Ltd
I'm not expert either but to make an expandable/retractable design using em's instead of pixel will make each element resize in relation to each other. i.e. #header ul li{ float:right; font-size:1ems; height: 6ems; margin-top: 0.5ems; } If you use that kind of method then it

Re: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Barry
Hi, if you want to replace pixels with ems the easiest and quickest way is to use the em calculator, you can find it here http://riddle.pl/emcalc/ if you are not already aware of it. Hope this helps If I wanted to replace my pixels with em's what would I do? I've seen some discussion of them

Re: [WSG] Removing space from division between header and content wasWhy css settings a background image in the body tag wouldn't work

2008-07-29 Thread Michael Horowitz
I made some changes that I think resolved the problem (at least in Dreamweaver) #header ul li{ float:right; font-size:10px; margin-top: 50px; padding-bottom:10px; } Now here is my question someone mentioned starting to use em instead of pixels for all of this. How does this work?

RE: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Essential eBiz Solutions Ltd
That's a great resource, I image the node would be any div or relative item contained within the div. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Barry Sent: 30 July 2008 00:41 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Aligning a menu to the

[WSG] Firefox 3 and fieldset elements

2008-07-29 Thread Adam Cooper
Hi all, Just wondering if anyone can shed some light on this - I have a relatively positioned element with a nav element inside this. * The relatively positioned element has a 4em top margin and 40px top padding. * The nav element is positioned absolutely (top 0; right 25px) with a

RE: [WSG] Firefox 3 and fieldset elements

2008-07-29 Thread Essential eBiz Solutions Ltd
I would generally avoid a fieldset for navigation item's. If you can accomplish the effect you want with div's then use your div's. The main time a fieldset is used is to hold form element's. This is from the W3C site http://www.w3.org/TR/WCAG10-HTML-TECHS/ The following HTML 4.01 mechanisms

[WSG] Out of Office AutoReply: WSG Digest

2008-07-29 Thread Ben Le Jeune
Thanks for your email. I'm out of the office at the AMA conference from Tuesday 29 - Thursday 31 July without access to my mailbox. If your enquiry is urgent please contact the main office: [EMAIL PROTECTED], tel: 0161 234 295 or call my mobile 07721 895 569. _

[WSG] Re: WSG Digest

2008-07-29 Thread cpitts
I am out of the office until August 4th and will not be able to access email regularly until my return. If this is urgent, please call me at 617 515 7579. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm