Back to top

Autore Topic: menu in posizione left sparisce  (Letto 1733 volte)

Offline maquisse2009

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
menu in posizione left sparisce
« il: 08 Lug 2009, 14:50:08 »
salve a tutti!
vorrei spostare il menu marche abbiglòiamento in posizione left ma quando lo facicio sparisce misteriosamente
allego i file

[allegato eliminato da un amministratore essendo passati più di 365 giorni]

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:menu in posizione left sparisce
« Risposta #1 il: 08 Lug 2009, 20:19:43 »
cosa intendi con sparisce?

se ora pubblichi un menu ho quant'altro nella colonna left e probabile anzi normale che che sparisce come dici tu ,magari mi posso spagliare ma tu non hai modificato il css che lo vedo ancora tutt'uno
ti riporto al post precedente dove ti ho spiegato cosa poteva succedere
http://forum.joomla.it/index.php/topic,75977.0.html
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline maquisse2009

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re:menu in posizione left sparisce
« Risposta #2 il: 09 Lug 2009, 11:41:31 »
io in quel post infatti avevo detto che non capivo questa frase:
se usi la colonna left devi dividere il css altrimenti il template sballa

non capisco che significa magari per te è banale ma nn capisco grazie

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:menu in posizione left sparisce
« Risposta #3 il: 09 Lug 2009, 11:46:26 »
allora la modifica fatta era questa
Codice: [Seleziona]
#leftcolumn, #rightcolumn {template.css (riga 477)
float:left;
margin:-410px 0 0; <<< aggiungi questo
padding:0;
text-align:left;
width:190px;
}

devi dividere in due parti quel css in questo modo
1 parte

Codice: [Seleziona]
#rightcolumn {template.css (riga 477)
float:left;
margin:-410px 0 0; <<< aggiungi questo
padding:0;
text-align:left;
width:190px;
}

2 parte

Codice: [Seleziona]
#leftcolumn,  {template.css (riga 477)
float:left;
padding:0;
text-align:left;
width:190px;
}

in questo modo hai le due colonne separate una dall'altra.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline maquisse2009

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re:menu in posizione left sparisce
« Risposta #4 il: 14 Lug 2009, 13:47:46 »
...è sparito uguale:
http://www.outlet-style.com/
ma forse bisogna modificare il parametro margin:-410px 0 0;'??

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:menu in posizione left sparisce
« Risposta #5 il: 14 Lug 2009, 15:16:31 »
ciao dividendo il css nella colonna reght va lascito il parametro agiuto x far alzare la colonna , nella colonna left non fa messo altrimenti che separi il css?
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline maquisse2009

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re:menu in posizione left sparisce
« Risposta #6 il: 14 Lug 2009, 17:41:35 »
ciao
OK ora ho capito un po la logica della cosa ma il problema ora è questo:
http://www.outlet-style.com/
le due immagini sono in posizione top e vorrei che rimanessero in alto come prima e il menu delle marche sia in posione left

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:menu in posizione left sparisce
« Risposta #7 il: 14 Lug 2009, 19:37:37 »
ciao
non vede il css
posta come lo hai diviso xche la colonna destra vedo il css ma la colonna sinistra no vedo il css sicuro di aver scritto giusto?
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline maquisse2009

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re:menu in posizione left sparisce
« Risposta #8 il: 14 Lug 2009, 20:25:56 »
nn mi inserisce il file:
quindi te lo incollo qui:

html {

  height: 100%;

  margin-bottom: 0px;

}



form {

  margin: 0;

  padding: 0;

}



img,table {

   border: none;

}



body {

   font-family: Tahoma, Arial, sans-serif;

   line-height: 1.9 em;

   margin: 0;

   padding: 0;

   font-size: 15px;

   color: #999;

}



body.contentpane {

   background: #000;

}



a:link, a:visited {

   text-decoration: underline;

   font-weight: normal;

   color: #666;

   outline: none;

}



a:hover {

   text-decoration: none;

   font-weight: normal;

   color: #999;

}



input.button, .validate  {

   color: #FFF;

   font-size: 10px;

   border: 1px solid #333;

   background: #686868;

}



.search input.button {

   text-align: right;

}



input.button:hover, .validate:hover  {

   

}



p {

   margin-top: 0;

   margin-bottom: 5px;

   text-align: justify;

}



.inputbox {

   border: 1px solid #333;

   color: #FFF;

   padding: 2px;

   background: #686868;

}

.inputbox:hover {



}



/*****************************************/

/*** Template specific layout elements ***/

/*****************************************/

