Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: Problema CSS che forza l'allineamento del testo nei contenuti  (Letto 1620 volte)

Offline emavanti

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
Problema CSS che forza l'allineamento del testo nei contenuti
« il: 13 Gen 2009, 06:52:30 »
Ciao a tutti.

Ho anche io il famoso problema di allineamento forzato a sinistra di testo inserito e centrato tramite editor.
Fermo restando che l'html che mi restituisce l'editor è corretto, ho provato a cambiare template e a vedere se con questo nuovo template le immagini e i testi nei contenuti fossero allineati centrati come li ho messi io ed ho avuto esito positivo alla mia prova.

Pertanto ho un problema di css, qualcuno sa dirmi cosa non va dentro questo css? Ho già anche provato ad escludere una per volta le dichiarazioni text-align: left; e float: left; ma nulla :( non riesco a capire quale sia la dichiarazione che mi gestisce i contenuti.

Citazione
@charset "utf-8";



/*Code by Fio



author url: http//www.vonfio.de



copyright: Creative Commons Attribution-Share Alike 3.0 Unported License



*/



#left_border {



   width: 1000px;



   text-align: left;



   background-repeat: repeat-y;



   background-color: #FFFFFF;



   margin: 0 auto;



    } 



#right_border {



   background-repeat: repeat-y;



   background-position: right;



}



#bottom {



   background-repeat: repeat-x;



   background-position: bottom;



   width: 100%;



}



#bottom_right {



   background-repeat: no-repeat;



   background-position: bottom right;



}



#bottom_left {



   background-repeat: no-repeat;



   background-position: bottom left;



}



#header  {



   background: #000000;



   height: 36px;



   border-bottom: 2px solid #cccccc;



   line-height: 36px;



   padding: 3px 15px 0 15px;





    }



#date {



   font-size: 11px;



   float: left;



   color: #fff;



   font-weight: bold;



   margin-right: 20px;



}



#pathway {



   float: left;



   color: #fff;



   font-weight: bold;



   font-size: 11px;



   height: 36px;



   line-height: 36px;



}



#pathway a {



   color: #CCCCCC;



   height: 36px;



   line-height: 36px;



}



#search_out {



   float: right;



   background-image: url(../images/search.jpg);



   background-repeat: no-repeat;



   width: 197px;



   height: 36px;



}



#search {



   margin: 7px 0 7px 45px;



}



#search input,



#search .inputbox {







   margin: 0;



   background: none;



   border: none;



   padding: 0;



}



#banner_out {



   background-repeat: repeat-x;



   height: 140px;



   width: 100%;



}



#banner_in {



   float: left;



   color: #FFFFFF;



   height: 140px;



   font-size: 34px;



   background-repeat: no-repeat;



   background-position: left;



   width: 100%;



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



}



#banner {



   float: right;



   padding: 30px 30px 0px 0px;



}



.sitetitle {



   float: left;



   text-indent: 70px;



   padding-top: 60px;



}



#topmenu_out {



   height: 38px;



   background-repeat: repeat-x;



}



#topmenu_left {



   height: 38px;



   background-repeat: no-repeat;



}



#topmenu_right {



   height: 38px;



   background-repeat: no-repeat;



   background-position: right;



}



#topmenu {



   height: 33px;



   color: #fff;



   text-align: left;



   padding: 4px 27px 0px 27px;



   float: left;



}



#topmenu ul,



#topmenu li {



   display: inline;



   padding: 0px;



   margin: 0px;



   list-style-type: none;



}



#topmenu a {



   color: #fff;



   float: left;



   height: 33px;



   border: none;



   background: none;



   font-size: 11px;



   font-family: Tahoma, Arial, Verdana;



   padding: 0px 14px;



   line-height: 33px;



   font-weight: bold;



}



#topmenu  a:hover,



#topmenu #active_menu,



#topmenu li#current a {



   text-decoration: none;



   background-image: url(../images/topmenu_over.jpg);



   color: #FFFFFF;



   background-repeat: repeat-x;



}



#container {



   padding-bottom: 10px;
   width: 1000px;
    margin-left: auto;
    margin-right: auto;

}



#maincontent {



   padding: 0px 16px;
   width: 950px;
    margin-left: auto;
    margin-right: auto;

}



#left_out {



   width: 188px;



   float: left;



   padding: 0;



   margin: 0;



}



