problema nella stampa di table

  • Creatore Discussione Creatore Discussione parsifal
  • Data di inizio Data di inizio

parsifal

Nuovo Utente
18 Gen 2014
26
0
0
ciao, cercherò di essere il più chiaro possibile tramite qualche img.
praticamente vorrei che tramite un css comune tutte le table degli html si stampino sempre con lo stesso ordine.
al momento stampa questo:
5cg4.png

e questo è il codice:
Codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <link href="Style_Cinema.css" rel="stylesheet" type="text/css">
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>CINEMA'S PARADICE</title>
  </head>
  <body>
      <h1>
        <p align ="center">Movie's Heaven </br></p>
        <p align ='right'>
			    <input type="submit" value="log in" onclick="window.open('http://localhost/cinema_home1.html')">
        </p>  
      </h1>
      <h2>
        <form action="cinema_titolo.php" method="post">
              Cerca titolo: <input type="text" name="Titolo"> </br>
              <p align='Center'><input type="submit" value="avvia" /></p>
              </form>
           <form action="cinema_cerca.php" method="post">
       Cerca un cinema:  <select name="Citta" > 
  		         <option style="color:#272727" value=""></option>
  		      	<option value="Roma">Roma</option><option value="Ferrara">Ferrara</option><option value="Milano">Milano</option>
              <option value="Palermo">Palermo</option><option value="Padova">Padova</option><option value="Torino">Torino</option>  </br>
  		      
            </select>
            <p align='Center'>	<input type="submit" value="avvia" />  </p>
            </form>

      </h2>
        <h3>
        <p align="Center"> <img src="http://pauranka.it/wp-content/uploads/2013/03/arancia-meccanica.jpg" alt="Immagine ridimensionata via css (max-width e max-height)" style="width: 97%; height: 70%; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;" />
        </p>                    
        </h3>
 </body>
</html>
ed infine il css:
Codice:
 titolo
{
	color: #FFFFFF;
	font-size: 40px;
	margin-left: 50%;	
}
  body
{
	background-color: #000000;
}


 h1
{
  font-size:auto%;
  border-radius: 10px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: #0000FF;
  color: #FFFFFF;
}
 h2 
{
  font-size:100%;
  border-radius: 10px;
  margin-right: 75%;
  margin-left: 5%;
  margin-top:  auto;
  margin-bottom: auto;
  background-color: #0000FF;
  color: #FFFFFF;
 }
    
 h3
{
  font-size:auto%;
  border-radius: 10px;
  margin-right: 10%;
  margin-left: 30%;
  margin-top:  auto;
  margin-bottom: auto;
  background-color: #0000FF;
  color: #FFFFFF;
}
 h4
{
  font-size:auto%;
  border-radius: 10px;
  margin-right: 10%;
  margin-left: 10%;
  margin-top:  auto;
  margin-bottom: auto;
  background-color: #0000FF;
  color: #FFFFFF;
  

}
 img
{
  border-radius: 5px;
}

praticamente vorrei che la tabella h3 sia sotto h1 e allineata con l'inizio di h2, perchè al momento h3 si stampa verso la fine di h2.questo naturalmente dovrebbe valere per tutti gli altri html con tabelle h2 e h3 dove includo questo css.

spero di esser stato abbastanza chiaro.grazie in anticipo
 
Scusami ma questa è la cosa più assurda che ho sentito aahahah xD.. h1,h2,h3,h4,h5,h6 non sono tabelle ma sono le heading! D: ... le tabelle sono fatte con il tag <table> e che ormai non si usano più per creare layout! al posto delle tabelle dovresti usare i 'contenitori' (tipo <div>,<section>,<article>,ecc..) :)
 

Discussioni simili