#page_bg {

   padding: 0;

   background: #000;

}



div.center {

   text-align: center;

   margin: 10px auto 0 auto;

   padding: 0;

   width: 900px;

   background: #343434 url(../images/content_top.jpg) top center no-repeat;

}



div.center p.valid {

   text-align: right;

   padding: 10px 30px 0 0;

   color: #666;



}



div#wrapper {

   margin: 0 auto;

   width: 900px;

   text-align: left;

   background: url(../images/content_bottom.jpg) bottom center no-repeat;

}



#pathway {

   width: 900px;

   height: 50px;

   margin: 0 auto;

   text-align: left;

}
#nuovo_div {
 float: left;

 width:100px}



span.pathway {

   color: #9e9e9e;

   display: block;

   padding: 35px 0 0 320px;

   font-size: 11px;

   overflow: hidden;

   font-size: 11px;

   text-transform: uppercase;

}



span a.pathway  {

   text-decoration: underline;

}



#pathway span img {

   height: 5px;

   padding: 0 0 1px 0;

}





#header_top {

   background: url(../images/header_top.jpg) top center no-repeat;

   height: 2px;

   font-size: 0;

   width: 900px;

   margin: 0 auto;

}



#header_bottom{

   background: url(../images/header_bottom.jpg) top center no-repeat;

   height: 2px;

   font-size: 0;

   width: 900px;

   margin: 0 auto;

}



#header {

   height: 300px;

   background: url(../images/header_sides.gif) top center no-repeat;

   margin: 0 auto;

   width: 900px;

}



#header_img {

   background: url(../images/header_img.jpg) top center no-repeat;

   width: 900px;

   height: 390px;

   margin: 0 auto;

}



#content {

   width: 880px;

   margin: 0 auto;

   padding: 10px;

   overflow: hidden;

}



#logo {

   padding: 90px 0 0 160px;

   text-align: center;

   margin: 0 auto;

   width: 736px;

}



#logo a, #logo a:link, #logo a:hover {

   font-weight: normal;

   font-family: Verdana, Arial, sans-serif;

   font-size: 24px;

   padding: 0;

   margin: 0;

   letter-spacing: 1px;

   color: #333;

   text-decoration: none;

   outline: none;

   line-height: 36px;

}



.pill_m {
   text-align: left;
   margin: 0 auto;
   padding: 0;
   background:trasparent  url(../images/menu.jpg) top center no-repeat;
   font-size:25px;
   color: Fuchsia;
   width: 900px;
   margin: 0 auto;
   padding: 0;
   text-align: left;
   width: 900px;
}



#pillmenu {

   float: left;

   margin: 0;

}



#pillmenu ul {

   margin: 0;

   padding: 0 14px;

   list-style: none;

}



#pillmenu li {

   float: left;

   margin: 0;

   padding: 0;

   height: 120px;

}



#pillmenu li:hover {



}



#pillmenu li a#active_menu-nav {

   background: url(../images/menu_li_a_hover.gif) top center no-repeat;

}



#pillmenu li a {

   font-family: Tahoma, sans-serif;

   font-size: 12px;

   float: left;

   display: block;

   line-height: 28px;

   padding: 0 10px;

   color: #FFF;

   text-decoration: none;

   font-weight: bold;

   height: 31px;

}



#pillmenu li a:hover {

   background: url(../images/menu_li_a_hover.gif) top center no-repeat;

}



#rightcolumn {template.css (riga 477)
float:left;
margin:-410px 0 0; <<< aggiungi questo
padding:0;
text-align:left;
width:190px;

}
#leftcolumn,  {template.css
float:left;
padding:0;
text-align:left;
width:190px;
}




div#maincolumn {

   float: left;

   width: 490px;

   padding: 0 5px;

}



div#maincolumn_full {

   float: left;

   width: 658px;

   padding: 0 0 0 10px;

}



div.nopad {

   overflow: hidden;

   padding: 0;

}



div.nopad ul {

   clear: both;

}



td.middle_pad {

   width: 20px;

}



#banner_l {

   text-align: left;

   padding: 0 0 0 24px;

}

#andreadiv {

   background:#2E3030;

width: 650px;

   height: 350px;

}





#footer {

   margin: 0 auto;

   width: 900px;

   text-align: center;

   vertical-align: top;

   padding: 10px 2px;

}



/*****************************************/

/*** Joomla! specific content elements ***/

/*****************************************/



div.offline {

   background: #fffebb;

   width: 100%;

   position: absolute;

   top: 0;

   left: 0;

   font-size: 1.2em;

   padding: 5px;

}



/* headers */

