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

    [CSS] Problema con padding

    Ciao!
    Con i css ho fatto un div con queste caratteristiche

    div#news2 {margin: 0px 0px 0px 0px; width: 140px; height: 110px;
    background-image: url(../immagini/xyz.gif); text-align:left;}

    e al testo ho applicato la seguente classe:

    div#news2 .com{color:FDFB78; font-size: 9px; padding: 0px 5px 0px 8px;}

    Tutto funziona correttamente nelle prime righe dopo di che quando deve andare a capo perché il testo non ci entra (non quando ci vado io volontariamente), si disallinea e non rispetta più il padding.

    ---------------------------
    | lascia giusto margin |
    | non rispetta padding |
    | |
    | |
    ---------------------------

    Perché?
    Grazie.

  2. #2

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non e` che si capisca molto, neanche guardando lo schema che hai tentato di postare (e che il forum ha capito male - se vuoi fare ascii-art, devi scriverlo dentro [ code ] ).

    Comunque al minimo devi postare il codice HTML cui si riferisce il CSS.
    Meglio ancora un link alla pagina (se possibile).

    E dato il tipo di problema devi dire con quale/i browser hai testato.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Hai ragione... riproviamo!

    Dunque su IE6 ho il seguente problema:



    Solo la prima riga rispetta il padding, le altre no disallineandosi dal resto...

    Tenete conto che il div dentro cui inserire il commento si chiama news2 ed è descritto da

    codice:
    div#news2 {margin: 0px 0px 0px 0px; width: 140px; height: 110px; 
    background-image: url(../immagini/xyz.gif); text-align:left;}
    dove xyZ.gif è l'immagine del cartello

    al testo ho applicato la seguente classe:

    codice:
    div#news2 .com{color:FDFB78; font-size: 9px; padding: 0px 5px 0px 8px;}
    Quindi stampo dei commenti con una pagina in php che li recupera da un db:

    codice:
    echo nl2br("<span class=\"com\">$commento</span>");
    Spero di essere stato più chiaro!

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Un codice CSS dice poco se non e` accompagnato dal codice HTML cui si riferisce.

    Il discorso lato server non riesco a seguirlo: viene prima o dopo la pagina di cui stai parlando?
    Se viene prima non interessa (interessa solo come ha generato la pagina); se viene dopo e` un problema dell'altra pagina.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    Ho preso solo il codice html generato da php e omesso le parti che non possono interessare

    codice:
    <html>
    <head>
    
    <title>bla bla bla</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="description" content="bla bla bla">
    <meta name="keywords" content="bla bla bla">
    <link rel="stylesheet" type="text/css" href="../css/template.css">
    <script language="JavaScript">
    Qui ci stanno dei javascript
    </script>
    <body bgcolor="#ffffff" onLoad="MM_preloadImages('../immagini/barnav/barnav_r1_c3_f2.gif','../immagini/barnav/barnav_r1_c3_f4.gif','../immagini/barnav/barnav_r1_c3_f3.gif','../immagini/barnav/barnav_r3_c1_f2.gif','../immagini/barnav/barnav_r3_c1_f4.gif','../immagini/barnav/barnav_r3_c1_f3.gif','../immagini/barnav/barnav_r5_c3_f2.gif','../immagini/barnav/barnav_r5_c3_f4.gif','../immagini/barnav/barnav_r5_c3_f3.gif','../immagini/barnav/barnav_r7_c2_f2.gif','../immagini/barnav/barnav_r7_c2_f4.gif','../immagini/barnav/barnav_r7_c2_f3.gif','../immagini/barnav/barnav_r9_c2_f2.gif','../immagini/barnav/barnav_r9_c2_f4.gif','../immagini/barnav/barnav_r9_c2_f3.gif');">
    </head>
    
    <body>
    <div id="container"> 
      <div id="header"> 
    [img]../immagini/up.jpg[/img]
      </div>
      <div id="content1"> 
        [img]../immagini/bla.jpg[/img]
    
         <span class="elenco">Anno:</span> 2004
    
         <span class="elenco">Autore:</span> AA.VV.
    
         <span class="elenco">Titolo:</span> La super raccolta
    
         <span class="elenco">Edizione:</span> bla bla bla
    
         
    
    
    
    
    
    
    
    
    
    
    <span class="recensione">L'idea di questa antologia...
    
        <center>
         <A HREF="insert.php?" class="colore_link">Inserisci commento
    </a><A HREF="view_c.php" class="colore_link"> Leggi i commenti&nbsp(52)
    </A>    </center> 
        <div class="split2"> 
          <div> bla bla bla</div>
        </div>
      </div>
      <div id="extra"> 
        <div id="news2">
            
    
     
            
    
    <span class="com">Prova commento per html.it.
    
    Come vedete rispetta il padding sinistro solo nella prima riga</span></p>
        </div>
        </div>
      <div id="navigation"> 
            Qui ci stanno le istruzioni per la barra di navigazione
        <div> </div>
      </div>
      
     <div id="footer">
        <div id="footersn"> Chi siamo </div>
        <div id="footerdx">  Contatti </div>
        bla bla bla</div>
    </body>
    </html>

  7. #7
    <div id="news2">





    <span class="com">Prova commento per html.it.

    Come vedete rispetta il padding sinistro solo nella prima riga</span></p>
    </div>
    hai messo il testo in uno span, cioè in un elemento inline. Per cui viene interpretato come su 1 linea.

    Spostalo, come corretto, nel markup |P|:
    <div id="news2">
    <p class="com">
    Prova commento per html.it.

    Come vedete rispetta il padding sinistro solo nella prima riga</p>
    </div>

    Ciao!

    PS. per favore, spezza le righe che hai postato.
    In questo modo il thread è illeggibile.
    Qualunque imbecille può inventare e imporre tasse. (Maffeo Pantaleoni)

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci sono varie cose che permettono al browser di fare quello che vuole.
    1. usi formattazione HTML mescolata a CSS: non conviene mai. Sposta tutta la formattazione dentro i CSS.
    2. Nella pagina ci sono due tag <body>, di cui uno non chiuso e dentro la head.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.