Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : milla86 31 Aug 2011, 10:28:11

: Il blocco centrale si è spostato...perché?
: milla86 31 Aug 2011, 10:28:11

Buongiorno a voi!
Ho un piccolo problemino...abbastanza urgente...
Ho modificato un template, ho aggiunto la colonna di destra (ho avuto successo in questo), ho modificato il codice sia html che i vari css, ho riscontrato un problema!
Il blocco centrale degli articoli mi si sposta sotto...perché?
Cosa devo modificare?
Ho provato a rimpicciolire la griglia centrale in larghezza, ma non ho avuto risultati positivi.....Help!

: Re:Il blocco centrale si è spostato...perché?
: adottauncane 31 Aug 2011, 11:20:33

Ciao milla86,
benvenuta nel forum  :)
serve un link al sito.

: Re:Il blocco centrale si è spostato...perché?
: milla86 31 Aug 2011, 12:17:35

Grazie per il benvenuto...ecco a voi il sito


http://www.castellodaltavilla.it/ (http://www.castellodaltavilla.it/)

: Re:Il blocco centrale si è spostato...perché?
: adottauncane 31 Aug 2011, 12:33:47

Servirebbe online...  :)

: Re:Il blocco centrale si è spostato...perché?
: milla86 31 Aug 2011, 12:53:55

stavo facendo alcune modifiche su un altro template....ve l'ho rimesso ma non ho risistemato tutto...ma il problema si comprende ugualmente ;)  ;)

: Re:Il blocco centrale si è spostato...perché?
: loschi.andrea 31 Aug 2011, 13:09:42

Qual è a posizione del modulo Login Form? Perchè non mi sembra ad occhio che ci siano errori di codice.


A.

: Re:Il blocco centrale si è spostato...perché?
: adottauncane 31 Aug 2011, 13:20:29

Secondo me c'è qualche problema nella scrittura del .php

Prova comunque ad inserire questo nel file template.css:

:

#maincontent {
    width: 540px !important;
}

e a togliere la misura da qui:

:

#maincolumn {}conten...200.css (riga 2)

: Re:Il blocco centrale si è spostato...perché?
: milla86 31 Aug 2011, 20:56:38

ehm.... vi posto i css

:

/* [MAINCONTENT] */
#maincolumn{width:600px}.readmore a{text-decoration:none; font-size:16px; font-variant:small-caps; color:#10282A; padding-left:0px}
/* new article info */
.article-info-term{display:none}

