Code for the new advert

Wow - thanks a ton slacker!

AR, no probs. Eventually might want to change it to class or ID definitions instead of having CSS in-line with the HTML, but for now it's just a quick and dirty fix :) Glad that it checks out so far...

 
Last edited by a moderator:
Quick update: encountered a problem. In rumorville, the forum title is so dang long that it pushes the secondary navigation bar ("Husker Watchsites, 2009 Schedule, etc") down a line and messes up the centering of the advertisement pretty badly (link to screenshot).

Amendment to the style definition:

Code: 
<div style="text-align: center; padding-top: 5px; clear: both;">
I'm not sure the PADDING-TOP is even necessary with CLEAR in there. CLEAR stops floating elements (such as the secondary nav bar) from being on either side of the advertisement, which I suspect is what was causing the centering issue in the first place. Not that the extra 5px of space will cause huge problems, but I think it's unnecessary now.

 
Last edited by a moderator:
zoogies said:
Quick update: encountered a problem. In rumorville, the forum title is so dang long that it pushes the secondary navigation bar ("Husker Watchsites, 2009 Schedule, etc") down a line and messes up the centering of the advertisement pretty badly (link to screenshot).

Amendment to the style definition:

Code: 
<div style="text-align: center; padding-top: 5px; clear: both;">
I'm not sure the PADDING-TOP is even necessary with CLEAR in there. CLEAR stops floating elements (such as the secondary nav bar) from being on either side of the advertisement, which I suspect is what was causing the centering issue in the first place. Not that the extra 5px of space will cause huge problems, but I think it's unnecessary now.
Click to expand...
As a quick fix, I shortened the secondary title. Not sure when I can get into the CSS for the full change, so this should do it for now. Thanks, zoogies!

 
Oops - found something else. Making the image display as a block makes the clickable area take up 100% of the width of the page. Try this when you get the chance and see if it accomplishes the same thing, while only making the image area clickable as a link. I've been accidentally clicking the link and only just realized why :P

Change

Code: 
<div style="text-align: center; padding-top: 10px;">
                                   <a target="_blank" href="http://www.huskernation.com">
                                   <img src="img/hnbanner.gif" alt="Click to shop at HuskerNation.com" style="margin: 0pt auto; display: block;"/></a>
</div>
to:

Code: 
<div style="text-align: center; padding-top: 10px; clear: both;">
                                   <a target="_blank" href="http://www.huskernation.com">
                                   <img src="img/hnbanner.gif" alt="Click to shop at HuskerNation.com" /></a>
                           </div>
Don't know why that didn't occur to me before - sorry! It's much simpler.

 
The clickable area is stretching to 100%? Must be a browser issue - in IE it is limited to the image itself. Admittedly, the image has a while border, so you can move off the words HuskerNation.com on the right and off the image on the left and still have a clickable area. But not too far.

I'll give the code a shot in the testing skin as soon as I can and if it works there add it to the huskerRed skin, and then post here.

 
Last edited by a moderator:
Works fine for IE, so I've added it to the huskerRed skin. Zoogies, when you get a chance, would you please test it in Chrome and Firefox? At the moment, I don't have access to either browser to test it. Thanks!

 
Back
Top