Banner centred

[nickhaigh]

Hi,

Does anyone know how to centre my banner?
It was fine previously but have added a new banner and it's now
gone of centre.

I would also like to bring the navbar up underneath the banner!

any help would be appreciated

[jfriend]

In this part of your CSS, change the width and height values to the actual height and width of your image.

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://www.nickhaigh.net/photos/635559570_Pm3vn-L.jpg) no-repeat;
}

[nickhaigh]

In this part of your CSS, change the width and height values to the actual height and width of your image.

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://www.nickhaigh.net/photos/635559570_Pm3vn-L.jpg) no-repeat;
}

Thanks John, worked a treat! :bow

[J Allen]

Thanks John, worked a treat! :bow

Nick, got your e-mail...try this......


To remove the smugmug footer stuff add this to your CSS box:


/*=====Smugmug-Footer=====*/
#cobrand_footer
{display:none !important;}







Then to add a hidden login link, add this to the TOP of your custom header box:


<div id="secret">
<a href="javascript:void(0)" onclick="window.location='https://secure.smugmug.com/login.mg?goTo='+window.location.href">.</a>
</div>





Then add this to your CSS box:


/*====Secret====*/
#secret {position:absolute; z-index:99; top: 5px; left: 0px;}
#secret a {padding: .2em 1em;color: #000000; cursor: default;}
#secret a:hover {color: #000000; background: none;}





Then go find your hidden link, it'll be in the top-left hand corner of your site, it's hidden, so you'll have to click your mouse around in that area, it'll be there I promise :D.

[nickhaigh]

Nick, got your e-mail...try this......


To remove the smugmug footer stuff add this to your CSS box:


/*=====Smugmug-Footer=====*/
#cobrand_footer
{display:none !important;}






Then to add a hidden login link, add this to the TOP of your custom header box:


<div id="secret">
<a href="javascript:void(0)" onclick="window.location='https://secure.smugmug.com/login.mg?goTo='+window.location.href">.</a>
</div>




Then add this to your CSS box:


/*====Secret====*/
#secret {position:absolute; z-index:99; top: 5px; left: 0px;}
#secret a {padding: .2em 1em;color: #000000; cursor: default;}
#secret a:hover {color: #000000; background: none;}




Then go find your hidden link, it'll be in the top-left hand corner of your site, it's hidden, so you'll have to click your mouse around in that area, it'll be there I promise :D.

[quote=nickhaigh]

thank you so much for that, worked great

Also you set the 'Powered by smugmug' to disappear in the browser top left hand bar? it only apears briefly when the page refreshes.

[J Allen]

[quote=nickhaigh]

thank you so much for that, worked great

Also you set the 'Powered by smugmug' to disappear in the browser top left hand bar? it only apears briefly when the page refreshes.


Add this to your Head Tag Box, change the red to fit your needs:









<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<script type="text/javascript">document.title="JRA Photography"</script>

[nickhaigh]

[quote=nickhaigh]


Add this to your Head Tag Box, change the red to fit your needs:









<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<script type="text/javascript">document.title="JRA Photography"</script>







you the man! thanks so much Joe :bow

[mudhouse]

Excellent! Thank you Joe!