#right_out  {



   width: 182px;



   float: right;



   padding: 0;



   margin: 0;



}



#left_out ul, #left_out li, #right_out ul, #right_out li {



   list-style-type: none;



   padding: 0;



   margin: 0;



}



#left_out ul.menu li a,



#left_out ul.menu li#current a,



#left_out a.mainlevel,



#right_out ul.menu li a,



#right_out ul.menu li#current a,



#right_out a.mainlevel {



   display: block;



   height: 25px;



   line-height: 25px;



   background-repeat: no-repeat;



   background-position: left;



   width: 172px;



   font-size: 12px;



!important;



   font-weight: normal;



   text-indent: 20px;



!important;



}



#left_out ul.menu a:hover,



#right_out ul.menu a:hover,



#left_out a.mainlevel:hover,



#right_out a.mainlevel:hover,



#left_out #active_menu,



#right_out #active_menu,



#left_out ul.menu li#current a,



#right_out ul.menu li#current a {



   background-image: url(../images/mainlevel_over.gif);



   text-decoration: none;



   background-repeat: no-repeat;



   background-position: left;



   color: #000000; !important;



}



#left_out a.sublevel,



#left_out ul.menu li#current li a,



#left_out ul.menu li li a,



#left_out ul.menu li li#current a,



#left_out ul.menu li li#current li a,



#left_out ul.menu li li li a,



#right_out a.sublevel,



#right_out ul.menu li#current li a,



#right_out ul.menu li li a,



#right_out ul.menu li li#current a,



#right_out ul.menu li li#current li a,



#right_out ul.menu li li li a {



   background-repeat: no-repeat;



   height: 20px;



   line-height: 20px;



   background-position: left;



   text-indent: 20px;



!important;



   border: none;



   display: block;



}



#left_out a.sublevel#active_menu,



#right_out a.sublevel#active_menu,



#left_out a.sublevel:hover,



#right_out a.sublevel:hover,



#left_out ul.menu li#current li a,



#left_out ul.menu li li#current a,



#left_out ul.menu li li#current li a,



#right_out ul.menu li#current li a,



#right_out ul.menu li li#current a,



#right_out ul.menu li li#current li a,



#left_out ul.menu li#current a:hover,



#right_out ul.menu li#current a:hover,



#left_out ul.menu li li a:hover,



#right_out ul.menu li li a:hover{



   text-decoration: none;



   background-repeat: no-repeat;



   background-position: left;



   color: #000000; !important;



}



#left_out .module,



#right_out .module,



#left_out .moduletable,



#right_out .moduletable,



#left_out .module_menu,



#right_out .module_menu,



#left_out .module_text,



#right_out .module_text {



   background-repeat: repeat-y;



   margin-top: 5px;



}



#left_out .module div,



#right_out .module div,



#left_out .moduletable div,



#right_out .moduletable div,



#left_out .module_menu div,



#right_out .module_menu div,



#left_out .module_text div,



#right_out .module_text div {



   background-position: bottom;



   background-repeat: no-repeat;



   width: 182px



}



#left_out .module div div,



#right_out .module div div,



#left_out .moduletable div div,



#right_out .moduletable div div,



#left_out .module_menu div div,



#right_out .module_menu div div,



#left_out .module_text div div,



#right_out .module_text div div {



   background-position: top;



   background-repeat: no-repeat;



}



#left_out .module div div div,



#right_out .module div div div,



#left_out .moduletable div div div,



#right_out .moduletable div div div,



#left_out .module_menu div div div,



#right_out .module_menu div div div,



#left_out .module_text div div div,



#right_out .module_text div div div{



   background: none;



   padding: 5px 5px 10px 5px;



   overflow: hidden;



   width: 172px;



}



#left_out .module div div div div,



#right_out .module div div div div,



#left_out .moduletable div div div div,



#right_out .moduletable div div div div,



#left_out .module_menu div div div div,



#right_out .module_menu div div div div,



#left_out .module_text div div div div,



#right_out .module_text div div div div {



   padding: 0;



}



#left_out h3,



#right_out h3 {



   height: 35px;



   width: 172px;



   background-repeat: no-repeat;



   color: #FFFFFF;



   line-height: 35px;



   text-indent: 20px;



   padding: 0;



   margin: 0 0 5px 0;



   font-size: 14px;



   font-weight: bold;



}



#content_outleft,



#content_outmiddle,



