sreejith_y
asked on
Image in Vertical Direction
Dears,
I want to disply an image in vertical direction within a table cell.
What I have to do for that? I have tried valign but it was not successful.
Thanks in Advance.
I want to disply an image in vertical direction within a table cell.
What I have to do for that? I have tried valign but it was not successful.
Thanks in Advance.
You can't rotate an image using HTML alone. You'll need to rotate the image 90 degrees (either clockwise or counter clockwise) and then place it within the table cell to display it vertically. There are ways to programattically rotate the image, but you'll need server side coding to do that.
Regards,
Max.
Regards,
Max.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
That will not rotate the image 90 degrees apuryabevin..
Regards,
Max.
Regards,
Max.
You can rotate text if you use some CSS, but I think this only works in IE. And I've never tried it with an image. I doubt it will work on an image.
The only way to rotate images is using some fancy objects that can manipulate images..
We have build one into an editor recently. We could crop images, rotate images, resize images...the works. It takes a component to do it...you'll be hardpressed to do it in plain HTML...it's downright impossible...
Regards,
Max.
We have build one into an editor recently. We could crop images, rotate images, resize images...the works. It takes a component to do it...you'll be hardpressed to do it in plain HTML...it's downright impossible...
Regards,
Max.
<html>
<head>
<title>Rotated image</title>
</head>
<body>
<div style="writing-mode:tb-rl; dir:ltr;">
<img src="https://www.experts-exchange.com/images/10Years.gif" />
Some text
</div>
</body>
</html>
This is what I found. Only TEXT can be adjusted to look like it is rotated but this only works in IE. Images are NOT rotated.
<head>
<title>Rotated image</title>
</head>
<body>
<div style="writing-mode:tb-rl;
<img src="https://www.experts-exchange.com/images/10Years.gif" />
Some text
</div>
</body>
</html>
This is what I found. Only TEXT can be adjusted to look like it is rotated but this only works in IE. Images are NOT rotated.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
But if you ARE only developing for IE, then you CAN use the above methods to rotate images.
http://www.blooberry.com/indexdot/css/properties/intl/writingmode.htm for text
and
http://msdn.microsoft.com/workshop/author/filter/reference/properties/rotation.asp for images
http://www.blooberry.com/indexdot/css/properties/intl/writingmode.htm for text
and
http://msdn.microsoft.com/workshop/author/filter/reference/properties/rotation.asp for images
I think sreejith_y is asking for a way to achieve vertical alignment and NOT rotate the image. He mentions "valign" which he may have used incorrectly... for example, "center" instead of "middle".
Could be...but sreejith_y DOES state that the image should be displayed in vertical direction...which would indicate...rotated 90 degrees.. ;)
Is this question answered? It's been over 2 months since the last response.
Regards,
Max.
Regards,
Max.
Do you mean you want to rotate the image? Or have the image span several rows? Or both?
Regards,
Richard Quadling.