• K
    User Attivo •

    posizione testo

    ciao a tutti, ho un problema col mio tema, i post sono sono molto semplici, hanno il titolo in rosso e poi inizia l'articolo, io però ho fatto una modifica, ho messo un riquadro dove metterci all'interno il titolo, l'icona della categoria e il posted by ecc....
    il mio problema è che non riesco a far convivere queste tre cose assieme, cioè le icone si il resto no, io vorrei che venisse fuori dentro il riquadro il titolo e sotto il posted by...vi allego un'immagine:

    img520.imageshack.us/img520/7215/immaginegb9.jpg

    questa è la porzione in cui viene richiamato il titolo

    

<div class="post" id="post-<?php the_ID(); ?>">           <h2>
<?php if (function_exists('get_cat_icon')) get_cat_icon('class=myicons'); ?><a href="<?php the_permalink() ?>" 

rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>

<br>
<span style="font-size: 11px; line-height: 18px; font-family:Arial; text-align:left; ">Posted by <?php the_author_posts_link() ?> on <?php the_time('d M y'); ?></span>

</h2>

```e questa è la parte css che ho usato

    .post{
    background: #111;
    margin-bottom: 10px;
    padding: 10px;

    }

    .post h2{
    background:url(images/titolobox.gif) no-repeat;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    margin:10px;
    height: 90px;
    textalign:middle;
    }

    .post h2 a{
    margin:60px;
    color: #de0202;
    text-decoration: none;
    font-family: Arial;
    }

    .entry{

    line-height: 24px;
color: #aaa;

    }

    .postmetadata{
    margin: 10px 0 0;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 18px;
    background: #1c1c1c;
    color: #ccc;
    }

    secondo me fa cosi perchè è dentro l'h2  ma mettendolo fuori mi esce anche dal riquadro...che faccio??:(:? mi sto scervellando da 2 giorni


kikko088
    0
  • J
    User Attivo •

    Si, mettendo tutto nel h2, ovviamente il CSS del h2 si applicano anche a quello che hai inserito nel <span>.
    Usa h2 solo per la formattazione del testo del titolo e applica la formattazione del riquadro solo al div di class=post . Cosi non dovrebbe più uscire dal riquadro.

    Jess

    0
  • K
    User Attivo •

    mmm cioè?non ci ho mai capito un H di css, quindi non so come muovermi, se io uso l'h2 solo per il titolo mi mette fuori il posted by...

    kikko088

    0
  • J
    User Attivo •

    @kikko088 said:

    .post{
    background: #111;
    margin-bottom: 10px;
    padding: 10px;

    }

    .post h2{
    background:url(images/titolobox.gif) no-repeat;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    margin:10px;
    height: 90px;
    textalign:middle;
    }

    Credo che background:url e height:90px in ".post h2" si riferiscono al contenitore e quindi lo sposterei di sopra in ".post" (senza h2)

    Vedi se poi il posted by rimane dentro.

    0
  • K
    User Attivo •

    mmm no, cosi non funziona...non mi appare neanche il box....

    kikko088

    0
  • J
    User Attivo •

    Il box sparisce, perché ci sono due background differenti. Devi riscriverlo per esteso, come

    background-color: #111111;
background-image: url(percorso);
background-repeat: no-repeat;
background-position: center; //se devi centrare l'immagine di sfondo

    oppure metterli tutto in uno:
    {
    background: #111 url('percorso immagine') no-repeat center;
    }

    Il testo posted by dove deve essere posizionato, sotto l'icona oppure a destra dell'icona sotto il titolo? Poi in che colore deve essere scritto il posted by, l'autore e la data?

    Comunque conviene definire lo style dello span non nel elemento stesso, come hai fatto ora, ma tramite una class, dato che immagini questo style deve essere applicato su ogni box.

    0
Effettua l'accesso per rispondere