Hi Lee
I have been looking at the coding of the skins in Issue 22.
With regard to the skin for Andrea01, I was impressed by your efficent coding.
In the skin.css (I will replace {} with () to enable viewing on the forum)
/****** Header *****/ #header ( margin:5px 0 0; padding:0; )
#header img ( margin:0 0 5px; float:left; )
#header p ( width:400px; float:right; text-align:right; margin: 8px 15px 0 0; font-weight:bold; line-height:1.3em; )
The xhtml for this section is: (I will replace <> and [] with () for viewing purposes)
(div id="header") (LOGO) (p)(USER) (LOGIN)(/p) (p)(SEARCH)(/p) (/div)
I have previously achieved this by creating classes within the header div, a logo class and login class, thus creating two extra classes, when the same result could be achieved using contextual selectors as above.
Whilst the above works well when inserting, a search, login or user skin object within the
(div id="header") (p) (dnn:LOGIN runat="server" id="dnnLOGIN" /) (/p) (/div)
Trying to use this efficient coding further, I tried to insert a content pane into the (p) (/p) tags instead of login etc:
(div id="header") (p)(div runat="server" id="topInfo" /)(/p) (/div)
It messed with the position, the right float jumped under the left float. Is there a way use this method for positioning content panes?
Any suggestions.
Lynn
|