allineamento testo nel Template [RISOLTO]

[skali06]

Buongiorno, sto creando un nuovo sito con la piattaforma joomla, ma purtroppo il testo esce più di quello che vorrei; bisognerebbe farsì che a 480 px di larghezza il txt vada a capo, prima della fine della banda scura, ho provato a modificare i parametri CSS ma di ridursi proprio non c'è verso!!!

Vi ringrazio in anticipo

www.alb*erto*zu*m*mo.c*om

Codice: [Seleziona]

/* COMMON STYLE
--------------------------------------------------------- */
* {
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;

line-height: 160%;
}
html, body, form, fieldset {
margin: 0;
padding: 0;
}
body.tr-contentpane {
width: auto; /* Printable Page */
margin: 1em 2em;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
}
/* Normal link */
a {
text-decoration: underline;
}
a:hover, a:active, a:focus {

text-decoration: underline;
outline:none;
}
/* Title text */
.tr-contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
}
/* Small text */
small, .small, .smalldark, .mosimage_caption, .author, .createby, .createdate, .modifydate, a.readon, .img_caption {

font-size: 10px;
}
/* Heading */
h1 {
font-size: 180%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
text-transform: uppercase;
}
p, pre, blockquote, ol, ul, h1, h2, h3, h4, h5, h6 {
margin:1em 0;
}
th {
padding: 5px;
font-weight: bold;
text-align: left;
}
fieldset {
border: none;
padding: 0;
}
fieldset a {
font-weight: bold;
}
hr {
border-top: 1px solid #CCCCCC;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
td, div {
font-size: 100%;
}
img {
border: none;
}
.clearfix {
clear:both;
}
#tr-container {
text-align:left;
width:500px;
margin:5px auto;
}
#tr-wrapper {
float:left;
width:100%;
margin-bottom:0px;
}
#tr-content {

}

#tr-content-in {

display:
}
#tr-header {
height:165px;
position:relative;

}
#tr-top-menu {
text-align:center;
height:20px;
padding:0 10px;
margin:0 0 20px 0;

}
#tr-logo {
position:absolute;
top:30px;
}
#tr-logo a {
display:block;
float:right;
height:120px;
width:550px;
}
#tr-right {
float:left;
width:170px;
margin-left:-170px;
overflow:hidden;
}
#tr-right-in {
padding:10px;
}
#tr-left {
float:left;
width:500px;
margin-left:-750px
}
#tr-left-in {
padding:0 10px 10px 0;
}
#tr-footer {
clear:left;
width:100%;
position:relative;
font-size:10px;
padding:10px 0;

}
#tr-footer p {
margin:0;
padding:15px 10px;

}
#tr-stylechanger {
text-align:right;
position:absolute;
right:10px;
top:5px;
font-size:10px;
}
#tr-content-a .moduletable {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
position:absolute;
right:9px;
text-align:right;
top:30px;
width:280px;
}
#tr-content-a .moduletable .item {
line-height:170%;
margin:0;
padding:15px;
}
#tr-content-a .moduletable h3 {
background:#FFFFFF;
display:block;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
padding:5px 5px 5px 30px;
text-align:right;
}
#tr-search {
position:absolute;
top:30px;
right:10px;
}

[conti1]

ciao
benvenuto nel forum

allora quando si usano template cosi stretti , bisogna  tener conto  dello spazio che abbiamo a disposizione .
ti faccio un esempio  con il tuo problema di paginazione e molto semplice e causato delle foto che metti  sono troppo grandi  anche se si vedono senza sfasamenti , ma lo spazio e di 500pxx la tua foto occupa lo spazio 500px riduci la foto a 480px e vedrai che anche le scritte stanno dentro il contorno del template.

ps: ridure le foto intendo la foto  e non nel css altrimenti ridimensioni tutte le immagini che in foturo metti.
ciao ciao

[skali06]

COMPLIMENTI! pensavo fosse chissà cosa, invece avevo sbagliato la larghezza della foto!
Ti ringrazio per la tua disponibilità! e la velocità di risposta!
ciao!!