Tabella con riga più lunga

miagy

Utente Attivo
2 Nov 2014
83
1
8
Ciao ragazzi,
mi sto dilettando nella combo html + css
Per il momento, da un punto di vista stilistico, non ho problemi. Ho solo un dubbio sulla creazione di una riga più lunga dentro una tabella.
Per semplificare, ecco un'immagine bozza:

prova-tabella.png


Come potete vedere, la riga contenente IMM, SCRITTA, IMM, SCRITTA è più lunga e fuoriesce dalla tabella principale.
Ecco, chiedo aiuto proprio su questo effetto. Quale sarebbe la sintassi corretta?
E come posso allineare gli oggetti sottostanti in maniera ordinata? :(
 

miagy

Utente Attivo
2 Nov 2014
83
1
8
Posta il codice che stai usando
Ciao Tommy, grazie della risposta.

Non l'ho ancora iniziato. Avevo iniziato a idearlo usando il linguaggio base della tabella (table, tr, td), ma mi sono bloccato subito perché, una volta giunto al tr, non avevo idea di come rendere quell'effetto.
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Ma non ho capito, hai avuto un problema che vorresti restringere quei due bordi per avere tutta la tabella uniforme, o stai cercando di ottenere l'effetto dei due bordi più larghi?
 

miagy

Utente Attivo
2 Nov 2014
83
1
8
Ma non ho capito, hai avuto un problema che vorresti restringere quei due bordi per avere tutta la tabella uniforme, o stai cercando di ottenere l'effetto dei due bordi più larghi?

Sto cercando di ottenere l'effetto dei due bordi più larghi.
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Prova a impostare una width sulla table ad esempio di 400px. Poi in quel tr che vuoi avere più largo metti width di 460, con margin-left di -30 e prova a vedere che succede
 

miagy

Utente Attivo
2 Nov 2014
83
1
8
Prova a impostare una width sulla table ad esempio di 400px. Poi in quel tr che vuoi avere più largo metti width di 460, con margin-left di -30 e prova a vedere che succede

Ciao Tommy, grazie del suggerimento.
Purtroppo no, non dà il risultato sperato.
Ti copio la bozza che ho fatto:

HTML:
<!-- iniziamo la tabella principale -->

<table width="400" align="center" class="listone" cellpadding=0 cellspacing=0>
<tr>
<td align=center colspan=4>INTESTAZIONE</td>
    </tr>
<!-- inseriamo la riga i cui lati devono uscire fuori dalla tabella -->

    <tr style="width:460px;margin-left:-30px;">
        <td colspan="2" align="center" class="elenco">
           
            IMM
       
        </td>
        <td  align="center" class="elenco">
           
            SCRITTA
       
        </td>  
        <td  align="center" class="elenco">
           
            IMM
       
        </td>
    </tr>
<!--ora inseriamo i dati -->
   
    <tr height=20>
<td width=25 align=center>
IMMAGINE
</td>      
<td height=25 align=center valign=center>
Scritta
</td>
<td width="150" valign=center align=center>IMMAGINE</td>
<td width="150" valign=center align=center>SCRITTA</td>
</tr>

Questo èil css

CSS:
table.listone{

    border-collapse:collapse;
    background-color: #091729;
    border: 1px solid #000810;

}
.corpo{
font-family: calibri;
font-size: 13px;
color: #7ba1d3;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
I Riga tabella HTML creata con cicli PHP e Query Sql che restituisca un campo se si clicca la Riga PHP 4
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
A Tabella con bottoni per aggiornamento record PHP 6
S problema con recupero dati tabella mysql PHP 2
M Esportare tabella in csv con intestazione di colonne PHP 6
V Come stampare su Excel tabella con rowspan e colspan Javascript 2
M Posizionare una tabella con scroll su un elemento specifico PHP 3
F Dropdown menu con tabella PHP 33
B Fare calcoli con php da tabella mysql PHP 2
elpirata Popolare campi tabella con totali estratti da database PHP 24
D [MS Access] Piu' maschere con una sola tabella dati... MS Access 0
G inserimento csv in tabella mysql; problema con struttura PHP 11
A [MS Access] Maschera per interagire con tabella excell MS Access 19
S [PHP] Selezionare i campi non in comune con le altre colonne della tabella PHP 4
V Creare tabella mysql con php non funziona PHP 1
A [PHP] RISOLTO Invio Mail con Tabella PHP 2
M Creare tabella da pagina php popolata con valori passati con POST PHP 5
S [PHP] selezionare colonne in comune con un altra tabella PHP 5
S [HTML] Tabella con intestazione verticale HTML e CSS 4
Trabba [MySQL] Trasformare tabella con totali MySQL 2
M [PHP] Tabella datagrid con icona di modifica che cambia in base a parametro PHP 0
C Inserire dati tabella leggendo parte di altra tabella con php PHP 13
P [PHP] Creare un elenco completo con tabella PHP 3
Albesus [PHP] Confronto input con tabella e risultato PHP 10
giancadeejay Aggiornare tabella db con php PHP 10
L Tabella dinamica con campi interni a td jQuery 1
giuseppe_123 [PHP] ricerca in una tabella con my sql PHP 0
C [MySQL] errore nell'importazione tabella con file csv MySQL 0
L [PHP] selezionare righe di una tabella con le checkbox e cancellarle PHP 2
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
S [PHP] Selezione dati con riferimento ad altra colonna tabella PHP 22
F Righe di una tabella a comparsa con click Javascript 11
I Tabella/aree di testo con input da lista di nomi. PHP 4
G Tabella con date PHP 9
A Creare una fattura con dati di intestazione estratti da tabella MySQL 0
F Tabella con prima colonna con i risultati di una query PHP 1
I tabella con ciclo, recupero dati PHP 3
T Problema con l'aggiornamento di una tabella <Table> PHP 5
9 eliminare righe di una tabella con form html PHP 6
P Aggiornare Tabella con form ma senza Mysql HTML e CSS 0
C Problema con Update di una tabella di un db PHP 3
A Access, creare nuova tabella in DB esterno con VBA Visual Basic 0
neo996sps [PHP e funzioni con PDO] Funzione per generare corpo tabella PHP 1
M Access-Query per creare una tabella con la data nel nome tabella MS Access 0
neo996sps [PHP + MySQL] Tabella 5 colonne per N righe con un record per cella PHP 3
F problema su query con nome tabella variabile PHP 20
P Cambiare il valore di un campo tabella con un pulsante cliccabile PHP 2
P Tabella Dinamica in javascript (aggiungere righe con textinput) Javascript 1
M Aggiornare grafico con i dati inseriti in tabella PHP 0
V Problema con tabella jQuery jQuery 9

Discussioni simili