#content_outright {



   margin: 0 0 10px 0;



   padding-top: 5px;



}



#content_outleft {



   margin: 0 0 0 188px;



}



#content_outmiddle {



   margin: 0 188px;



}



#content_outright {



   margin: 0 188px 0 0;



}



#content {



   background-repeat: repeat-x;



   background-position: bottom;



   width: 100%;



}



#content_border_left {



   background-repeat: repeat-y;



   background-position: top left;



}



#content_border_right {



   background-repeat: repeat-y;



   background-position: top right;



}



#content_bottom_right {



   background-repeat: no-repeat;



   background-position: bottom right;



}



#content_bottom_left {



   background-repeat: no-repeat;



   background-position: bottom left;



   padding: 3px 5px 5px 5px;



}



.user_bg,



.user_left,



.user_right {



   height: 148px;



}



.user_bg {



   margin: 0 0 10px 0;



   padding: 0;



   background-repeat: repeat-x;



   width: 100%;



}



.user_left {



   background-repeat: no-repeat;



   background-position: left top;



}



.user_right {



   background-repeat: no-repeat;



   background-position: right top;



}



.user_bg .topmodule_usertwo {



   width: 45%;



   height: 140px;



   margin: 0px;



   float: left;



   padding: 0px;



}



.user_bg .topmodule_userone {



   width: 100%;



   height: 140px;



   margin: 0px;



   float: left;



   padding: 0px;



}



.user_bg ul,



.user_bg li {



   margin: 0px;



   padding: 0px;



   list-style-type: square;



}



.user_bg th,



.user_bg h3 {



   height: 28px;



   line-height: 28px;



   font-size: 14px;



   color: #FFFFFF;



   padding: 0px 5px;



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



   margin: 0 0 5px 0;



   font-weight: normal;



}



.user_bg .user_inside {



   margin: 5px;



   height: 136px;



   overflow: hidden;



}



.user_bg .user_inside1 {



   margin: 5px 5px 5px 15px;



   height: 136px;



   overflow: hidden;



}



.separator {



   width: 2%;



   min-width: 22px;



   height: 140px;



   float: left;



   background-repeat: no-repeat;



   background-position: top center;



}



#user_bottom {



   padding: 0px 16px;



   margin-top: 5px;



}



#user_bottom .user_bg {



   margin: 0;



}



.user_bg .bottom_user, .user_bg .bottom_user1, .user_bg .bottom_user2, .user_bg .bottom_user3 {



   width: 30%;



   height: 140px;



   margin: 0px;



   float: left;



   padding: 0px;



}



.user_bg .bottom_user1 {



   width: 100%;



}



.user_bg .bottom_user2 {



   width: 45%;



}



.user_bg .bottom_user3 {



   width: 30%;



}



.user_bg .bottom_user1 {



   width: 30%;



   height: 140px;



   margin: 0px;



   float: left;



   padding: 0 0 0 15px;



}



#footer {



   background-color: #336799;







   color: #fff;







   padding: 10px 20px;



   font-family: Tahoma, Arial, Verdana;



   height: 20px;



}



#copy {



   float: left;



   font-size: 11px;



   padding-left: 10px;



}



#othermenu {



   float: right;



   overflow: hidden;



   font-size: 11px;



   font-weight: bold;



}



#othermenu_in ul,



#othermenu_in li {



   list-style-type: none;



   margin: 0;



   padding: 0;



   display: inline;



}



#othermenu_in {



   margin-right: -2px;



   float: right;



}



#othermenu_in a {



   color: #FFFFFF;



   border-right: 1px solid #8B8B8B;



   padding: 0px 20px;



}



.clr {



   clear:both;



}



body  {



   font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;



   background: #336799;



   margin: 0px;



   padding: 0px;







   color: #000000;



}



p, td, tr {



   font-size: 11px;



   padding: 0;



   margin: 0;



   font-family: Tahoma, Arial, Verdana;



}



ul {



   margin: 0px;



   padding: 0px 0px 0px 18px;



   list-style-type: square;



}



a:link, a:visited {



   color: #46AC13;



   text-decoration: none;



}



a:hover {



   text-decoration: underline;



}



.button {



   color: #FFFFFF;



   padding: 3px 5px;



   background-image: url(../images/button.jpg);



   background-repeat: repeat-x;



   background-color: #42A80F;



   margin: 5px 0px;



   border: 1px solid #ACE092;



   font-family: Tahoma, Arial, Verdana;



   font-size: 12px;



   font-weight: bold;



}



