Css text & background positioning in one statement ?

Question

When I use the code below the text is not centered
vertically, but is more toward the top.
Can I move the text down without using 2 selectors? One for
the box and another for the text ?
thanks

Answer 1

OK - let's try again.
<style type="text/css">
#info {
position:absolute;
top:50px;
left:0px;
width: 1024px;
height: 25px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
color: #FFFFFF;
background:#990000;
</style>
If you are not using a background image so that the
'background' shorthand
style contains information about the image and its position,
you would be
better off using 'background-color'. Using 'background', as
you have, will
reset all the other values implicit in that 'background'
style to their
default values, which may unexpectedly change the expression
of other rules.
To make the text appear vertically centered in the container,
modify the
rule -
<style type="text/css">
#info {
position:absolute;
top:50px;
left:0px;
width: 1024px;
height: 25px;
line-height:25px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
color: #FFFFFF;
background:#990000;
</style>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"jerr3d" <[email protected]> wrote in
message
news:gf2hsc$o25$[email protected]..
> thanks, but unless I missed something that did not
really answer my
> question