codice tabella errata nel sito

**GIANNI LIMA** · 05-02-2022, 11:45

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>

**Vincent.Zeno** · 05-02-2022, 11:57

ciao, chiarisci "ma se lo inserisco nel sito"

**GIANNI LIMA** · 05-02-2022, 12:10

in un blog del mio sito per farlo vedere al pubblico
....posso mettere il link?

**Vincent.Zeno** · 05-02-2022, 12:17

chiarisci una cosa:
prendi tutto il codice che hai postato e lo metti nell'area testo del modulo per pubblicarlo?

si, metti il link

**GIANNI LIMA** · 05-02-2022, 12:20

https://maniadishop.com/xipblog/post...page_type=post

ho messo tutto il codice come dici tu

**GIANNI LIMA** · 05-02-2022, 12:25

dopo aver messo il codice e salvato, aprendo di nuovo il codice me lo ritrovo cosi (nel backend)

codice:

<p>Table</p><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>

**Vincent.Zeno** · 05-02-2022, 12:36

ovvio che non funzioni, per due motivi:

-nella textarea del modulo ci devi mettere solo il contenuto reale. in questo caso solo il div class container e sui contenuti.
ma devi cambiare nome della classe container, nella pagina del programma questa classe è già usata con l'applicazione di altre regole.

-tutto lo stile lo devi inserire scrivendo css aggiuntivo al tema

**Vincent.Zeno** · 05-02-2022, 12:37

Originariamente inviata da GIANNI LIMA

dopo aver messo il codice e salvato, aprendo di nuovo il codice me lo ritrovo cosi (nel backend)

giustamente.
perché esiste un filtro per eliminare quello che non è contenuto reale

**GIANNI LIMA** · 05-02-2022, 12:44

grazie mille
adesso devo andare, dopo ci do uno sguardo anche se sono convinto di non riuscirci

saluti

Discussione: codice tabella errata nel sito

Strumenti discussione

Ricerca discussione

Visualizza

codice tabella errata nel sito

Permessi di invio