imgae alignment problem

[Blelisa]

Hi:
I am trying to get my text along side my image to align up along the middle of the image.
I have put align:absmiddle; in my css in the class for my image but it is not working. Any thoughts?

[sebbothebutcher]

if i understand you correctly, you want it to look like this:

imageimage
imageimage text
imageimage

or am i wrong?

[Blelisa]

Yup, thats exactly what I am trying to do :)

[Bonusbana]

Hi

There is no "align" attribute in CSS1 or CSS2, so that won't work. Please post some of your CSS and HTML (but only the relevant part) and I will try to help you. Please note that personal URLs is not allowed in webmasterworld.

[Blelisa]

CSS:
img.contact {border: 0px;
width: 32px;
height: 32px;
align: absmiddle;}
a.two:link {text-decoration: none;
color:#0000FF;}
a.two:visited {text-decoration: none;
color:#0000FF;}
a.two:active {text-decoration: none;
color:#0000FF;}

a.contact:link {text-decoration: none;
color:#000080;}
font-size: -1em;
font-weight: bold;}

a.contact:visited {text-decoration: none;
color:#000080;}
font-size: -1em;
font-weight: bold;}
a.contact:active {text-decoration: none;
color:#000080;
font-size: -1em;
font-weight: bold;}
XHTML:
<a class="two" href="broadbandcontact.htm"><img class="contact" src="Telephone-5.gif" alt="Contact us for More Information regarding Broadband"></a>
<a class="contact" href="broadbandcontact.htm">Click Here to contact us for more information regarding broadband service</a>
<br />

Thanks for your help!

[pageoneresults]

Here are the values for the

vertical-align:

property...

baseline
bottom
middle
sub
super
top
text-bottom
text-top
length %

There is no

absmiddle

value.

Here is an index of CSS2 properties...

Appendix F. Property index [w3.org]

[sebbothebutcher]

you could also create a table with one row and two columns and put the image in the left column and the text in the right column, using vertical and horziontal middle!
an example:

<table width="100">
<tr>
<td><img src="image.jpg"></td>
<td align="center" valign="middle">text</td>
</tr>
</table>