Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16
  1. #1
    Utente di HTML.it L'avatar di flessciato
    Registrato dal
    Jun 2002
    Messaggi
    1,522

    allineamento immagine e testo

    Ciao a tutti. Volevo chiedervi una cosa

    ho un semplice testo dentro un tag



    tipo


    questo è un testo questo
    è un testo questo è un testo
    questo è un testo</p>

    io vorrei mettere un'icona a destra del testi MA sulla stessa linea, cioè senza fare il ritorno a capo

    Ho provato in svariati modi. L'immagine va a destra ma mi crea sempre una linea a capo
    ho provato con text-align=right, ho anche dato al paragrafo un inline ma niente.

    Voi come fate?
    Slack 10 - Apple G5 2.5 - winzoz xp
    php/mysql/apache
    Flash MX / roba in 3D / roba per il video e l'audio

  2. #2
    devi usare

    img {
    float: left;
    }

    o right a seconda di dove la vuoi mettere..
    Questa volta, più che un voto.. è favoreggiamento.

  3. #3
    Utente di HTML.it L'avatar di flessciato
    Registrato dal
    Jun 2002
    Messaggi
    1,522
    ho provato e non va

    io ho messo




    testo
    <span class="classe con il tuo float">img</span>
    </p>

    cioè va a destra ma mi crea una nuova riga
    Slack 10 - Apple G5 2.5 - winzoz xp
    php/mysql/apache
    Flash MX / roba in 3D / roba per il video e l'audio

  4. #4
    Utente di HTML.it L'avatar di flessciato
    Registrato dal
    Jun 2002
    Messaggi
    1,522
    non so se hai capito cosa devo fare... ho messo il codice come dici tu ma questo è il risultato
    (vedi allegato)

    io invece devo fare in modo che quell'immagine sia ALLINEATA ORIZZONTALMENTE "con testo di prova"

    Se metto il float:right va a destra ma in una nuova riga
    Immagini allegate Immagini allegate
    Slack 10 - Apple G5 2.5 - winzoz xp
    php/mysql/apache
    Flash MX / roba in 3D / roba per il video e l'audio

  5. #5
    Per allineare l'img in basso a destra del blocco p si puo utilizzare il metodo relativo/assoluto (di solito lo uso come soluzione semi-universale)
    es.


    codice:
    <style>
    p#a
    {
    position: relative;
    }
    img#b
    {
    position: absolute;
    bottom: 0;
    right: 0;
    }
    </style>
    
    <p id="a">
    testo
    [img]...[/img]
    </p>

  6. #6
    Originariamente inviato da flessciato
    io ho messo




    testo
    <span class="classe con il tuo float">img</span>
    </p>

    cioè va a destra ma mi crea una nuova riga
    prova a fare il contrario cioè




    <span class="classe con il tuo float">img</span>
    testo
    </p>

    anche se non sono sicuro funzioni.. xke ovviamente il tutto dovrebbe essere contenuto in un <div> tipo

    Codice PHP:
    <div id="qualcosa">
    [
    img]####[/img]


    testo</p>
    </
    div
    l'immagine la metti float: right; cosi dovrebbe andare..

    Ahh l'immagine prendila cosi..

    #qualcosa img {float: right;}

    se non capisci chiedi...

    @kiantis buona anche la tua soluzione xò io personalmente non utilizzo le position perche stanno per essere deprecate e molto probabilmente non verranno considerate nelle prossime versioni di CSS quindi preferisco non dover avere problemi in futuro..
    Questa volta, più che un voto.. è favoreggiamento.

  7. #7
    Deprecata una cosa cosi utile?
    Vogliono ritornare alle tabelle?

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non mi risulta che i posizinoamenti saranno deprecati.

    Pero` usare i posizionamenti assoluti, limita molto il layout.
    Dato che non e` possibile definire la dimensione del font, i posizionamenti assoluti non sono praticamente utilizzabili in molti progetti.

    Inoltre ci sono errori di interpretazione da parte di molti browser (non solo IE6).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  9. #9
    Ecco dai qualcosa hanno che non mi andava...

    Rientra tra le cazzate di ieri o di oggi..
    Che mona che son.. :berto:
    Questa volta, più che un voto.. è favoreggiamento.

  10. #10
    Originariamente inviato da flessciato
    non so se hai capito cosa devo fare... ho messo il codice come dici tu ma questo è il risultato
    (vedi allegato)

    io invece devo fare in modo che quell'immagine sia ALLINEATA ORIZZONTALMENTE "con testo di prova"

    Se metto il float:right va a destra ma in una nuova riga
    Di recente è stata pubblicata una guida molto interessante sui marcatori perfetti...prova a fare qualche ricerca^^.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.