Sent by [EMAIL-REMOVED] on 5 August 2002 23:11
Hi there, I have not been able to find any documentation on the use of
float:right and vertical align together & I was wondering if someone could
point me in the right direction. Sorry this is such a basic question - I
have been looking everywhere...
What I want to do is have an image and some text in the same line with the
image floated to the right. When I do this, the default is for the image to
be lower than the text - whereas I want the text to sit aligned with the
bottom of the image. It seems that when float is applied to the image the
vertical-align property is disregarded.
<STYLE>
a:link {font-family:Arial, sans-serif; font-size:12pt; color: #8C39B9;
text-decoration:none;}
a:visited {font-family:Arial, sans-serif; font-size:12pt; color:#8C39B9;
text-decoration:none;}
a:hover {font-family:Arial, sans-serif; font-size:12pt; color:#FFCC00;
text-decoration:none;}
.linkbox {font-family:Arial, sans-serif; font-size:12pt; color:#FFCC00;
margin:5pt 5pt 0pt 5pt; text-align:right;}
.logo {vertical-align:baseline; float:right;}
.linktext {vertical-align:baseline}
</STYLE>
<div class="linkbox">
<img class="logo" src="***.gif"/></div>
<div class="linktext"><a href="***">Link1</a>
|
<a href="***">Link2</a>
|
<a href="***">Link3</a>
|
<a href="***">Link4</a>
|
<a href="***">Link5</a>
</div>
</div>
TIA
Lea
