Printable View
Salve a tutti!
Da qualche giorno stò studiando il CSS ma non riesco a capire come si fa a mettere sulla stessa riga più oggetti.
Ad esempio, come si traduce in css questo?
1) Canzone http://letsrock.altervista.org/images/play_mini.gif
magari con la scritte a sinistra e centrara in verticale rispetto all'immagine ( preferibilmente in fondo a destra )
Per la 1) vorrei non vorrei utilizzare le liste, ma una semplice classe col grassetto e 10px di grandezza.
Basta che metti tutto di seguito senza andare a capo per non andare a capo.
Per allineare in verticale esiste vertical-align.
Citazione:
Originalmente inviato da funcool
il problema è che uso delle classi per comporre la stringa e sull'immagine c'è un link.
________________________________
es.:
<style type="text/css">
h1 {
font-weight: bold;
font-size: 10px;
}
</style>
<html>
<body>
<h1>1)</h1> Canzone <a href="indirizzo">IMMAGINE</a>
</body>
</html>
________________________________
Dopo l'inserimento di h1 va a capo. Anche dopo Canzone va a capo.
Alla fine ho questo risultato:
1)
Canzone
IMMAGINE
h1 serve per scrivere il titolo di una pagina.
Modifica il CSS:
Scrivi il codice HTML così:Codice:.numero {
font-weight: bold;
font-size: 10px;
}
Codice HTML:<div style="vertical-align:middle;"><span class="numero">1)</span> Canzone <a href="indirizzo">IMMAGINE</a></div>
grazie mille!