RE: [WSG] Aligning a menu to the bottom of a div
Yes thats correct.
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 bottom of a div
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 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 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 PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
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 originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Barry Wardrop
redRoute Creative
t: +44 01502506832
w: www.redroutecreative.co.uk
e: [EMAIL PROTECTED]
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Barry Wardrop
redRoute Creative
t: +44 01502506832
w: www.redroutecreative.co.uk
e: [EMAIL PROTECTED]
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Aligning a menu to the bottom of a div
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 PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
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 originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Aligning a menu to the bottom of a div
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 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 PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
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 originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Aligning a menu to the bottom of a div
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: 100%;
margin: 0;
padding: 0;
text-align: right;
background: #900;
}
#header ul li {
display: inline;
background: #5D2;
}
Position relative on the header will make it the container for the
absolutely positioned list.
Bruce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Aligning a menu to the bottom of a div
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 will resize very nicely. I haven't
managed to work out a pixel to ems calculator although I know there are some
sites out there with some really useful guides. I'm still slaved to
Dreamweaver so I design the work and ems by sight until it looks right, then
I test it against the browsers, not an exact science sadly. I'll see if I
can dig up the reference sites I've used in the past.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 23:46
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Aligning a menu to the bottom of a div
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 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 PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
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 originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Aligning a menu to the bottom of a div
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 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 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 PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
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 originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Barry Wardrop
redRoute Creative
t: +44 01502506832
w: www.redroutecreative.co.uk
e: [EMAIL PROTECTED]
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Aligning a menu to the bottom of a div
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 bottom of a div
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 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 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 PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
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 originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Barry Wardrop
redRoute Creative
t: +44 01502506832
w: www.redroutecreative.co.uk
e: [EMAIL PROTECTED]
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
