Re: [WSG] CSS height/padding
haha - aren't we superior?? Stuart Foulstone wrote: Hi, I'd hardly call the correct use of line-height a "trick". Stuart On Thu, August 2, 2007 2:11 am, E Michael Brandt wrote: You're very welcome. There are a bewildering array of tricks with CSS. -- E. Michael Brandt www.divaHTML.com divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo PictureWindow JustSo PhotoAlbum -- Christian Fagan wrote: Thankyou for responses... Thanks Michael, this is what I was after E Michael Brandt wrote: If I understand what you are asking, try using line-height instead of what you are doing now. That will keep the text centered vertically in the element. *** 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] *** -- Christian Fagan Fagan Design fagandesign.com.au [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS height/padding
Hi, I'd hardly call the correct use of line-height a "trick". Stuart On Thu, August 2, 2007 2:11 am, E Michael Brandt wrote: > You're very welcome. There are a bewildering array of tricks with CSS. > > -- > > E. Michael Brandt > > www.divaHTML.com > divaGPS : you-are-here menu highlighting > divaFAQ : FAQ pages with pizazz > > www.valleywebdesigns.com > JustSo PictureWindow > JustSo PhotoAlbum > > -- > > Christian Fagan wrote: >> Thankyou for responses... >> >> Thanks Michael, this is what I was after >> >> E Michael Brandt wrote: >>> If I understand what you are asking, try using line-height instead of >>> what you are doing now. That will keep the text centered vertically >>> in the element. >>> >> > > > > *** > 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] CSS height/padding
You're very welcome. There are a bewildering array of tricks with CSS. -- E. Michael Brandt www.divaHTML.com divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo PictureWindow JustSo PhotoAlbum -- Christian Fagan wrote: Thankyou for responses... Thanks Michael, this is what I was after E Michael Brandt wrote: If I understand what you are asking, try using line-height instead of what you are doing now. That will keep the text centered vertically in the element. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS height/padding
Thankyou for responses... Thanks Michael, this is what I was after E Michael Brandt wrote: If I understand what you are asking, try using line-height instead of what you are doing now. That will keep the text centered vertically in the element. -- Christian Fagan Fagan Design fagandesign.com.au [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS height/padding
If I understand what you are asking, try using line-height instead of what you are doing now. That will keep the text centered vertically in the element. -- E. Michael Brandt www.divaHTML.com divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo PictureWindow JustSo PhotoAlbum -- Christian Fagan wrote: Hi all, I have previously tried to create a horizontal page navigation with a fixed height but there seems to be two distinct problems with the two methods that I have used to date. 1) The first method employs top and bottom padding on elements to vertically centre the text within the anchor box. This method works fine, until the text is re-sized. 2) The second method involves declaring a height for the element but then the text is top aligned vertically (looks ugly). I have also tried declaring top padding combined with a height value to lessen the text resize issue but I would like to hear from anyone who knows a way to align text vertically, as well as assign a set height to elements (particularly elements in a horizontal nav structure). Thanks. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS height/padding
On 2007/08/01 09:08 (GMT-0400) Tom Livingston apparently typed: > On 8/1/07, Daniel Kendrick <[EMAIL PROTECTED]> wrote: >> Christian its not bad. There are MANY pixel to em calcs online to google it. >> :) > I use this religiously (well, ya know...): > http://riddle.pl/emcalc/ Output fields too narrow to hold their content when browser default > 16px. -- " It is impossible to rightly govern the world without God and the Bible."George Washington Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS height/padding
On 8/1/07, Daniel Kendrick <[EMAIL PROTECTED]> wrote: > I agree Al. > > Christian its not bad. There are MANY pixel to em calcs online to google it. > :) > > --DK I use this religiously (well, ya know...): http://riddle.pl/emcalc/ -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS height/padding
I agree Al. Christian its not bad. There are MANY pixel to em calcs online to google it. :) --DK On 8/1/07, al morris <[EMAIL PROTECTED]> wrote: > > Hi Christian, > > Use option 1 with em units instead of pixels for your top and bottom > padding. The padding will increase as the text resizes. > > Al > > On 8/1/07, Christian Fagan <[EMAIL PROTECTED]> wrote: > > > > Hi all, > > > > I have previously tried to create a horizontal page navigation with a > > fixed height but there seems to be two distinct problems with the two > > methods that I have used to date. > > > > 1) The first method employs top and bottom padding on elements to > > vertically centre the text within the anchor box. This method works > > fine, until the text is re-sized. > > 2) The second method involves declaring a height for the element but > > then the text is top aligned vertically (looks ugly). > > > > I have also tried declaring top padding combined with a height value to > > lessen the text resize issue but I would like to hear from anyone who > > knows a way to align text vertically, as well as assign a set height to > > elements (particularly elements in a horizontal nav structure). > > > > Thanks. > > > > -- > > Christian Fagan > > Fagan Design > > > > fagandesign.com.au > > [EMAIL PROTECTED] > > > > > > > > > > *** > > 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] > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS height/padding
Hi Christian, Use option 1 with em units instead of pixels for your top and bottom padding. The padding will increase as the text resizes. Al On 8/1/07, Christian Fagan <[EMAIL PROTECTED]> wrote: > > Hi all, > > I have previously tried to create a horizontal page navigation with a > fixed height but there seems to be two distinct problems with the two > methods that I have used to date. > > 1) The first method employs top and bottom padding on elements to > vertically centre the text within the anchor box. This method works > fine, until the text is re-sized. > 2) The second method involves declaring a height for the element but > then the text is top aligned vertically (looks ugly). > > I have also tried declaring top padding combined with a height value to > lessen the text resize issue but I would like to hear from anyone who > knows a way to align text vertically, as well as assign a set height to > elements (particularly elements in a horizontal nav structure). > > Thanks. > > -- > Christian Fagan > Fagan Design > > fagandesign.com.au > [EMAIL PROTECTED] > > > > > *** > 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] CSS height/padding
Hi all, I have previously tried to create a horizontal page navigation with a fixed height but there seems to be two distinct problems with the two methods that I have used to date. 1) The first method employs top and bottom padding on elements to vertically centre the text within the anchor box. This method works fine, until the text is re-sized. 2) The second method involves declaring a height for the element but then the text is top aligned vertically (looks ugly). I have also tried declaring top padding combined with a height value to lessen the text resize issue but I would like to hear from anyone who knows a way to align text vertically, as well as assign a set height to elements (particularly elements in a horizontal nav structure). Thanks. -- Christian Fagan Fagan Design fagandesign.com.au [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
