asked on

Create and align image box with logos on home page

I work for a company that wanted me to add some logos to their website. Here's the corrent site:
www.globalsourcingintl.com
Here's what they want done:
www.novanetsolutions.com/GSI.jpg
I'm having trouble getting the box created that will fit exactly like that so the images can go in it. When I create the box it doesn't align exactly along the side of the web page. I created the box in my main screen.css file. Here's the code

.logos {
float: right;
width: 200px;
margin-right: -225px;
margin-top: -205px;
}

I'm not much of a web site designer so I've been adjusting the margins manually and refreshing the page to get it aligned but it never aligns exact and it shows up different in firefox than it does in IE. Thanks in advance.

Mark Steggles

Hello,

IE6 'Double margin on float bug'

Fix by adding display:inline to #searchform

Thanks

bbrunning

ASKER

I'm using IE7, and it actually looks worse in Firefox than in IE so I don't believe that's the problem.

Thanks

bbrunning

ASKER

Oh I read that wrong. I understand what you mean now. I'll give it a try.

Thanks

Mark Steggles

Your talking about the orange box on the right, correct?

Mark Steggles

Where are the logos... I dont see them at all

bbrunning

ASKER

No, the Orange box is floating properly. I want to make a new box (or add the logos in the jpg) under the orange box.

bbrunning

ASKER

I haven't added the logos back in or the box due to problems. Refer to my link to the jpg for an example of what it needs to look like.
www.novanetsolutions.com/GSI.jpg

Mark Steggles

First of all:

add logos div underneath div#searchform

<div id="searchform"></div>
<div class="logos"></div>

.logos {
background:;
float:right;
margin:0px 10px 10px 0;
width:215px
}

bbrunning

ASKER

I made adjustments to .logos as you said and edited my searchform.php adding div class logos but it puts it in the center of the page instead of underneath it.
I added 2 periods, you'll notice them in the center top of the page below the header.

bbrunning

ASKER

Another note I should probably add. This website is designed with Ruby on Rails. I'm editing the individual pages through the admin control panel and I'm editing the css files and php files through ssl.

bbrunning

ASKER

I worked with the sizing and got it aligned under the search box but there is a slight problem. I think the owner only wanted those logos to show up on the home page only. When added to searchform.php it adds whatever I do to the entire set of pages. I'm going to speak with him tomorrow and see if that's okay but if not, do you know how to do that?

Mark Steggles

Can you work out how its done by seeing how its done on this page http://www.globalsourcingintl.com/about_us/... that has content in the right column

ASKER CERTIFIED SOLUTION

Mark Steggles

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

bbrunning

ASKER

I changed the code a bit that you gave me and it matches up properly under the searchbox, but I need to know if there is a way to hide the logos box on every page but the home (about_us) page. check out the site and you'll see why I need to hide it on some of the other pages:
www.globalsourcingintl.com

.logos {
background:;
float:right;
margin:0px 10px 10px 0;
width:215px;
margin-right: 0px;
margin-top: 65px;

SOLUTION

Mark Steggles

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

bbrunning

ASKER

Thanks for all the help!