div.componentheading {

   height: 12px;

   padding: 8px 0 0 6px;

}

table.blog {

   

}

h1 {

   padding: 0;

   font-family: Tahoma, Arial, sans-serif;

   font-size: 15px;

   font-weight: bold;

   vertical-align: bottom;

   color: #333;

   text-align: left;

   width: 100%;

}



h2, .contentheading {

   padding: 0;

   font-family: Tahoma, Arial, sans-serif;

   font-size: 15px;

   vertical-align: middle;

   color: #999;

   text-align: left;

   font-weight: bold;

}



table.contentpaneopen h3 {

   margin-top: 25px;

}



h4 {

   font-family: Tahoma, Arial, sans-serif;

   color: #333;

}



h3, .componentheading, table.moduletable th, legend {

   margin: 0;

   font-family: Tahoma, Arial, sans-serif;

   font-size: 15px;

   text-align: left;

   color: #666;

   padding: 0;

}

/* small text */

.small {

   font-size: 10px;

   color: #666;

   font-weight: normal;

   text-align: left;

}



.modifydate {

   height: 20px;

   vertical-align: bottom;

   font-size: 10px;

   color: #666;

   font-weight: normal;

   text-align: right;

}



.createdate {

   height: 20px;

   vertical-align: top;

   font-size: 10px;

   color: #666;

   font-weight: normal;

   vertical-align: top;

   padding-top: 0px;

}



a.readon {

   display: block;

   float: right;

   line-height: 14px;

   font-size: 10px;

   text-decoration: none;

   padding: 1px 2px 1px 2px;

   color: #999;

}



a.readon:hover {

   text-decoration: underline;

}



/* form validation */

.invalid { border-color: #ff0000; }

label.invalid { color: #ff0000; }





/** overlib **/



.ol-foreground {

   background-color: #f1f1f1;

   color: #333;

}



.ol-background {

   background-color: #f1f1f1;

   color: #333;

}



.ol-textfont {

   font-family: Tahoma, Arial, sans-serif;

   font-size: 10px;

}



.ol-captionfont {

   font-family: Tahoma, Arial, sans-serif;

   font-size: 12px;

   color: #f6f6f6;

   font-weight: bold;

}

.ol-captionfont a {

   background-color: #f1f1f1;

   color: #333;

   text-decoration: none;

   font-size: 12px;

}



.ol-closefont {}



/* menu links */

a.mainlevel:link, a.mainlevel:visited {

   padding-left: 25px;

}



a.mainlevel:hover {



}



/* spacers */

span.article_separator {

   display: block;

   height: 20px;

}



.article_column {



}



.column_separator {

   

}



td.buttonheading {

   text-align: right;

   width: 0;

}



.clr {

   clear: both;

}



table.blog span.article_separator {

   display: block;

   height: 20px;

}







/* table of contents */

table.contenttoc {

  margin: 10px;

  border: 1px solid #999;

  padding: 5px;

}



table.contenttoc td {

  padding: 0 5px;

}





/* content tables */

td.sectiontableheader {

  color: #333;

  font-weight: bold;

  padding: 4px;

  border-bottom: 1px solid #666;

}



tr.sectiontableentry1 td {

   padding: 4px;

   background: #393939;

}



tr.sectiontableentry0 td a, tr.sectiontableentry1 td a, tr.sectiontableentry2 td a {

   color: #999;

}



tr.sectiontableentry0 td,

tr.sectiontableentry2 td {

   padding: 4px;

}



td.sectiontableentry0,

td.sectiontableentry1,

td.sectiontableentry2 {

  padding: 3px;

  color: #999;

  font-size: 10px;

}





/* content styles */

.contentpaneopen, table.contentpane {

   margin: 0;

   padding: 0;

}



table.contentpane td{

   text-align: left;

}



table.contentpane td.contentdescription {

   width: 100%;

}



table.contentpane  {

   text-align: left;

   float: left;

   width: 100%;

   margin: 8px;

}



table.contentpane ul li a .category {

   color: #FF8800;

}



table.contentpane ul li {

   color: #999;

}



table.contentpaneopen {

   margin: 2px 4px;

}



table.contentpaneopen li {

   margin-bottom: 5px;

}



table.contentpaneopen fieldset {

   border: 0;

   border-top: 1px solid #669933;

}



table.contentpaneopen h3 {

   margin-top: 25px;

}



table.contentpaneopen h4, table.contentpaneopen h5, table.contentpaneopen h6 {

   font-family: Tahoma, Arial, sans-serif;

   color: #333;

   font-size: 12px;

}



.highlight {

   background-color: #fffebb;

}



/* module control elements */

table.user1user2 div.moduletable {

   margin-bottom: 0px;

}



div.moduletable, div.module {

   margin-bottom: 25px;

}



div.module_menu, div.module, div.module_text {

   margin: 0 0 14px 0;

   padding: 0;

}



div.module_menu div, div.module, div.module_text div {

   

}



div.module_menu div div, div.module div div, div.module_text div div {

   padding: 0;

   background: url(../images/column_bottom.jpg) bottom center no-repeat;

}



div.module_menu div div div, div.module div div div{

   padding: 0 0 4px 0;

   background: url(../images/column_top.jpg) top center no-repeat;

}



div.module div div div {

   text-align:left;

}



div.module_menu div div div div, div.module div div div div, div.module_text div div div div {

   background: transparent;

   padding: 4px 8px;

   margin: 0 auto;

}



div.bannergroup_text {

   display: block;

   width: 164px;

   color: #999;

}



div.module div div div form {

   padding: 0;

   width: 164px;

   margin: 0 auto;

   text-align: left;

}



div.module div div div form ul {

   margin: 0;

   padding: 0 0 10px 40px;

}



div.module_menu ul {

   list-style: none;

}



div.module_menu ul li{

   margin: 0;

   padding: 0;

}



div.module_menu ul li a:link, div.module_menu ul li a:visited {

   font-weight: bold;

   background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;

   padding: 2px 0 2px 25px;

   line-height: 24px;

}





#leftcolumn div.module table ,#rightcolumn div.module table {

   

}



#leftcolumn div.module table.poll {



}



