Boas, andei aqui a mexer num Header dum fórum meu para meter um Banner ao lado do Logo.
Consegui sempre alinhar o Banner só que isso fez com que o Logo deixasse de ser linkado para a Home do Forum no Chrome/FF (no IE está bom)
Eu Editei o CSS (editei onde diz #adsense):
#header
{
@property "header";
background-color: @primaryMedium;
@property "/header";
}
{xen:helper clearfix, '#header .pageWidth .pageContent'}
#logo
{
display: block;
float: left;
line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}
/* IE6/7 vertical align fix */
#logo span
{
*display: inline-block;
*height: 100%;
}
#logo a:hover
{
text-decoration: none;
}
#logo img
{
vertical-align: middle;
}
#adsense
{
position:relative;
top:25px;
left:20px;
}
#visitorInfo
{
float: right;
min-width: 250px;
_width: 250px;
overflow: hidden; zoom: 1;
background: @primaryLighter;
padding: 5px;
border-radius: 5px;
margin: 10px 0;
border: 1px solid @primaryDarker;
color: @primaryDarker;
}
#visitorInfo .avatar
{
float: left;
display: block;
}
#visitorInfo .avatar .img
{
border-color: @primaryLightish;
}
#visitorInfo .username
{
font-size: 18px;
text-shadow: 1px 1px 10px white;
color: @primaryDarker;
white-space: nowrap;
word-wrap: normal;
}
#alerts
{
zoom: 1;
}
#alerts #alertMessages
{
padding-left: 5px;
}
#alerts li.alertItem
{
font-size: 11px;
}
#alerts .label
{
color: @primaryDarker;
}
E Depois o HTML:
<div id="logoBlock">
<div class="pageWidth">
<div class="pageContent">
<div id="logo"><a href="{$logoLink}">
<span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
<img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
</a>
</div>
<div id="adsense">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3253858973765347";
/* 468x60, criado 26/01/09 */
google_ad_slot = "8058884594";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<span class="helper"></span>
</div>
</div>
</div>
O Que é que eu fiz que fez com que o Logo deixasse de ser clicável?
PS: Apenas as bordas do logo são clicáveis.
