Public Forums 71,145 posts

[kevinag Friend kevinagJoin date: May 2009Posts: 57Downloads:0Uploads:11 Thanks: 14 Thanked: 1 times in 1 posts]

#141780

So I added a second banner to the Banner position at the top of my website: http://www.cwstaging.com. The first banner is where I want it (Top Left of page) but the second banner falls below that one, instead of to the right of it like I would prefer. In my Opal template file I have the following code at around line 1689:

/*others*/
#ja-banner {
float:left;
margin:-160px 5px;
overflow:hidden;
padding:0;
text-align:center;
}

* html #ja-banner {
margin:0;
}

Please visit cwstaging.com to see what I’m talking about. I’m also attaching an image to illustrate what I’m trying to accomplish. Template is JA Opal.

Any advice or ideas would be greatly appreciated.

Thanks,
Kevin

---

Attachments:

1. 

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#307329

If your 2nd banner won’t fit to the right of the 1st one then it will ‘wrap’ to the next line the same way that text will. You need to make each banner small enough that they will fit side by side or extend the width of your template. 1st option is best.

1 user says Thank You to scotty for this useful post

1. kevinag

[kevinag Friend kevinagJoin date: May 2009Posts: 57Downloads:0Uploads:11 Thanks: 14 Thanked: 1 times in 1 posts]

#307331

Scotty, thanks for the response. I was afraid that might be the problem. Is there no way I can make the space for the banners extend 10 or 15 pixels beyond the width of the template?

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#307333

/*others*/
#ja-banner {
float:left;
margin:-160px 5px;
overflow:hidden;
padding:0;
text-align:center;
}

* html #ja-banner {
margin:0;
}

-160px ? Where did that come from?

You could use the position: attribute. Live url would help.

[kevinag Friend kevinagJoin date: May 2009Posts: 57Downloads:0Uploads:11 Thanks: 14 Thanked: 1 times in 1 posts]

#307334

Looking at it more closely, I’m not sure that is the issue. I just put a smaller image in it’s place and it still drops below the banner.

[kevinag Friend kevinagJoin date: May 2009Posts: 57Downloads:0Uploads:11 Thanks: 14 Thanked: 1 times in 1 posts]

#307335

Someone last week told me I would need to move the first banner -160 because it is set to the right side in the template – JA Opal. cwstaging.com is the url.

[kevinag Friend kevinagJoin date: May 2009Posts: 57Downloads:0Uploads:11 Thanks: 14 Thanked: 1 times in 1 posts]

#307337

Without -160px, the logo ends up above the banner.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#307338

Open template.css and on line 923 find…

div.advs {
clear:both;
display:block;
float:left;
width:100%;
}

and change to…

div.advs {
display:inline;
float:left;
}


1 user says Thank You to scotty for this useful post

1. kevinag

[kevinag Friend kevinagJoin date: May 2009Posts: 57Downloads:0Uploads:11 Thanks: 14 Thanked: 1 times in 1 posts]

#307350

Scotty, I’m definitely impressed with your skills. That did what I’ve been trying to figure out for days now.

I think I’m going to have to figure out how to make a new module position though to keep the two ads separate and aligned at the same time.

Thanks again.

[Author]

Posts