Home › Forum › Problemi Vari con WP › Suggerimento CSS
-
AutorePost
-
-
17 Maggio 2005 alle 13:44 #153QbicPartecipante
Questa richiesta non è propriamente inerente WordPress, quanto i fogli di stile in generale.
Vorrei che mi aiutaste nel fare una cosa: attualmente nel mio blog ogni tanto metto quella dicitura “On air: xxx – xxx” alla fine del posto, un pò come fa Mr. Brown. Ora io vorrei fare in modo che ci sia una immaginetta, poi 5px di margine, e poi il testo “On air…”. Il tutto con align a destra. Essendo il testo a dimensione variabile, non ci sono ancora riuscito sebbene abbia provato con diversi accorgimenti…
Voi mi sapreste aiutare? Grazie da subito…
-
17 Maggio 2005 alle 13:47 #32855QbicPartecipante
Ah, dimenticavo di dire che per fare ciò basterebbe usare metodi “grezzi” come mettere l’immagine in <img>, ma vorrei usare, se possibile, un solo div per tutto…
-
17 Maggio 2005 alle 14:52 #32856SteveAglAmministratore del forum
allora, se ho capito bene: vuoi creare un box allineato a destra con gli elementi tipo cosà¬:
testo | margine | immagine
Struttura il box cosà¬:
<div class="on_air">
XXX - XXX. <img src="/percorso/immagine.gif">
</div>
il CSS lo implementi cosà¬
.on_air{
text-align: right;
}
.on_air img {
float:right;
margin-left: 5px;
}
Non ho testato, ho solo modificato il mio CSS dell’esempio che hai citato invertendo le proprietà quindi devi fare delle prove, sopratutto con il float:right …
-
17 Maggio 2005 alle 17:05 #32859QbicPartecipante
era immagine | margine | testo ma è uguale credo, è il float di img che va in left, no?
-
17 Maggio 2005 alle 17:09 #32860UncinoPartecipante
è il float di img che va in left, no?
sà¬, ed inoltre ricorda di cambiare margin-left in margin-right
-
17 Maggio 2005 alle 17:11 #32861SteveAglAmministratore del forum
si e il margin-left diventa right
-
17 Maggio 2005 alle 17:35 #32862UncinoPartecipante
SteveAgl
copione :PpP
-
17 Maggio 2005 alle 19:18 #32863QbicPartecipante
Purtroppo non mi è parso funzionare, cosଠho usato questa soluzione
#onair {
text-align: right;
}
e poi usarla cosà¬
<div id="onair"><img src="nota.gif" />XXX - YYY</div>
Ma ovviamente addio ai 5px, perciò il risultato non è perfetto, ma mi va bene…
-
17 Maggio 2005 alle 22:13 #32864SteveAglAmministratore del forum
puoi usare uno o più
tra l’immagine e il testonon sarà una soluzione molto elegante, ma …
-
18 Maggio 2005 alle 17:27 #32873QbicPartecipante
Faccio prima mettere 5px con Photoshop
-
18 Maggio 2005 alle 18:02 #32875SteveAglAmministratore del forum
anche
-
-
AutorePost
- Il topic ‘Suggerimento CSS’ è chiuso a nuove risposte.