Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    paragrafi puntati a fianco di una tabella

    Ciao, premetto che prima di postare qui mi sono soffermato a leggere questa discussione e a provare le varie soluzioni.

    Il problema è che non riesco ad allineare i paragrafi puntati a fianco ad una tabella.

    Ho provato le varie soluzioni suggerite ma non ottengo il risultato desiderato.
    Mi spiego.
    sulla sinistra ho una tabella posizionata con

    .tabellasinistra {
    background : White;
    border-collapse : collapse;
    font: 12px;
    margin-left: 20px;
    margin-right: 20px; /* espediente per allontanare i contenuti dalla tabella */
    float: left;
    }

    ho poi 2 paragrafi puntati con
    ul.lista_img_dx li {
    list-style-image : url(images/list.png);
    text-align: left;
    }
    ul.lista_outside_dx li {
    list-style-position : outside;
    text-align: left;
    }

    Il punto elenco tende sempre e comunque a sovrapposri alla tabella
    Per chiarezza mostro un'immagine di come si vede l'insieme e di come penso si debba vedere.
    Le 2 righe blu stanno solo ad evidenziare l'allineamento attuale e l'allineamento che invece mi aspetto



    Vi ringrazio per l'eventuale aiuto che riuscite a darmi


  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    codice:
    ul.lista_img_dx, ul.lista_outside_dx {list-style-position:inside;}

  3. #3
    grazie Prill per la sollecita risposta.
    Sì, con quella regola che hai suggerito ora l'allineamento c'è, ma se la frase che sta nella[*] è più lunga della riga e deve tornare accapo, invece del solito allineamento rientrato rispetto ai punti elenco, si allinea a questi come si vede da questa immagine



    Forse a questo punto occorre intervenire su qualche altro parametro?

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Puoi giocare con margin e padding lasciando perdere il list-style-position:

    codice:
    ul.lista_img_dx {
      margin:0;
      padding:20px;
    }

  5. #5
    Ariciao Prill
    ho subito provato il codice che gentilmente mi hai postato e questo è il risultato



    Da questa avventura e, per come è attualmente impostato il foglio, sto cominciando a capire una cosa: il paragrafo puntato mi si allinea solo se gli do un margin-left impostato a 215px che più o meno è la larghezza occupata dalla tabella attuale. Questo si può fare se si conosce lo spazio occupato dalla tabella.

    Ma il problema non si risolve se non si conosce lo spazio occupato dalla tabella.

    Ora mi chiedo se non c'è una soluzione che si adatti anche con tabelle di cui non si conoscono le dimensioni?

    Per ora ciao e grazie per la pazienza.

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.