• E
    User •

    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;}
    h1 {
    font-family: "Trebuchet MS";
    font-size: 2em;
    font-weight: bold;
    color:;
    text-align: left;
    text-transform: uppercase;
    margin-top: 25px;
    margin-left: 100px;}
    h1 a {
    margin-top: 0px;
    text-align: left;
    font-weight: bold;
    color:;
    text-decoration: none;}
    h1 a:hover {
    color: #363636;
    text-decoration: none;}
    p {
    font-family: "verdana";
    font-size: 1em;
    color:;
    margin-top: 3px;
    text-align: left;
    padding-left: 105px;
    letter-spacing: 1pt;}
    #menu {
    margin: 0 auto;
    padding: 66px 0 0 610px;
    overflow: hidden;
    line-height:2.5em;
    text-transform: uppercase;}
    ul {
    margin:0;
    padding:0;}
    li {
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
    white-space:nowrap;}
    li a {
    display:block;
    padding:0 10px;
    font-family: Arial Narrow;
    font-size:1.3em;
    color:;
    letter-spacing:1px;}
    li a:hover {
    display:block;
    padding:0 10px;
    font-size:1.3em;
    color: #fff;
    letter-spacing:1px;}

    • html
      #meu a {width:1%;}
      form {
      float:right;
      height:100%;
      width:164px;
      padding:0 15px;
      line-height:0;
      background:#2E3946;}
      form fieldset {
      margin-top:7px;
      border:1 solid; }
    • html
      form fieldset {margin-top:7px;}
      #s {
      height:1.5em;
      width:115px;
      margin:0 5px 0 0;
      padding:0;
      font-size:1.3em;
      vertical-align:middle;}
      li {border-color:#dfdfdf;}
      a {
      color: #dfdfdf;
      font-weight: bold;}
      a:hover{
      font-size: 10px;
      color: ;
      font-weight: bold;
      text-decoration: none;
      background-color:transparent;}
      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_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_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: 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;}
      ul{
      padding-left: 15px;}
      ul li{
      margin-left: 15px;
      list-style-type: square;}
      ul ul li{
      padding-left: 15px;}
      ol{
      list-style-position: inside;
      padding-left: 15px;
      padding-top: 2px;
      margin-bottom: 10px;}
      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;}
      p{
      padding: 55px 0 0 0;
      display: block;
      margin-bottom: 2px;
      text-align:center;}
      a:link {
      color: #787878;
      text-decoration: none;
      border: none;
      font-weight: bold;}
      a:hover {
      color:;
      border: none;}
      a:visited:hover {
      color:;
      border: none;}
      a:visited {
      color:;
      text-decoration: none;
      border: none;
      font-weight: bold;}
      #sidebarleft{
      color: #00709F;
      margin-bottom: 10px;
      padding: 15px 5px 0 0px;}
      ul{}
      li{
      background: none;
      padding-bottom: 8px;}
      ul li{
      border-bottom: 1px dotted #ADADAD;
      padding: 3px 0 5px 10px;
      display: block;
      margin-left: 20px;
      margin-right: 3px;}
      ul li ul li{
      display: block;
      padding-left: 10px;
      margin-left: 5px;
      margin-right: 3px;
      padding-bottom: 2px;}
      ul li li{
      display: block;
      padding-left: 5px;
      margin-left: 5px;
      margin-right: 3px;
      padding-bottom: 2px;}
      a:link {
      color:;
      text-decoration: none;
      border: none;}
      a:hover {color:;}
      a:visited:hover {color:;}
      a:visited {
      color:;
      text-decoration: none;
      border: none;}
      h2 {
      height: 30px;
      padding: 10px 0 0px 15px;
      font-family: Arial, sans-serif;
      color:;
      background: url(img/sdt.jpg) no-repeat;
      margin-top:15px;}
      #sidebarright{
      color:;
      margin-bottom: 10px;
      padding: 15px 5px 0 0px;}
      ul{}
      li{
      background: none;
      padding-bottom: 8px;}
      ul li{
      border-bottom: 1px dotted;
      padding: 3px 0 5px 10px;
      display: block;
      margin-left: 20px;
      margin-right: 3px;}
      ul li ul li{
      display: block;
      padding-left: 5px;
      margin-left: 5px;
      margin-right: 3px;
      padding-bottom: 2px;}
      ul li li{
      display: block;
      padding-left: 5px;
      margin-left: 5px;
      margin-right: 3px;
      padding-bottom: 2px;}
      a:link {
      color:;
      text-decoration: none;
      border: none;}
      a:hover {color:;}
      a:visited:hover {color:;}
      a:visited {
      color:;
      text-decoration: none;
      border: none;}
      h2 {
      height: 30px;
      padding: 10px 0 0px 15px;
      font-family: Arial, sans-serif;
      color:;
      background: 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;}
      .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:;
      text-decoration: underline;
      font-weight: normal;}
      .postmetadata a:visited{
      border: none;
      color:;
      font-weight: normal;}
      a:link{
      color: #2B2B2B;
      text-decoration: none;}
      a:hover{
      color:;
      text-decoration: underline;}
      a:visited{
      color: #646464;
      text-decoration: none;
      font-weight: normal;}
      a:visited:hover{
      color:;
      text-decoration: underline;}
      a img {
      float: left;
      border:none;
      background:none;
      padding:5px;}
      #feed, img a:link, 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:;}
      .commentlist a:visited{
      border: none;
      font-weight: bold;
      color:;}
      .commentlist a:hover{
      border: none;
      text-decoration: underline;
      font-weight: bold;
      color: #4D4D4D;}
      .commentlist a:visited:hover{
      border: none;
      font-weight: bold;
      color:;}
      .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:;
      font-size: 12pt;}
      #comment{
      color:;
      width:80%;
      background-color:;}
      h1{
      font-size: 36px;
      color:;}
      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;
      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:;
      font-weight: bold;}
      .posttitle a:hover{
      font-size: 18px;
      color: #003449;
      font-weight: bold;
      text-decoration: none;}
      .posttitle a:visited:hover{
      color:;
      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:;
      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:;}
      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: 1px solid;
      }
      [/css]
    0
  • N
    User Attivo •

    È 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.

    0
  • E
    User •

    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 !

    0
  • N
    User Attivo •

    Prova a levare allo stile "img" il float left.

    [html]img {
    float:left;
    padding:0px 5px 5px 5px;}
    [/html]

    E lascia solo il padding.

    0
  • E
    User •

    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 !

                                           :ciauz:
    0
Effettua l'accesso per rispondere