|
Posted by Jonathan N. Little on February 15, 2008, 6:22 pm
Please log in for more thread options maya wrote:
> Jonathan N. Little wrote:
>> maya wrote:
>>>
>>> I have an image and right next to the image I have some text, all
>>> w/in the same <td>.. but, even though I have valign="top" for the
>>> <td>, the text does not appear on top of the <td>, it appears flush
>>> with the BOTTOM of the image..
>>>
>>> pls see http://www.mayacove.com/misc/table/table.html
>>>
>>> not sure how to solve this, "text-align:top" does not exist in css....;)
>>>
>>
>> True because the property is called "vertical-align"
>>
>> td { vertical-align: top; }
>> or
>> td { vertical-align: text-top; }
>>
>> http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
>>
>>
>>
>
> thank you very much.. unfortunately neither one of these worked..
> http://www.mayacove.com/misc/table/table.html
>
> the only way text is where I want it is by eliminating the image.. (I
> guess I need to do separate <td> for img and text, but I was trying to
> avoid that..)
>
> and yes, of course in the "real" site I will put all necessary
> properties in img-tag (dimensions, border="0", fill in alt="", etc..
> this at work, so of course will do these things..;) but for test-images
> I relax a bit..;)
> (this is all just "placeholders", as content will be inserted
> dynamically thru a CMS..)
Firstly your page is *not* xhtml and it full of deprecated html
attributes, i.e., border="0" stuff... Dump it all and use html 4.01 strict
then add this to your stylesheet and see what happens, eh?
td, td img { vertical-align: top; }
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
| 
XML Sitemap