Hi all, I'm trying to design my first skin and meet a difficulty.
Firstly, please have a look at the Screenshot. I'm testing it on the localhost, so a live example is not available.
And here's the problem : I'd like to place the banner skin object UNDER the login and register links and to the RIGHT of the logo but I just can't figure it out, since my skinning skill is novice. Can anyone point me to the right direction?
This is the header part in skin.ascx :
<tr><td height="80" align="center"><div id="header"><div id="headerlinks">
<br>
<dnn:LOGIN runat="server" id="dnnLOGIN" cssclass="login" /> <dnn:USER runat="server" id="dnnUSER" cssclass="user" /></div><dnn:LOGO runat="server" id="dnnLOGO" /></tr>
And this is the values in skin.css :
#header {
width:95%;
padding:0px;
text-align:left;
padding-bottom: 15px;
}
#dnn_dnnLOGO_imgLogo {margin-top:15px;}
#headerlinks {
float:right;
font-size: 11px;
text-align: right;
}
.login, a.login:link, a.login:visited, a.login:active, .user, a.user:link, a.user:visited, a.user:active { background: url('bullet.gif') no-repeat top left; font-weight:bold; text-decoration: none; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0; }
a.login:hover, a.user:hover { background: url('bullet.gif') no-repeat top left; font-weight:bold; text-decoration: none; }