Link to home
Start Free TrialLog in
Avatar of Richard Korts
Richard KortsFlag for United States of America

asked on

CSS Spacing & alignment

See attached html & CSS.

I am trying to get the image img src="images/metro50_2014_winners_plaque.jpg"> to appear next to the text "Oklahoma's Leading Wholesale ...." and at the top.

I don't want to screw up any of the existing CSS.

How can I do this?

See how it functions now at http://davispipe.com/default1.html

Thanks.
default1.html
style.css
Avatar of Tom Beck
Tom Beck
Flag of United States of America image

Move the container for the image so it's the first item under <div class="feature_widgets">

Then on style.css line 304 change the width of this as shown:
#main .container .feature_widgets .widget_rt_rt {
    float: right;
    margin-left: 25px;
    width: 155px;
}

Adjust as necessary.

Then on styles.css line 299 change this item to float:left

#main .container .feature_widgets .widget_rt {
    float: left;
    margin-left: 25px;
    width: 150px;
}
Avatar of Richard Korts

ASKER

I think we might be looking at two different places. I am looking near the bottom at :

<div class="feature_widgets">
                          <div class="widgetn widget_text">
                            <div class="textwidget">
                              <h3>Oklahoma's leading wholesale distributor conveniently located in <strong>edmond</strong> and <strong>norman</strong>.</h3>
                            </div>
            </div>
This does not appear as Flash to me.

Thanks
Sorry, our posts crossed. I figured out what you meant and changed my post.
To Tom Beck,

I did as you said EXCEPT I made special versions of the css that I included in the effected page only; I don't know what other pages might be effected by changing the global css.

See http://davispipe.com/default1.html

I want the image to be to the right of the text "Oklahoma's leading wholesale distributor conveniently located in ..." and for that text to be top aligned.

Thanks
ASKER CERTIFIED SOLUTION
Avatar of Tom Beck
Tom Beck
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I did something wrong; it now stacks the WHOLE footer vertically in one column on the left.

http://davispipe.com/default1.html
The markup is missing a </div> or the nesting is wrong. Hang on I'll try to find it.
I think you removed the parent container for the widgets. I don't see it in the source.

Add this just inside <div class="container" id="homekey">

<div class="feature_widgets">