Tabela i css

0

Witam

Mam na stronie element (prostokąt) wewnątrz którego chciałbym umieścić tabelę.

span#ala {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #EAEAEA;  
  border-left: 5px solid #3366CC;
}

 <table id="staty">
<tr>
	<td>komórka1</td>	<td>komórka2</td>   <td>komórka3</td>   <td>komórka4</td>
</tr>
<tr>
	<td>komórka5</td>	<td>komórka6</td>   
</tr>
</table>
 <p><span id="spanik"><img src='users.png'/>&BBBBBBB:<font color=red>
 <?=$ile?></font><br  />
     CCCCCC:&nbsp;<font color=#660033><?=$imienazwisko?></font>
        </span>
        </p>
        
        <p><span id="ala">
                <table id="staty">
<tr>
	<td>komórka1</td>	<td>komórka2</td>   <td>komórka3</td>   <td>komórka4</td>
</tr>
<tr>
	<td>komórka5</td>	<td>komórka6</td>   
</tr>
</table>
                
              
</span>
        </p> 

Problem w tym, że tabela nie jest wewnątrz elementu span id=ala. Jest pod elementem typu span.

0

nie rozumiem. u mnie wyświetla się tabela wewnątrz spana... http://i.imgur.com/s4Rw2.png tak ma wyglądać?

0

U Ciebie jest OK. Myślę, że stronka pobiera wartości jeszcze z innego css-a.

0

Zamieniłem spana na diva i jest cool.

0

z punktu widzenia walidacji nie powinieneś do elementów liniowych (span, p, a, h1, b itp) wsadzać elementów blokowych (div, table etc).

1 użytkowników online, w tym zalogowanych: 0, gości: 1