Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1

    Tag LI, evitare 'a capo' di più elementi

    Ho una lista elementi composta per ogni elemento di un immagine, del testo e un'altra immagine.

    Ho provato ad utilizzare i TAG UL e LI, ma l'effetto visivo che ottengo è un a capo dopo ognuno dei tre elementi.

    Sto sbagliando strada o ho dimenticato qualcosa per vederli tutti e tre nella stessa riga?
    Loris Cabianca
    Shado.it
    Sviluppo Sistemi Informativi, Consulenze, Corsi Privacy e Sicurezza

  2. #2
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Codice?

    Verifica che sia così:

    <ul>[*]Testo [img]...[/img]testo[/list]

  3. #3
    Ecco il codice.

    codice:
    <ul>[*][img]/IspScripts/Mwp/Img/imgLinkInt16x16.gif[/img]
    Home
    [*][img]/IspScripts/Mwp/Img/imgLinkInt16x16.gif[/img]
    Chi Siamo
    [*][img]/IspScripts/Mwp/Img/imgLinkInt16x16.gif[/img]
    Dove siamo
    [*][img]/IspScripts/Mwp/Img/imgZip16x16.gif[/img]
    Contratti
    [img]/IspScripts/Mwp/Img/imgNovitaB16x16.gif[/img]
    [*][img]/IspScripts/Mwp/Img/imgDoc16x16.gif[/img]
    Tabella UCE
    [img]/IspScripts/Mwp/Img/imgNovitaB16x16.gif[/img]
    [/list]
    Gli elementi da tenere in linea sono img, a, img
    Loris Cabianca
    Shado.it
    Sviluppo Sistemi Informativi, Consulenze, Corsi Privacy e Sicurezza

  4. #4
    Il CSS standard prevede che alla fine di ogni tag "li" ci sia un ritorno a capo.

    A mio avviso dovresti creare un foglio di stile in cui specificare quello che ti interessa.

  5. #5
    In effetti vi è agganciato un css ma non so capire/cercare/immaginare quale sia la direttiva che eviti a LI di mandare a capo dopo ogni tag.

    Sai darmi info, url, code, ...?
    Loris Cabianca
    Shado.it
    Sviluppo Sistemi Informativi, Consulenze, Corsi Privacy e Sicurezza

  6. #6
    codice css:

    li {
    display: inline;
    }

    Se vuoi inserirlo nella pagina html, nella head del documento inserisci il seguente codice:

    <style type="text/css">
    li {
    display: inline;
    }
    </style>

  7. #7
    Utente di HTML.it L'avatar di LA VALE
    Registrato dal
    Sep 2003
    Messaggi
    667
    Prova ad inserire nel css:

    ul {
    list-style-type: none;
    }


    Così gli elementi LI non andranno a capo.

  8. #8
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da LA VALE
    Prova ad inserire nel css:

    ul {
    list-style-type: none;
    }


    Così gli elementi LI non andranno a capo.
    così gli elementi li non avranno il punto elenco
    display: inline è il suo

  9. #9
    Utente di HTML.it L'avatar di LA VALE
    Registrato dal
    Sep 2003
    Messaggi
    667
    è verooooo..
    infatti io di solito li metto entrambi..

    Comunque è utile anche non visualizzare il punto

  10. #10
    x La Valle
    già il mio css imposta il tuo consiglio.

    x Pierofix
    Ho provato. L'effetto e che non va a caop tra un LI e l'altro

    Non è quello che voglio.

    Voglio che i tre tag img, a, img siano nella stessa linea, e solo al successivo li si vada a capo.
    Loris Cabianca
    Shado.it
    Sviluppo Sistemi Informativi, Consulenze, Corsi Privacy e Sicurezza

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 © 2025 vBulletin Solutions, Inc. All rights reserved.