Supporto » Aspetto = Temi » css – significato di clear:both;

  • Risolto luigiamorfini1982

    (@lamorfini)


    Salve, sto facendo un tema da zero e ho finito.. l’unico problema è che per i titoli dei post.. al meta description degli autori e categorie e la data.. devo mettere clear:both; come mai se metto allora i titoli dei post vanno a capo ed invece senza si appiccicano al post superiore ?

    grazie mille.

    Questo è un tema che sto facendo io. [ rimosso perché non utile per la soluzione] .

    Ciao e a presto.

Stai visualizzando 4 risposte - dal 1 al 4 (di 4 totali)
  • scordavo il codice css:

    
    /*
    **==========================================================================
    **  Post Format
    **==========================================================================
    */
    
    #post {
    
    }
    
    #post hr{
      border: 1px solid orange;
      margin-bottom:10px;
    }
    
    #post a:link {
      color: blue;
      text-decoration: none;
    }
    
    /* visited link */
    #post a:visited {
      color: green;
    }
    
    /* mouse over link */
    #post a:hover {
      color: red;
    }
    
    /* selected link */
    #post a:active {
      color: blue;
    }
    
    #post .post-title {
      margin-top:10px;
      float:left;
    
    }
    
    #post .post-title a:link
    {
      color:red;
    }
    
    #post .post-title a:visited
    {
      color:green;
    }
    #post .post-title a:hover
    {
      color:blue;
    }
    #post img {
      max-width: 100%;
    }
    
    #post .meta
    {
      clear:both;
    
    }

    questo è il content.php

    <div id="post">
        <h1 class="post-title">
          <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
        </h1>
        <div class="meta">Postato il&nbsp;&nbsp;<?php echo get_the_date(); ?>&nbsp;&nbsp;in&nbsp;&nbsp;<?php the_category(', '); ?>&nbsp;&nbsp;da&nbsp;&nbsp;<?php the_author_posts_link(); ?></div>
        <hr>
        <div class="content">
          <a href="<?php the_permalink(); ?>">
            <?php the_post_thumbnail('image_thumb', array('class' => 'img-res','alt' => get_the_title())); ?>
          </a>
          <?php the_content(); ?>
        </div>
    </div>

    avete idea? e scusate se ho messo un po di codice.

    Immagine catturata

    Ecco come dicevo .. me lo fa solo quando incontra la gallery e gallery tiled.

    come mai?

    Gloria Liuni

    (@glorialchemica)

    Ciao @lamorfini,
    per approfondire la proprietà clear:both ti consiglio di leggere qui:
    https://css-tricks.com/almanac/properties/c/clear/
    https://developer.mozilla.org/it/docs/Web/CSS/clear

    Moderatore Francesco Di Candia

    (@francescodicandia)

    ciao @lamorfini, questo forum tratta argomenti inerenti WordPress, la tua richiesta di informazioni è inerente css e le sue proprietà. @glorialchemica ti ha dato le info giuste affinchè tu possa risolvere il tuo problema.

Stai visualizzando 4 risposte - dal 1 al 4 (di 4 totali)
  • Il topic ‘css – significato di clear:both;’ è chiuso a nuove risposte.