Problema centramento tabella

**AleJAVA** · 10-01-2015, 01:31

Ciao ragazzi !

Allora vi espongo subito il problema .
Ho creato una tabella HTML,ho inserito align="center" e tutto ok .
Fino a che non dovevo arrotondare i bordi della tabella,ho dovuto aggiungere un file .css (non intendendomi di CSS mi sono affidato ad un testo trovato su qualche forum)
dal momento che l'ho aggiunto,non riesco in nessun modo a centrare sta tabella !! Ho provato tutte le soluzioni ma davvero non so dove sbattere la testa

questi i codici :

<html>
<head> <link rel="stylesheet" type="text/css" href="css.css" media="screen" />
<h1 Tabella </h1> </head>
<title> Tabelle prova </title>
<body bgcolor="green">
<p align="center"> <h1> Tabelle</h1>

<table border=2 align="center" width=800 height=800 bgcolor="yellow" id="tabella"> 
<tr>
<td>

</td>
</tr>
</table>

</div>

</html>

e CSS

#tabella {
border:1px solid #a2a3a2;
background:yellow;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;margin:10px;
padding:2px;}
<!– codice stile intestazione tabella –>
#tabella th {background:color:#fff;padding: 6px;font-size:20px;font-weight:normal;text-align:center;}
<!-– codice stile cella -–>
#tabella td {background:#ffffff;border-top:1px solid #FFFFFF;color:#323232;padding:14px;}
<!– codice stile righe dispari –>
#tabella tr.tabella-dispari td {background:#f3f1f1;color:#323232;}

Grazie eventualmente !

**Vincent.Zeno** · 10-01-2015, 01:49

prima cosa è bene rispettare la struttura di un documento html:
- dichiarazione del doctype

- apertura dell'istanza HTML

- apertura dell'istanza HEAD
- chiusura dell'istanza HEAD

- apertura dell'istanza BODY
- chiusura dell'istanza BODY

- chiusura dell'istanza HTML

es:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>


<head>


<title>...</title>
<!-- ...e altri tag, link al css, script... -->


</head>


<body>


QUI I CONTENUTI




</body>


</html>

comincia col provare a mettere in ordine il documento

**AleJAVA** · 10-01-2015, 02:01

è tutto come dici te ,purtroppo non è venuto indentatato .. così va meglio ?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
   <head> <link rel="stylesheet" type="text/css" href="css.css" media="screen" /> 
       <h1> Tabella </h1>   </head>
       <title> Tabelle prova </title>
         <body bgcolor="green">
         <p align="center">  <h1> Tabelle</h1>  
          
            <table border=2 align="center" width=80  height=80 bgcolor="yellow"                       id="tabella"> <!-- testo -->
                <tr>
                 <td>
                     
                    
                    </td>
                    </tr>                
            </table>
    
    </div>
                 
        
</html>

**Vincent.Zeno** · 10-01-2015, 02:09

Originariamente inviata da AleJAVA

è tutto come dici te

come no...

dai, pensa a quello che fai prima di scrive quel codice: so che ce la poi fare!

**AleJAVA** · 10-01-2015, 02:24

che sbadato non avevo chiuso body !! grazie

pero non è cambiato niente,html head e title sono aperti e chiusi,ho aggiunto il !DOCTYPE di cui tu mi hai fatto l'esempio,ma ancora niente

**Vincent.Zeno** · 10-01-2015, 02:44

meglio se parti da qui:

CSS:

codice:

body { background:green; }
h1 { text-align:center; }
table#tabella { margin:auto; width:80px; height:80px; background:yellow; }

HTML

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 

<head>
<title> Tabelle prova </title>
<link rel="stylesheet" type="text/css" href="css.css" media="screen" > 
</head>

<body>
<h1> Tabella </h1>

<table id="tabella" cellpadding="0" cellspacing="0" border="2" >
    <tr>
        <td>
        testo
        </td>
    </tr>                
</table>

</body>        
</html>

ricorda che la scelta del DTD non è casuale: dichiara COME scriverai il codice nella pagina.
ma questo argomento lo affrontiamo un'altra volta.

dovresti ripassarti le guide di base

**AleJAVA** · 10-01-2015, 14:30

Ok grazie posso farti solo due domandine ?

perchè hai inseritoanche "media="screen" ?
adesso come faccio a fare i margini arrotondati ? Se aggiungo qualcosa del vecchio codice mi divena come prima

**Vincent.Zeno** · 10-01-2015, 14:35

media screen significa che il css va interpretato per la renderizzazione su schermi (i normali monitor).
in assenza di altre specifiche (per esempio print) lo stesso css è usato anche per la stampa su carta o simili.

Originariamente inviata da AleJAVA

adesso come faccio a fare i margini arrotondati ? Se aggiungo qualcosa del vecchio codice mi diventa come prima

non saprei... tu cosa hai scritto?
che sono i "margini arrotondati"?

**AleJAVA** · 11-01-2015, 01:55

ah ok

intendo la parte per arrotondare gli angoli,in modo che non siano soltanto dritti con un'angolo di 90° per la tabella

**Vincent.Zeno** · 11-01-2015, 02:05

angoli e bordi non sono margini...

http://www.html.it/pag/18966/bordi-a...ati-con-i-css/

Discussione: Problema centramento tabella

Strumenti discussione

Ricerca discussione

Visualizza

Problema centramento tabella

Permessi di invio