[HTML] background annidati che si sovrappongono male

Andrea Alessandrini

Nuovo Utente
26 Apr 2017
2
0
1
48
Buiongiorno,
ottengo un comportamento strano che mi piacerebbe commentare con voi.



Vorrei inserire uno sfondo ed un bordo attorno ad un testo (dentro un div).
Per pare che un altro sfondo bianco me lo impedisca.


Ecco quello che succede.



2rmwea8.png




HTML:
<div class="row">
           <div class="col-xs-3"
               style="border: 1px solid #C0C0C0;
                       border-radius: 10px;
                       background-color: #DCDCDC;"
                       >
               <div t-field="company.partner_id" t-field-options="{&quot;widget&quot;: &quot;contact&quot;, &quot;fields&quot;: [&quot;address&quot;, &quot;name&quot;], &quot;no_marker&quot;: true}"
               style="border: 1px solid blue;
                       border-radius: 10px;
                       background-color: yellow;"
               />
           </div>
       </div>

Importare fare presente che parte del html è generato da qweb (da qui i tag t-field), ma il problema mi pare di css.
 
Ultima modifica:
ciao
vuoi qualcosa del genere?
div_grigio_giallo.jpg

intanto mi sembra che tu non abbia chiuso un div cioe non vedo </div>, ne vedo tre aperti ma solo due chiusi, poi a parte il width che ho messo per farlo più piccolo
HTML:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<div class="row">
    <div class="col-xs-3" style="border: 1px solid #C0C0C0; border-radius: 10px;background-color: #DCDCDC; width:50%; margin:auto;">
    0888888 barcellona
        <div t-field="company.partner_id" t-field-options="{&quot;widget&quot;: &quot;contact&quot;, &quot;fields&quot;: [&quot;address&quot;, &quot;name&quot;], &quot;no_marker&quot;: true}" style="border: 1px solid blue; border-radius: 10px;background-color: yellow;">
            spagna
        </div>
    </div>
</div>
</body>
</html>

p.s.
quando posti del codice racchiudilo con gli appositi bccode
 
ciao
hai tre div aperti
1) <div class="row">
2) <div class="col-xs-3"....>
3) <div t-field......>
mentre, almeno da quanto hai postato se non ti sei dimenticato o tralascato qualcosa vedo solo due </div>
di chiusura, da come hai scritto il div <div class="row"> non è chiuso
 

Discussioni simili