#leftcolumn div.module table.poll td {

   text-align: left;

}



/* LEFT COL H3 */

#leftcolumn h3, #rightcolumn h3 {    

   color: #999;

   font-family: Verdana, Tahoma, Arial, sans-serif;

   font-size: 15px;

   text-align: center;

   height: 20px;

   width: 170px;

   text-decoration: none;

   padding: 7px 10px;

   background: url(../images/h3.jpg) top center no-repeat;

   font-weight: normal;

   line-height: 24px;

   margin: 0;

}



#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c,

#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {

   margin: 0 0 16px 0;

   padding: 0 0 8px 0;

}



#leftcolumn ul.menu, #rightcolumn ul.menu {

   margin: 0 auto;

   padding: 0;

   list-style: none;

   width: 164px;

}



#leftcolumn ul.menu li, #rightcolumn ul.menu li {

   margin: 0;

   padding: 0;

}



#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {



}



/*LEFT COL LINK*/

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,

#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {

   line-height: 18px;

   padding: 0 0 0 14px;

   text-decoration: none;

   color: #f1f3ff;

   font-weight: normal;

   font-size: 11px;

   background: url(../images/menu_row.jpg) center left no-repeat;

   margin: 0;

   height: 10px;

}



#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {

   background: url(../images/menu_row_hover.gif) center left no-repeat;

}



/*LEFT COL CURRENT LINK*/

#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,

#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {

   line-height: 18px;

   padding: 0 0 0 14px;

   text-decoration: none;

   color: #FFF;

   font-weight: normal;

   font-size: 11px;

   margin: 0;

   height: 10px;

}



#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {

   

}



/*LEFT COL SUB LINK*/

#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {

   text-decoration: none;

   color: #e3e7ff;

   margin: 0 0 0 6px;

   font-size: 11px;

   background: url(../images/menu_row.jpg) center left no-repeat;

   font-weight: normal;

   display: block;

   line-height: 18px;

   padding: 0 0 0 14px;

   border: none;

   height: 18px;

}



#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {

   font-size: 11px;

   margin: 0 0 0 6px;

   padding: 0 0 0 14px;

   text-decoration: none;

   border: none;

   color: #FFF;

   background: url(../images/menu_row_hover.gif) center left no-repeat;

   height: 18px;

   line-height: 18px;

}

/*SUBMENU POSITION*/

#leftcolumn ul.menu li#current ul {

   margin: 0;

   padding: 0;

}



#leftcolumn ul.menu li#current ul li {

   margin: 0;

   padding: 0;

}



/*CURRENT SUBMENU POSITION*/

#leftcolumn ul.menu li ul {

   margin: 0;

   padding: 0;

}



#leftcolumn ul.menu li#current ul li a:hover {

   background: url(../images/menu_row_hover.gif) center left no-repeat;

}



#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {

   list-style: none;

}



/* forms */

#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {

   margin: 6px 0;

   padding: 0;

   list-style: none;

}