.inputbox, input {



   border: 1px solid #CCC;



}



.input, img {



   border: none;



}



.search {}



a.readon {



   background-image: url(../images/readon.gif);



   background-repeat: no-repeat;



   height: 20px;



   width: 102px;



   color: #FFF;



   float: left;



   text-indent: 25px;



   line-height: 20px;



   margin: 10px 0 0 0;



}



.back_button {



   background-image: url(../images/backbutton.gif);



   height: 20px;



   line-height: 20px;



   width: 102px;



   text-indent: 25px;



   color: #FFFFFF;



   font-weight: bold;



   font-size: 10px;



   margin-top: 5px;



}



.back_button a:link {



   color: #FFFFFF;



}



.componentheading {



   background-image: url(../images/componentheading.jpg);



   height: 31px;



   line-height: 31px;



   padding: 0px 10px;



   color: #ffffff;



   font-weight: bold;



   font-size: 14px;



}



.contentheading, .contentheading a {



   font-size: 22px;



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



   color: #000000;



}



.contentdescription {



   padding: 10px;



}



.sectiontableheader {



   padding: 3px 5px;



   background-color: #666;



   color: #FFFFFF;



   font-size: 15px;



   color: #FFFFFF;



}



.sectiontableentry1,



.sectiontableentry2 {



   background-repeat: repeat-x;



   height: 26px;



   line-height: 26px;



   font-size: 12px;



   text-indent: 5px;



   background-position: bottom;



   background-color: #FFFFFF;



}



.createdate,



.small {



   font-size: 10px;



   color: #999999;



}

grazie per l'aiuto!
Connesso

Offline santograz

  • Abituale
  • ****
  • Post: 907
  • Sesso: Maschio
    • Mostra profilo
Re: Problema CSS che forza l'allineamento del testo nei contenuti
« Risposta #1 il: 15 Gen 2009, 09:54:45 »
Ciao,
non ho capito bene: tu centri il testo con l'editor e quello appare bandiera a sinistra o cosa?

Meglio se dai l'indirizzo di una pagina con il problema, piuttosto che un CSS che e' tedioso da leggere :)

Certo che l'editor ti da un codice buono, se no che editor sarebbe? il problema e' sempre nella classe (o id) in cui va a finire...

Ti do un consiglio: installa la barra web developer di Firefox, fai CSS -> View style information. Poi fai click sulla sezione con il problema e la barra ti restituisce la riga del CSS responsabile...
Connesso
Un esperto mi ha detto:"Per avere un sito web sicuro, installalo su di un server locale, poi spegnilo e stacca i cavi". Mi hanno rubato il computer.

Offline emavanti

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
Re: Problema CSS che forza l'allineamento del testo nei contenuti
« Risposta #2 il: 17 Gen 2009, 09:32:35 »
Ho riscontrato, con un altro template, che il problema mi appare solo su Firefox, mentre su explorer no.

Ricapitolando, io centro il testo (o immagini indifferentemente) con l'editor, e l'articolo sul sito mi appare comunque allineato tutto a sinistra, ma sottolineo solo con firefox, con ie non succede  >:(
Connesso

Offline santograz

  • Abituale
  • ****
  • Post: 907
  • Sesso: Maschio
    • Mostra profilo
Re: Problema CSS che forza l'allineamento del testo nei contenuti
« Risposta #3 il: 03 Feb 2009, 18:48:25 »
Non sono un grande esperto di differenze tra IE e Firefox. Certo è che, ogni tanto, Firefox si comporta stranamente con il tag <center>...

Dovresti controllare se con entrambi i browser vengono caricati gli stessi CSS, poi darei un'occhiata all'HTLM risultante...

Quando mi succede così, uso l'addon Developer Toolbar di Firefox per vedere quali elementi del foglio CSS influenzano il blocco di testo che non viene centrato...

Considera anche che, generalmente, la parte centrale del template, dove si trovano i contenuti, è una cella di una tabella, con tutte le classi che la influenzano...

Se vuoi, manda l'indirizzo di una pagina che ti fa questo scherzo...
Connesso
Un esperto mi ha detto:"Per avere un sito web sicuro, installalo su di un server locale, poi spegnilo e stacca i cavi". Mi hanno rubato il computer.
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl