Wordpress - le immagini non stanno al centro Ultimo Messaggio di Exe il: 24-06-2009 alle ore 18:32
Wordpress - le immagini non stanno al centro
Salve ho un fastidioso problema con wordpress , in pratica le immagini che inserisco non vogliono posizionarsi al centro , ma di lato , credo che il problema sia nel file style.css
Posto quindi il codice nel caso qualcuno volesse aiutarmi a risolvere il problema
[css]
*{
margin: 0px;
padding: 0px;}
body { font -size: 12px;
margin: auto;
text-align: center;
color: #000;
background-color: #C0C0C0;
font-family: Verdana, "Times New Roman", Times;}
#header {
margin: 0px auto 0 auto;
height: 98px;
width: 1003px;
background:#fff url (img/top.jpg);}
#title {
float: left;}
#title h1 {
font-family: "Trebuchet MS";
font-size: 2em;
font-weight: bold;
color: #000;
text-align: left;
text-transform: uppercase;
margin-top: 25px;
margin-left: 100px;}
#title h1 a {
margin-top: 0px;
text-align: left;
font-weight: bold;
color: #000;
text-decoration: none;}
#title h1 a:hover {
color: #363636;
text-decoration: none;}
#title p {
font-family: "verdana";
font-size: 1em;
color: #000;
margin-top: 3px;
text-align: left;
padding-left: 105px;
letter-spacing: 1pt;}
#header #menu {
margin: 0 auto;
padding: 66px 0 0 610px;
overflow: hidden;
line-height:2.5em;
text-transform: uppercase;}
#menu ul {
margin:0;
padding:0;}
#menu li {
float:left;
margin:0;
padding:0; list -style-type:none;
white-space:nowrap;}
#menu li a {
display:block;
padding:0 10px;
font-family: Arial Narrow;
font-size:1.3em;
color: #000;
letter-spacing:1px;}
#menu li a:hover {
display:block;
padding:0 10px;
font-size:1.3em;
color: #fff;
letter-spacing:1px;}
* html
#meu a {width:1%;}
#menu form {
float:right;
height:100%;
width:164px;
padding:0 15px;
line-height:0;
background:#2E3946;}
#menu form fieldset {
margin-top:7px;
border:1 solid; }
* html
#menu form fieldset {margin-top:7px;}
#menu #s {
height:1.5em;
width:115px;
margin:0 5px 0 0;
padding:0;
font-size:1.3em;
vertical-align:middle;}
#menu li {border-color:#dfdfdf;}
#menu a {
color: #dfdfdf;
font-weight: bold;}
#menu a:hover{
font-size: 10px;
color: #fff ;
font-weight: bold;
text-decoration: none;
background-color:transparent;}
#menu a:visited{font-weight: bold;}
#banner {
float: center;
width: 1003px;
height:207px;
display: block;
margin: 0 auto;
background:#fff url(img/header.jpg) no-repeat;}
#banner #banner_title{
color:#fff;
margin: 0 auto;
padding: 40px 0 10px 350px;
font-size:25px;
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
width:400px;}
#banner #banner_text{
margin: 0 auto;
padding: 5px 5px 0 350px;
color:#dfdfdf;
font-size:15px;
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
width:450px;}
#container{
clear:left;
padding:0 auto 0 auto;
margin-left:auto;
margin-right:auto;
margin-top: 0;
margin-bottom: 0;
width: 1003px;
height: auto;
background: #fff url(img/container.gif) repeat-y;}
#leftnav{
float: right;
width: 200px;
margin: 0;
padding-top: 4px;
margin-top: 0;
margin-right: 10px;
margin-bottom: 20px;
text-align: left;}
#rightnav{
float: right;
width: 200px;
margin: 0;
padding-top: 4px;
margin-top: 0;
margin-bottom: 20px;
margin-right: 1px;
text-align: left;}
#content{
display: block;
margin: 0px 420px 10px 25px;
padding: 20px 0 0 0;
line-height: 1.5em;
text-align: left;}
#content ul{
padding-left: 15px;}
#content ul li{
margin-left: 15px;
list-style-type: square;}
#content ul ul li{
padding-left: 15px;}
#content ol{
list-style-position: inside;
padding-left: 15px;
padding-top: 2px;
margin-bottom: 10px;}
#content p{
padding-top: 5px;
padding-left: 10px;}
#footwrap{
width: 1003px;
height: 100px;
clear:both;
font-weight: normal;
color: #5E5E5E;
background: #F7F7F7 url(img/footer.jpg) top no-repeat;}
#footwrap p{
padding: 55px 0 0 0;
display: block;
margin-bottom: 2px;
text-align:center;}
#footwrap a:link {
color: #787878;
text-decoration: none;
border: none;
font-weight: bold;}
#footwrap a:hover {
color: #000;
border: none;}
#footwrap a:visited:hover {
color: #000;
border: none;}
#footwrap a:visited {
color: #787878;
text-decoration: none;
border: none;
font-weight: bold;}
#sidebarleft{
color: #00709F;
margin-bottom: 10px;
padding: 15px 5px 0 0px;}
#sidebarleft ul{}
#sidebarleft li{
background: none;
padding-bottom: 8px;}
#sidebarleft ul li{
border-bottom: 1px dotted #ADADAD;
padding: 3px 0 5px 10px;
display: block;
margin-left: 20px;
margin-right: 3px;}
#sidebarleft ul li ul li{
display: block;
padding-left: 10px;
margin-left: 5px;
margin-right: 3px;
padding-bottom: 2px;}
#sidebarleft ul li li{
display: block;
padding-left: 5px;
margin-left: 5px;
margin-right: 3px;
padding-bottom: 2px;}
#sidebarleft a:link {
color: #00709F;
text-decoration: none;
border: none;}
#sidebarleft a:hover {color: #000;}
#sidebarleft a:visited:hover {color: #000;}
#sidebarleft a:visited {
color: #00709F;
text-decoration: none;
border: none;}
#sidebarleft h2 {
height: 30px;
padding: 10px 0 0px 15px;
font-family: Arial, sans-serif;
color: #000;
background: #fff url(img/sdt.jpg) no-repeat;
margin-top:15px;}
#sidebarright{
color: #00709F;
margin-bottom: 10px;
padding: 15px 5px 0 0px;}
#sidebarright ul{}
#sidebarright li{
background: none;
padding-bottom: 8px;}
#sidebarright ul li{
border-bottom: 1px dotted #ADADAD;
padding: 3px 0 5px 10px;
display: block;
margin-left: 20px;
margin-right: 3px;}
#sidebarright ul li ul li{
display: block;
padding-left: 5px;
margin-left: 5px;
margin-right: 3px;
padding-bottom: 2px;}
#sidebarright ul li li{
display: block;
padding-left: 5px;
margin-left: 5px;
margin-right: 3px;
padding-bottom: 2px;}
#sidebarright a:link {
color: #00709F;
text-decoration: none;
border: none;}
#sidebarright a:hover {color: #000;}
#sidebarright a:visited:hover {color: #000;}
#sidebarright a:visited {
color: #00709F;
text-decoration: none;
border: none;}
#sidebarright h2 {
height: 30px;
padding: 10px 0 0px 15px;
font-family: Arial, sans-serif;
color: #000;
background: #fff url(img/sdt.jpg) no-repeat;
margin-top:15px;}
blockquote{
margin: 0px 0px 0px 30px;
padding: 5px 25px 5px 0px;
color: #202020;}
.postmetadata{
display:block;
margin: 10px 35px 10px 20px;
padding: 5px 8px 8px 35px;
text-align: left;
color:#585858;}
#content .postmetadata{}
.postmetadata a:link{
border: none;
color: #585858;
font-weight: normal;}
.postmetadata a:hover{
border: none;
color: #848484;
font-weight: normal;
text-decoration: underline;}
.postmetadata a:visited:hover{
border: none;
color: #848484;
text-decoration: underline;
font-weight: normal;}
.postmetadata a:visited{
border: none;
color: #585858;
font-weight: normal;}
a:link{
color: #2B2B2B;
text-decoration: none;}
a:hover{
color: #585858;
text-decoration: underline;}
a:visited{
color: #646464;
text-decoration: none;
font-weight: normal;}
a:visited:hover{
color: #646464;
text-decoration: underline;}
a img {
float: left;
border:none;
background:none;
padding:5px;}
#feed, #feed img a:link, #feed img a:visited{border: none;}
.commentlist{color: #434343;}
.commentlist li{
margin: 2px 2px 2px 2px;
padding-left: 5px;
list-style: none;
margin-bottom: 5px;}
li.alt{}
.commentlist cite{
padding: 1px 1px 1px 1px;}
.commentlist p{
padding: 5px 5px 2px 3px;
margin-bottom: 5px;}
.commentlist a:link{
border: none;
font-weight: bold;
color: #000;}
.commentlist a:visited{
border: none;
font-weight: bold;
color: #000;}
.commentlist a:hover{
border: none;
text-decoration: underline;
font-weight: bold;
color: #4D4D4D;}
.commentlist a:visited:hover{
border: none;
font-weight: bold;
color: #4D4D4D;}
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited{
text-decoration: none;
color: #01548E;}
.commentnumber {
font: bold normal 14px 'Times New Roman', Times, serif;
font-weight: bold;
margin-top: 5px;
float:right;
color: #000;
font-size: 12pt;}
#comment{
color: #000;
width:80%;
background-color: #fff;}
h1{
font-size: 36px;
color: #000;}
h2{
font-family: Arial, sans-serif;
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 10px;
text-align: left;}
h3{
font-family: Arial, sans-serif;
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;}
h3.posttitle {
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: bold;
height:28px;
padding: 2px 0 0px 25px;
margin-top: 3px;
margin-left: 0px;
border-bottom: 1px solid #000;
background: url("img/pt.jpg") left no-repeat;}
.posttitle a:link{
font-size: 18px;
padding-top: 10px;
color: #005376;
font-weight: bold;}
.posttitle a:visited{
font-size: 18px;
color: #005376;
font-weight: bold;}
.posttitle a:hover{
font-size: 18px;
color: #003449;
font-weight: bold;
text-decoration: none;}
.posttitle a:visited:hover{
color: #003449;
text-decoration: none;}
h4{
font-family: Arial, sans-serif;
margin-top: 15px;
font-size: 13px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;}
h5{
font-family: Arial, sans-serif;
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;}
.date{
position: absolute;
height: 50px;
width: 40px;
font-size: 13px;
float: right;
letter-spacing: 1px;
padding: 4px 0px 0px 0px;
margin-left: 510px;
margin-top: -20px;
text-align: center;
color: #fff;
background: url(img/cal.jpg) no-repeat;}
.entry{
margin-bottom: 5px;}
.post {
display: block;
overflow:hidden;
width:98%;}
code{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
color: #000;}
ul{list-style: none;}
img {
float:left;
padding:0px 5px 5px 5px;}
a img {
float: left;
border:none;
background:none;
padding:5px;}
.alignright {
text-align: right;}
.alignleft {
text-align: left}
.wp-smiley {
padding: 0;}
.textwidget{
margin: 2px 5px 2px 5px;}
.entry img {
background: url(img/shadow.gif) no-repeat right bottom;
padding: 4px 10px 10px 4px;
border-top: #eee 1px solid;
border-left: #eee 1px solid;
}
[/css] CSS Fogli di Stile
Banner Elemento grafico in genere di forma rettangolare contenete messaggi pubblicitari utilizzato nei siti web per campagne pubblicitarie basate sul PPC o sul numero di visualizzazioni o Impression.
HTML HTML (HyperText Markup Language) nasce per mano di Tim Berners-Lee, il costruttore del primo webserver e del primo browser, come estensione di SGML (Standard Generalized Markup Language) nel 1990.
Link Collegamento Ipertestuale
Post Post è il termine utilizzato per segnalare la scrittura e pubblicazione di un messaggio testuale in un determinato spazio web.
Smiley Chiamata anche Emoticon sono "faccine" usate nel linguaggio "informatico" tipico di Chat, Forum. Si usa anche nell'invio di sms per definire uno stato d'animo.
URL (Uniform Resource Locator) è un indirizzo di una risorsa in Internet
WordPress WordPress è una piattaforma per la gestione dei contenuti e la creazione di un blog
Font Font in informatica è l'insieme di caratteri di stampa con caratteristiche formali omogenee.
List List è un costrutto di PHP utile per assegnare dei valori ad una lista di variabili, così come fossero un array.
Moderatore
È capitato anche a me su diversi temi che utilizzo.
Manca il float agli stili: .alignleft
.alignright
Aggiungili al file CSS manualmente, il codice è questo:
float:left
float:right
Ovviamente ognuno nella definizione degli stili corrispettivi a right e left.
Dovrebbe andare penso.
Se non funziona, comunicami il link al tuo blog che vedo quali stili vanno modificati. CSS Fogli di Stile
Blog Un blog è prima di tutto un sito gestito da un CMS.
Link Collegamento Ipertestuale
Ciao n1gH7
Ho inserito le modifiche in questo modo :
[css ]
.alignright {
float:right;
text-align: right;}
.alignleft {
float:left;
text-align: left}
[/css]
Ma il problema purtroppo persiste
Ho fatto delle ricerche online e veniva suggerito di inserire questo codice
in fondo al foglio di stile
[css]
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}
[/css]
Ma anche così non va , niente da fare
Ti posto il link del Blog :
Come sai le regole del forum mi impediscono di inserire l'url completo
tastozero.pc-universal.com
Grazie intanto per l'aiuto ! CSS Fogli di Stile
Blog Un blog è prima di tutto un sito gestito da un CMS.
Forum Il Forum è uno strumento di comunicazione dove l'utente può inserire i propri post. Quando in un forum si apre una nuova discussione si crea un topic che potrà essere seguito da molti reply.
Link Collegamento Ipertestuale
URL (Uniform Resource Locator) è un indirizzo di una risorsa in Internet
Moderatore
Prova a levare allo stile "img" il float left. Codice HTML:
img {
float:left;
padding:0px 5px 5px 5px;} E lascia solo il padding.
Niente , non va
Adesso ho modificato il codice in questo modo :
[css ]
img.alignleft{
float:left;
padding-right:5px}
img.alignright{
float:right;
padding-left:5px}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;}
[/css]
eliminando questa parte del sorgente :
[css]
img {
float:left;
padding:0px 5px 5px 5px;}
a img {
float: left;
border:none;
background:none;
padding:5px;}
.alignright {
float:right
text-align: right;}
.alignleft {
float:left
text-align: left}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;}
[/css]
Diciamo che così va un po meglio , ma ho dovuto apportare delle modifiche a manina anche nel sorgente dell'articolo .
Volevo chiederti sai mica come potrei fare per cambiare il colore dello sfondo dei commenti ?
Saluti e grazie per l'aiuto e per l'interesse mostrato ! CSS Fogli di Stile
Permessi di Scrittura
Tu non puoi inviare nuove discussioni Tu non puoi inviare risposte Tu non puoi inviare allegati Tu non puoi modificare i tuoi messaggi Il codice BB è Attivato Le faccine sono Attivato Il codice [IMG] è Attivato Il codice [VIDEO] è Attivato Il codice HTML è Disattivato Trackbacks Attivato Pingback Attivato Refback Attivato Regole del Forum
SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.