#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {

   margin: 0;

   padding: 0 2px;

}



table.adminform textarea {

  width: 540px;

  height: 400px;

  font-size: 1em;

  color: #000099;

}



form#form-login fieldset {

   border: 0 none;

   margin: 0;

   padding: 4px 7px 9px 7px;

}

form#form-login ul li{

   padding: 0;

}



form#form-login ul li a {

   text-align: left;

   padding: 0;

   font-size: 10px;

   color: #999;

}



/* thumbnails */

div.mosimage         {  margin: 5px; }

div.mosimage_caption {  font-size: .90em; color: #333; }



div.caption       { padding: 0 10px 0 10px; }

div.caption img   { border: 1px solid #CCC; }

div.caption p     { font-size: .90em; color: #333; text-align: center; }



/* Parameter Table */

table.paramlist {

   margin-top: 5px;

}



table.paramlist td.paramlist_key {

   width: 128px;

   text-align: left;

   height: 30px;

}



table.paramlist td.paramlist_value {

}



div.message {

   font-family: Tahoma, Arial, sans-serif;

   font-weight: bold;

   font-size : 14px;

   color : #c30;

   text-align: center;

   width: auto;

   background-color: #f9f9f9;

   border: solid 1px #d5d5d5;

   margin: 3px 0px 10px;

   padding: 3px 20px;

}



/* Banners module */



/* Default skyscraper style */

.bannergroup {

}



.banneritem {

}



/* Text advert style */



.banneritem_text {

   padding: 4px;

   font-size: 11px;

}



.bannerfooter_text {

   padding: 4px;

   font-size: 11px;

   text-align: right;

}



/* System Messages */

/* see system general.css */



.pagination span { padding: 2px; }

.pagination a    { padding: 2px; }



/* Polls */

.pollstableborder td {

   text-align: left;

}



/* Frontend Editing*/

fieldset {

   border: 1px solid #ccc;

   margin-top: 15px;

   padding: 15px;

}



legend {

   margin: 0;

   padding: 0 10px;

}



td.key {

   border-bottom:1px solid #eee;

   color: #333;

}



/* Tooltips */

.tool-tip {

   float: left;

   background: #ffc;

   border: 1px solid #D4D5AA;

   padding: 5px;

   max-width: 200px;

}



.tool-title {

   padding: 0;

   margin: 0;

   font-size: 100%;

   font-weight: bold;

   margin-top: -15px;

   padding-top: 15px;

   padding-bottom: 5px;

   background: url(../../system/images/selector-arrow.png) no-repeat;

}



.tool-text {

   font-size: 100%;

   margin: 0;

}



/* System Standard Messages */

#system-message dd.message ul {

   padding: 0;

   margin: 0;

   background: none;

   border: none;

}



/* System Error Messages */

#system-message dd.error ul {

   color: #c00;

   background: none;

   border: none;

   padding: 0;

   margin: 0;

}



/* System Notice Messages */

#system-message dd.notice ul {

   color: #c00;

   background: none;

   border: none;

   padding: 0;

   margin: 0;

}



#system-message dd {

   text-indent: 0;

}



#system-message dd ul {

   list-style-type: none;

   color: #c00;

   background: none;

   border: none;

}



#system-message {

   margin-top: 5px;

}



/* ****************************************************************************** */

/* blue */

input, button {



}

/* blue */

input[type="checkbox"], input[type="radio"]{

   background: transparent;

   border: none;

}



/* -------------------------- */

a.sgfooter:link, a.sgfooter:visited {

   color: #999;

   font-family: Tahoma, Arial, sans-serif;

   text-decoration: none;

}

a.sgfooter:hover {

   color: #999;

   font-family: Tahoma, Arial, sans-serif;

   text-decoration: none;

}

#sgf {

   font-size: 12px;

   text-align: center;

   width: 100%;

   margin: 0 auto;

   color: #999;

   font-family: Tahoma, Arial, sans-serif;

}

.sgf {

   text-align: right;

   font-size: 12px;

   font-family: Tahoma, Arial, sans-serif;

   color: #999;

   text-decoration: none;

}

.sgf1 {

   font-size: 12px;

   font-family: Tahoma, Arial, sans-serif;

   color: #999;

   text-align: left;

}



a.sglink:link, a.sglink:visited {

   color: #999;

   font-size: 12px;

   font-family: Tahoma, Arial, sans-serif;

   text-decoration: none;

}

a.sglink:hover {

   color: #999;

   font-family: Tahoma, Arial, sans-serif;

   text-decoration: none;

   }

 



Web Design Bolzano Kreatif