salve a tutti
avrei bisogno di un aiuto per risolvere questo problema.
ho un codice di una tabella che aprendola su un browser va tutto bene, ma se lo inserisco nel sito non va bene, si vede che manca qualcosa che io non so
allego gli screen
grazie
codice:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Table</title> <style> *{ box-sizing: border-box; } .container{ max-width: 1170px; margin: auto; padding: 10px 15px; text-align: center; color: #fff; } .row.header{ text-align: center!important; } .row{ display: flex; } .twentytwo{ width: 22%; background: #009688; text-align: left; padding-left: 4px; } .eight{ width: 8%; background-color: #673ab7; } .middleOne{ width: 40%; background-image: url(Yellow-Desk-Simple-Background-Image.jpg); background-size: cover; } img{ width: 100%; } </style> </head> <body> <div class="container"> <div class="table"> <div class="row header"> <div class="table-item twentytwo"> <p>CLIENTI</p> </div> <div class="table-item eight"> <p>PUNTI</p> </div> <div class="table-item middleOne"> <p>REGALI</p> </div> <div class="table-item twentytwo"> <p>CLIENTI</p> </div> <div class="table-item eight"> <p>PUNTI</p> </div> </div> <div class="row"> <div class="table-item twentytwo"> <p>Balraf-54r15g</p> <p>Cosgio-80h45b</p> <p>Dalfra-70p13g</p> <p>Deaant-76h70a</p> <p>Delric-73d27f</p> <p>Dicgio-91t17g</p> <p>Disdom-71h17z</p> <p>Falgen-76m11a</p> <p>Fergen-67p22g</p> <p>Ferpie-01a15c</p> <p>Hyskoz-91a65z</p> <p>Iavdav-89r28g</p> <p>Menerm-69h01g</p> <p>Pezcar-74s15f</p> <p>Pezmar-67s50a</p> <p>Pirmic-39d19g</p> <p>Puzale-85a04g</p> <p>Silant-64p15g</p> </div> <div class="table-item eight"> <p>9</p> <p>13</p> <p>11</p> <p>42</p> <p>3</p> <p>1</p> <p>4</p> <p>0</p> <p>6</p> <p>2</p> <p>1</p> <p>12</p> <p>10</p> <p>35</p> <p>8</p> <p>6</p> <p>2</p> <p>8</p> </div> <div class="table-item middleOne"> <a href="https://www.google.com/"> <img src="./Yellow-Desk-Simple-Background-Image.jpg" alt="img"> </a> </div> <div class="table-item twentytwo"> <p>Balraf-54r15g</p> <p>Cosgio-80h45b</p> <p>Dalfra-70p13g</p> <p>Deaant-76h70a</p> <p>Delric-73d27f</p> <p>Dicgio-91t17g</p> <p>Disdom-71h17z</p> <p>Falgen-76m11a</p> <p>Fergen-67p22g</p> <p>Ferpie-01a15c</p> <p>Hyskoz-91a65z</p> <p>Iavdav-89r28g</p> <p>Menerm-69h01g</p> <p>Pezcar-74s15f</p> <p>Pezmar-67s50a</p> <p>Pirmic-39d19g</p> <p>Puzale-85a04g</p> <p>Silant-64p15g</p> </div> <div class="table-item eight"> <p>9</p> <p>13</p> <p>11</p> <p>42</p> <p>3</p> <p>1</p> <p>4</p> <p>0</p> <p>6</p> <p>2</p> <p>1</p> <p>12</p> <p>10</p> <p>35</p> <p>8</p> <p>6</p> <p>2</p> <p>8</p> </div> </div> </div> </div> </body> </html>
Rispondi quotando