Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    67

    Margine di un elemento in un div.

    Salve a tutti ragazzi. :)
    Chiedo dapprincipio scusa per la – forse – banalità della domanda, ma mi sono trovata davanti a un "problema" che non so se è risolvibile direttamente con il css magari settando diversamente le position.

    Vengo al dunque.

    Ho un editor di testo (ckeditor) che, una volta che l'utente ha premuto invio, fa stampare a video il testo direttamente in un div.

    Il mio problema subentra quando l'utente usa il rientro di testo e attribuisce un margin-left agli elementi: gli elementi escono ovviamente dal div con width impostato a una certa misura percentuale.

    C'è un sistema per far in modo che gli elementi con margin-left superiore alla dimensione del div contenitore non vadano laggiù ma vengano, invece, mantenuti al suo interno?

    Spero di essere stata abbastanza chiara: vi lascio comunque del banalissimo codice di esempio.

    Grazie in anticipo.

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test</title>
    </head>
    
    
    <body>
    <div style="width:60%; background-color:#099;">
        <p style="margin-left:1119px">Here I am.</p>
    </div>
    
    
    </body>
    </html>

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao con un overflow:auto sul div avresti lo scrolling e il tesyo resterebbe al suo interno. Ma il testo avrebbe comunque un margine spropositato. Sovrascrivere il valore del margine sinistro?

  3. #3
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    aggiungo: per sovrascrivere il margine, via css, potresti richiamare nella pagina un foglio di stile con una regola del tipo:

    codice:
    p {
        margin-left:... !important
    }
    dove al posto dei puntini andrebbe il tuo valore (al posto del selettore p potresti avere anche altro)

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    67
    Ciao Prill! Grazie della risposta!
    Direi che entrambi le soluzioni vanno più che benissimo, ma al momento quella dell'overflow è la più sensata (sebbene forse più "bruttina") al mio problema.
    Quindi ti ringrazio davvero tanto per la soluzione

    Buona giornata!

Tag per questa discussione

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.