Visualizzazione risultati 1 fino 4 di 4

Discussione: [CSS] Classe con div a capo

  1. #1
    Guest

    Post [CSS] Classe con div a capo

    Ciao a tutti, scusate per il titolo..ma non sapevo quale dare :)
    Cmq il mio problema è questo ho scaricato un template (Dreamy@Ginger Ninja!) e voglio modificare questo pezzo dove spunta un icona e accanto il numero dei commenti:
    Codice PHP:
    <div class="comments"><a href="#">3 commenti</a></div>
    e questo è il codice CSS:
    Codice PHP:
    .comments {
    margin-top:-1em;
    }
    .
    comments a {
    color: #6CC7DC;
    background:url(images/icon-comment.png) no-repeat 0px 2px;
    padding-left:20px;
    padding-right:2px;
    }
    .
    comments a:hover {
    color: #B4C835;
    }
    Ora io ho aggiunto questo:
    Codice PHP:
    <div class="comments"><a href="#">3 commenti</a></div> <div class="category"><a href="#">Lotti Residenziali</a></div> <div class="author"><a href="#">Davide</a></div>
    e il CSS:
    Codice PHP:
    .comments {
    margin-top:-1em;
    }
    .
    comments a {
    color: #6CC7DC;
    background:url(images/icon-comment.png) no-repeat 0px 2px;
    padding-left:20px;
    padding-right:2px;
    }
    .
    comments a:hover {
    color: #B4C835;
    }
    /*.category {
    margin-top:-1em;
    }*/
    .category a {
    color: #6CC7DC;
    background:url(images/report.png) no-repeat 0px 2px;
    padding-left:20px;
    padding-right:2px;
    }
    .
    category a:hover {
    color: #B4C835;
    }
    /*.author {
    margin-top:-1em;
    }*/
    .author a {
    color: #6CC7DC;
    background:url(images/user_gray.png) no-repeat 0px 2px;
    background:url(images/user_gray.png) no-repeat 0px 2px;
    padding-left:20px;
    padding-right:2px;
    }
    .
    author a:hover {
    color: #B4C835;
    }
    Perchè ogni div mi spunta a capo?:
    $ 3 commenti
    $ Lotti Residenziali
    $ Davide
    Io vorrei che spuntasse così:
    $ 3 commenti $ Lotti Residenziali $ Davide...
    Grazie.Ciao Davide! :)
    PS: $ = Img che è nel CSS! :)

  2. #2
    L'avatar di hackharo
    hackharo non è connesso Utente
    Data registrazione
    26-01-2007
    Messaggi
    120

    Predefinito

    Quale titolo?

    Comunque i div son fatti così...prova con <span></span>
    Non fare oggi quello che non hai fatto per convinzione ieri...

  3. #3
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Devi aggiungere lo stile display:inline ai DIV di classe .comments...

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  4. #4
    Guest

    Predefinito

    Ok, Grazie! :)
    ...se volete potete chiudere!
    Ciao! :D
    Ultima modifica di sIM : 23-03-2008 alle ore 19.53.47

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •