Buongiorno, chiedo cortesemente una mano se è possibile. Sto configurando un template per un cms e vorrei cambiare la posizione del menù laterale a tendina rispetto al logo che nel template originale é basso e largo e che vorrei rendere semplicemente più alto ma cambiando il logo le impostazioni del css come era facilmente prevedibile sfasano il menù verso l'altro anzichè mantenerlo basso.
Non sono pratico di css, allego le immagini del template originale (il logo è con lo sfondo in giallo scuro).
(originale)
(allargato)
Riporto di seguito anche il codice css del template dove viene posizionato il logo rispetto agli altri elementi:
Intervenendo semplicemente sul parametro height mi sfalsa il menù verso l'alto. Qualcuno sa aiutarmi?codice:/* * Main wrapper */ #gk-wrapper { padding:0; margin:0 auto 20px auto } #gk-nav{background:transparent url('../images/style1/menu_left.png') no-repeat left 0;} #gk-nav-wrap, #gk-header{ padding-bottom:24px; background:transparent url('../images/style1/border.png') repeat-x 0 bottom; margin-bottom:20px; } #gk-header{ padding-bottom:20px; margin-bottom:28px; } #gk-breadcrumb{padding:0 0 4px 0;} #gk-content{float:left;} #gk-main .gk-mass-top {margin-right: 20px} #gk-current-content { float:right!important; } /* * Top+Header */ #gk-nav-wrap{padding-top:10px;} #gk-nav-wrap.margintop{padding-top:100px;} /* used when gk-toolbar container doesn't exist */ #gk-toolbar{padding:60px 0 0 0;height:30px;overflow:hidden;} #gk-tools { float:right; min-width:300px; text-align:right; line-height:30px; padding:10px 0 0 0; margin-right:-10px;} #popup_tools .tools_btn{margin-right:6px;} div#gk-tools .tools_btn { cursor:pointer; padding:0; display:block; float:left; width:16px; height:16px; border:none; text-indent:-10000px; text-align:left; background:transparent url('../images/user-tools.png') no-repeat 0 0 } div#gk-tools a { float:right; display:block; margin:0; } div#gk-tools a:hover.tools_btn { background-position:0 100% } #gk-tool-reset { background-position:-16px 0!important } #gk-tool-decrease { background-position:-32px 0!important } #gk-tool-auto { background-position:-69px 0!important } #gk-tool-wide { background-position:-94px 0!important } #gk-tool-narrow { background-position:-117px 0!important } #gk-tool-reset:hover { background-position:-16px 100%!important } #gk-tool-decrease:hover { background-position:-32px 100%!important } #gk-tool-auto:hover { background-position:-69px 100%!important } #gk-tool-wide:hover { background-position:-94px 100%!important } #gk-tool-narrow:hover { background-position:-117px 100%!important } #gk-nav { background:#fff url('../images/style1/menu_left.png') repeat-x left top; height:60px; position:relative; z-index:100; float:right; } #gk-mainnav { width:auto; float:left; } #gk-search {float:right;width:auto;} div#gk-date{padding:16px 20px 16px;float:right;} /* logo styling */ h1.logo, div.logo-text { float:left; padding:0 15px; position:relative; z-index:101; } h1.logo { padding-left:0;background:transparent; } h1.logo>a { text-indent:-999em; display:block; width:262px; height:68px; background:transparent url('../images/style1/logo.png') no-repeat 0 0; padding:0; } div.logo-text h1 { font-size:64px; font-family:Georgia; line-height:40px; height:50px; color:#555; font-weight:normal; } div.logo-text h1 a { color:#555; } div.logo-text h1 a:hover { text-decoration:none; color:#888; } div.logo-text p { font-size:11px; line-height:10px; height:14px; color:#999; font-style:italic; text-align:right; } /* * Header modules */ #gksdl-subnav, .sublevel { height:30px; border:1px solid #dcdcdc; border-top:none; background:#fff; } #gk-tools a { color:#999; line-height:11px; font-size:11px; } #gk-tools a:hover { color:#000; text-decoration:none; } #gk-tools a { border-right:1px solid #ccc; text-decoration:none!important; } #gk-tools a:first-child { border-right:none; } #gk-tools a span { padding:0 10px; margin:0 2px; display:block; text-decoration:none!important; } #gk-tools a.popup { height:24px; margin-top:-4px; line-height:17px; display:block; text-decoration:none!important; } #gk-tools a.popup { border-right:1px solid transparent; } #gk-tools a.popup span { height:24px!important; display:block; color:#fff; background:#555; text-decoration:none; line-height:19px; } /* Breadrump and date container */ div#gk-breadcrumb { font-size: 90%;overflow:hidden; } div#gk-breadcrumb>div{overflow:hidden;} div#gk-breadcrumb>div>div{overflow:hidden;} div#gk-breadcrumb>div>div>div{overflow:hidden;} div#gk-date { text-align: right; color: #999; } /* * Top modules */ #gk-topsl1, #gk-topsl2, #gk-topsl3, #gk-botsl1, #gk-botsl2{margin:0 0 8px 0;position:relative;} #gk-botsl1 .gk-box-center>div, #gk-botsl2 .gk-box-center>div, #gk-topsl1 .gk-box-center>div, #gk-topsl2 .gk-box-center>div, #gk-topsl3 .gk-box-center>div { margin:0 10px; } #gk-botsl1 .gk-box-left>div, #gk-botsl2 .gk-box-left>div, #gk-topsl1 .gk-box-left>div, #gk-topsl2 .gk-box-left>div, #gk-topsl3 .gk-box-left>div { margin:0 10px 0 0; } #gk-botsl1 .gk-box-right>div, #gk-botsl2 .gk-box-right>div, #gk-topsl1 .gk-box-right>div, #gk-topsl2 .gk-box-right>div, #gk-topsl3 .gk-box-right>div { margin:0 0 0 10px; } .gk_top_half{width:50%;float:left;} .gk_top_half>div{margin-left: 10px; margin-right:0;} .gk_top_half:first-child>div{margin-right:10px;margin-left:0;} /* * Content block */
Rispondi quotando