?
Solved

Floating wacked out

Posted on 2011-10-10
3
Medium Priority
?
264 Views
Last Modified: 2012-08-14
Why can't I float an image to the right of its related copy?  Below is a link to a page that I have been trying to get the Cuisine by Design logo to float in.  It keeps bumping down the next paragraph

http://sauw.org/index2.html
http://sauw.org/unitedwayfinal_bk2.css 
img.floatright_pic {
	float:right;
	margin:0px;
	padding:0px;}

Open in new window

0
Comment
Question by:nsitedesigns
3 Comments
 
LVL 34

Expert Comment

by:Paul MacDonald
ID: 36942477
Does the paragraph float left?
0
 

Author Comment

by:nsitedesigns
ID: 36942494
no.

p {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #00529A;
      margin:0px 45px 0px 260px;
      line-height:1.4em;
      
}
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 2000 total points
ID: 36942520
The main issue you have is that you have nothing containing each section. Everything is just kind of falling where it wants. For each section I would personally construct it like this:
 
<div class="storyContainer">
<h2>Cuisine by Design - November 10</h2>
<img class="floatright_pic" width="200" height="123" alt="Cuisine by Design" src="img/logo_cuisine.jpg" align="right">
<p>
</div>

Open in new window


This will give you more control over the constraints of each section uniformly, whether it has an image or not.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
The viewer will learn how to count occurrences of each item in an array.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month14 days, 1 hour left to enroll

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question