PDA

View Full Version : Can't Align Image with Text


Griser12
12-25-2008, 12:30 AM
Hello,

I'm trying to align a left image with text on the right. I've tried the "Align" feature on the properties panel and also CSS Rule Definition window's box, but nothing seems to work.

I've changed different values dozens of times and there are no changes whatsoever on the design window or browser. Something seems to be blocking the settings.

Any suggestions?

Thanks,

Ricky55
12-25-2008, 12:58 AM
you need to create CSS rules and then apply the rules to your HTML elements. How are you trying to align them, could you provide an image example so I can show you some code of how to do it.

domedia
12-25-2008, 12:37 PM
The basics of what you are trying to achieve is pretty easy:
<img style="float: left;">Text

Griser12
12-25-2008, 01:04 PM
This is my current code:

<img src="../images/5-stars.gif" alt="budget program " width="84" height="20" />

Don't I need this data, particularly the alt tag?

Do I delete this code and place the one you gave me? or

Do I make this changes on the CSS Rule box?

I just need to raise the Stars image or lower the "Product Rating" text so they're both aligned horizontally.

Thanks,

coloeagle
12-26-2008, 05:17 PM
No, you have to still have the image call source. What domedia is saying is that you need to add the styling telling the image to float to the left.
<img src="../images/5-stars.gif" style="float:left;" alt="budget program " width="84" height="20" /> The text will then be to the right.

Griser12
12-26-2008, 08:21 PM
Thank you guys for your feedback!