HighDots Forums  

How to verticllay align text in a div-box?

alt.html alt.html


Discuss How to verticllay align text in a div-box? in the alt.html forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
metalive
 
Posts: n/a

Default How to verticllay align text in a div-box? - 07-17-2005 , 12:23 PM






Hello!

I want to create a footer as a narrow line at the bottom of the screen
and am therefore using a div-box formatted with "height:25px;".

The line of text in it though, is aligned at the top the the footerbox,
and I've tried to get it vertically middled using
"vertical-align:middle;" on the the div-box, which didn't work. The next
thing I tried was to wrap the line of text into a <span> and then
applied the "vertical-align:middle;" on that, but neither did that work.

Can someone tell me the solution please?
THX
Nick

Reply With Quote
  #2  
Old   
Spartanicus
 
Posts: n/a

Default Re: How to verticllay align text in a div-box? - 07-17-2005 , 12:38 PM






metalive <abfallpresse (AT) NOJUNKgmx (DOT) de> wrote:

Quote:
I want to create a footer as a narrow line at the bottom of the screen
and am therefore using a div-box formatted with "height:25px;".

The line of text in it though, is aligned at the top the the footerbox,
and I've tried to get it vertically middled using
"vertical-align:middle;" on the the div-box, which didn't work. The next
thing I tried was to wrap the line of text into a <span> and then
applied the "vertical-align:middle;" on that, but neither did that work.

Can someone tell me the solution please?
Specify a top and bottom padding on the footer box.

--
Spartanicus


Reply With Quote
  #3  
Old   
Neredbojias
 
Posts: n/a

Default Re: How to verticllay align text in a div-box? - 07-18-2005 , 11:44 AM



With neither quill nor qualm, metalive quothed

Quote:
Hello!

I want to create a footer as a narrow line at the bottom of the screen
and am therefore using a div-box formatted with "height:25px;".

The line of text in it though, is aligned at the top the the footerbox,
and I've tried to get it vertically middled using
"vertical-align:middle;" on the the div-box, which didn't work. The next
thing I tried was to wrap the line of text into a <span> and then
applied the "vertical-align:middle;" on that, but neither did that work.
Vertical-align must have some other text to relate to. For what you
want, my advice is to use a table.

--
Neredbojias
Contrary to popular belief, it is believable.


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.