.small{font-size:10px;; color:#000}.blog .readmore a, .blog-featured .readmore a{text-decoration:none; font-size:16px; font-variant:small-caps;color:#10282A; background-image:url(../images/readon.png) !important; background-image:none; background-repeat:no-repeat; padding-left:23px !important; padding-left:0px}.blog .readmore a:hover, .blog-featured .readmore a:hover{background-image:url(../images/readon_hover.png)!important; background-image:none; background-repeat:no-repeat}

/* new article info */
.article-info-term{display:none}
.content_rating{background-image:url(../images/icon_category.gif); background-repeat:no-repeat; padding-left:20px}
.parent-category-name{background-image:url(../images/icon_category.gif); background-repeat:no-repeat; padding-left:20px}
.category-name{background-image:url(../images/icon_category.gif); background-repeat:no-repeat; padding-left:20px}
.create{background-image:url(../images/icon_date_edit.gif); background-repeat:no-repeat; padding-left:20px}
.modified{background-image:url(../images/icon_date_edit.gif); background-repeat:no-repeat; padding-left:20px}
.published{background-image:url(../images/icon_date_add.gif); background-repeat:no-repeat; padding-left:20px}
.createdby{background-image:url(../images/icon_user.gif); background-repeat:no-repeat; padding-left:20px}
.hits{background-image:url(../images/icon_hits.png); background-repeat:no-repeat; padding-left:20px}

.small{font-size:10px; color:#000}

:

blog .[/font][/size]readmore a, .blog-featured .readmore a{text-decoration:none; font-size:16px; font-vaiant:small-caps;color:#10282A; padding-left:0px}
/* new article info */
.article-info-term{display:none}
.small{font-size:10px; color:#000}

.items-leading{border:1px dotted #FFF; background-image:url(../images/content_cols1.png); background-repeat:repeat}
.items-leading h2{padding-left:0px}

.item-page{border:1px dotted #FFF; background-image:url(../images/content_cols1.png); background-repeat:repeat}
.item-page h2{padding-left:0px}

[/size]
.column-1,.column-2,.column-3,.column-4{border:1px dotted #E69535; background-image:url(../images/content_cols1.png); background-repeat:repeat}[/size]].[/font][/size]blog .readmore a, .blog-featured .readmore a{text-decoration:none; font-size:16px; font-variant:small-caps;color:#10282A; background-image:url(../images/readon.png) !important; background-image:none; background-repeat:no-repeat; padding-left:23px !important; padding-left:0px}.[/font][/size]blog .readmore a:hover, .blog-featured .readmore a:hover{background-image:url(../images/readon_hover.png)!important; background-image:none; background-repeat:no-repeat}

/* new article info */
.article-info-term{display:none}
.content_rating{background-image:url(../images/icon_category.gif); background-repeat:no-repeat; padding-left:20px}
.parent-category-name{background-image:url(../images/icon_category.gif); background-repeat:no-repeat; padding-left:20px}
.category-name{background-image:url(../images/icon_category.gif); background-repeat:no-repeat; padding-left:20px}
.create{background-image:url(../images/icon_date_edit.gif); background-repeat:no-repeat; padding-left:20px}
.modified{background-image:url(../images/icon_date_edit.gif); background-repeat:no-repeat; padding-left:20px}
.published{background-image:url(../images/icon_date_add.gif); background-repeat:no-repeat; padding-left:20px}
.createdby{background-image:url(../images/icon_user.gif); background-repeat:no-repeat; padding-left:20px}
.hits{background-image:url(../images/icon_hits.png); background-repeat:no-repeat; padding-left:20px}
.small{font-size:10px; color:#000}

.items-leading{border:1px dotted #FFF; background-image:url(../images/content_cols1.png); background-repeat:repeat}
.items-leading h2{padding-left:0px}

.item-page{border:1px dotted #FFF; background-image:url(../images/content_cols1.png); background-repeat:repeat}
.item-page h2{padding-left:0px}


.[/font][/size]column-1,.column-2,.column-3,.column-4{border:1px dotted #FFF; background-image:url(../images/content_cols1.png); background-repeat:repeat}/* [LEFT COMMON] */[/font][/size]#leftcolumn div.module_hat h3{color:#000000}
#leftcolumn a, #leftcolumn div.module_menu a{color:#000000}
#leftcolumn a:hover, #leftcolumn div.module_menu a:hover, #leftcolumn div.module_menu ul ul li a:hover,#leftcolumn div.module_menu li li.active a:hover {color:#6B3748}
#leftcolumn div.module_tail{height:0px; margin-bottom:5px}

/* [LEFT WIDTH 200px] */
#leftcolumn div.module_tail, #leftcolumn, #leftcolumn div.module_hat{width:200px}
#leftcolumn div.module_content{width:175px}


/* [right COMMON]prova */
#rightcolumn div.module_hat h3{color:#000000}
#rightcolumn a, #rightcolumn div.module_menu a{color:#000000}
#rightcolumn a:hover, #rightcolumn div.module_menu a:hover, #rightcolumn div.module_menu ul ul li a:hover,#rightcolumn div.module_menu li li.active a:hover {color:#6B3748}
#rightcolumn div.module_tail{height:0px; margin-bottom:5px}

/* [right WIDTH 200px]prova */
#rightcolumn div.module_tail, #rightcolumn, #rightcolumn div.module_hat{width:200px}
#rightcolumn div.module_content{width:175px}




/* [USER1 WIDTH] */
#user1column{width:240px;}
#user1column div.module_hat{width:240px}
#user1column div.module_tail{width:240px}
#user1column div.module_content{width:200px}

/* [USER1 GRAPHICS] */
#user1column div.module_hat{background-image:url(../images/mod_user1_top_240.jpg)}
#user1column div.module_jacket{background-image:url(../images/mod_user1_middle_240.jpg)}
[/size]
#user1column div.module_tail{background-image:url(../images/mod_user1_down_240.jpg)}[/size]/* [LEFT COMMON] */[/font][/size]#leftcolumn div.module_hat h3{color:#000000}
#leftcolumn a, #leftcolumn div.module_menu a{color:#000000}
#leftcolumn a:hover, #leftcolumn div.module_menu a:hover, #leftcolumn div.module_menu ul ul li a:hover,#leftcolumn div.module_menu li li.active a:hover {color:#6B3748}
#leftcolumn div.module_tail{height:30px; margin-bottom:5px}

/* [LEFT WIDTH 200px] */
#leftcolumn div.module_tail, #leftcolumn, #leftcolumn div.module_hat{width:200px}
#leftcolumn div.module_content{width:175px}

/* [LEFT GRAPHICS] */
#leftcolumn div.module_hat{background-image:url(../images/mod_top.png); }
#leftcolumn div.module_jacket{background-image:url(../images/mod_middle.png); }
#leftcolumn div.module_tail{background-image:url(../images/mod_down.png)}

/* [right COMMON]prova */
#rightcolumn div.module_hat h3{color:#000000}
#rightcolumn a, #rightcolumn div.module_menu a{color:#000000}
#rightcolumn a:hover, #rightcolumn div.module_menu a:hover, #rightcolumn div.module_menu ul ul li a:hover,#rightcolumn div.module_menu li li.active a:hover {color:#6B3748}
#rightcolumn div.module_tail{height:30px; margin-bottom:5px}

/* [right WIDTH 200px] */
#rightcolumn div.module_tail, #rightcolumn, #rightcolumn div.module_hat{width:200px}
#rightcolumn div.module_content{width:175px}

/* [right GRAPHICS] */
#rightcolumn div.module_hat{background-image:url(../images/mod_top.png); }
#rightcolumn div.module_jacket{background-image:url(../images/mod_middle.png); }
#rightcolumn div.module_tail{background-image:url(../images/mod_down.png)}





/* [USER1 WIDTH] */
#user1column{width:240px}
#user1column div.module_hat{width:240px}
#user1column div.module_tail{width:240px}
#user1column div.module_content{width:200px}

/* [USER1 GRAPHICS] */
#user1column div.module_hat{background-image:url(../images/mod_top_240.png)}
#user1column div.module_jacket{background-image:url(../images/mod_middle_240.png)}
[/size]
#user1column div.module_tail{background-image:url(../images/mod_down_240.png)}[/size]/* [LEFT COMMON] */[/font][/size]#leftcolumn div.module_hat h3{color:#000000}
#leftcolumn a, #leftcolumn div.module_menu a{color:#000000}
#leftcolumn a:hover, #leftcolumn div.module_menu a:hover, #leftcolumn div.module_menu ul ul li a:hover,#leftcolumn div.module_menu li li.active a:hover {color:#6B3748}
#leftcolumn div.module_tail{height:0px; margin-bottom:5px}

/* [LEFT WIDTH 240px] */
#leftcolumn div.module_tail, #leftcolumn, #leftcolumn div.module_hat{width:240px}
#leftcolumn div.module_content{width:215px}


/* [right COMMON] prova */
#rightcolumn div.module_hat h3{color:#000000}
#rightcolumn a, #rightcolumn div.module_menu a{color:#000000}
#rightcolumn a:hover, #rightcolumn div.module_menu a:hover, #rightcolumn div.module_menu ul ul li a:hover,#rightcolumn div.module_menu li li.active a:hover {color:#6B3748}
#rightcolumn div.module_tail{height:0px; margin-bottom:5px}

/* [right WIDTH 240px] */
#rightcolumn div.module_tail, #rightcolumn, #rightcolumn div.module_hat{width:240px}
#rightcolumn div.module_content{width:215px}




/* [USER1 WIDTH] */
#user1column{width:200px;}
#user1column div.module_hat{width:200px}
#user1column div.module_tail{width:200px}
#user1column div.module_content{width:160px}

/* [USER1 GRAPHICS] */
#user1column div.module_hat{background-image:url(../images/mod_left_top.jpg)}
#user1column div.module_jacket{background-image:url(../images/mod_left_middle.jpg)}
#user1column div.module_tail{background-image:url(../images/mod_left_down.jpg)}
[/size]
/* [LEFT COMMON] */[/font][/size]#leftcolumn div.module_hat h3{color:#000000}
#leftcolumn a, #leftcolumn div.module_menu a{color:#000000}
#leftcolumn a:hover, #leftcolumn div.module_menu a:hover, #leftcolumn div.module_menu ul ul li a:hover,#leftcolumn div.module_menu li li.active a:hover {color:#6B3748}
#leftcolumn div.module_tail{height:30px; margin-bottom:5px}

/* [LEFT WIDTH 240px] */
#leftcolumn div.module_tail, #leftcolumn, #leftcolumn div.module_hat{width:240px}
#leftcolumn div.module_content{width:210px}

/* [LEFT GRAPHICS] */
#leftcolumn div.module_hat{background-image:url(../images/mod_top_240.png)}
#leftcolumn div.module_jacket{background-image:url(../images/mod_middle_240.png)}
#leftcolumn div.module_tail{background-image:url(../images/mod_down_240.png)}




/* [right COMMON] */
#rightcolumn div.module_hat h3{color:#000000}
#rightcolumn a, #rightcolumn div.module_menu a{color:#000000}
#rightcolumn a:hover, #rightcolumn div.module_menu a:hover, #leftcolumn div.module_menu ul ul li a:hover,#rightcolumn div.module_menu li li.active a:hover {color:#6B3748}
#rightcolumn div.module_tail{height:30px; margin-bottom:5px}

/* [right WIDTH 240px] */
#rightcolumn div.module_tail, #rightcolumn, #rightcolumn div.module_hat{width:240px}
#rightcolumn div.module_content{width:210px}

/* [right GRAPHICS] */
#rightcolumn div.module_hat{background-image:url(../images/mod_top_240.png)}
#rightcolumn div.module_jacket{background-image:url(../images/mod_middle_240.png)}
#rightcolumn div.mod

: Re:Il blocco centrale si è spostato...perché?
: adottauncane 01 Sep 2011, 01:01:19

Non serve che posti il css, lo vediamo. Hai provato con i css che ho postato?

: Re:Il blocco centrale si è spostato...perché?
: milla86 01 Sep 2011, 07:38:58

Perfetto!!!!!!!!!!!!!!!!! Inizialmente non avevo capito dove inserire il codice...per questo avevo postato il css ihihih ....... la troppa stanchezza fa brutti scherzi :D


ora va alla grande!!!! mi avete salvato... grazie mille!!!  8)