Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

kitki83

macrumors 6502a
Original poster
Mar 31, 2004
804
0
Los Angeles
I am making a CSS website, I want to be able to organize images and body of copy to be side to side but currently its top(image) and bottom(text) layout. I wanted to know how can I make them align side by side.

Thank you

ps. Can it be with floats?
 
Without seeing any code I'd say floats would be an option. If you can provide the code people might be able to give further advice.
 
PHP:
<div>
<ul class="hoverbox" style="margin: -1em 0 -2.8em 0;"><li>
      <a href="#"  style="color:#333333; display: inherit; font-size: 
1.5em;"><img src="../images/imagelogo.jpg" alt="Image"   /><img 
src="../images/image.jpg" alt="image" class="preview" /></a></li>
     </ul>

<p><em>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
 per inceptos hymenaeos. Quisque mattis tempus massa. Sed varius. Quisque
 eu turpis. Duis luctus est sit amet purus. Praesent sem libero, convallis ut,
 suscipit et, molestie eu, nulla. Nunc placerat gravida felis. Nunc</p>
</div>

Hope this makes it clear if the image here how it looks like, blurred personal information but you can tell how the images are above the its description text
The image is CSS hover over deal, in case anyone wanted to know.

Picture2-1.jpg


Thank you,
RM


ps. I got it to work, it was a typo on <br /> and copying and pasting it that caused the alignment issues
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.