Mam taką tabelkę:

[HTML] pobierz, plaintext 
<div class="table">
   <div class="row">
      <div class="cell">Tekst</div>
      <div class="cell">Tekst</div>
   </div>
   <div class="row">
      <div class="cell">Tekst</div>
      <div class="cell">Tekst</div>
   </div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div.table {
    display: table;
    border-spacing: 1px;  
    width: 100%;
} 
 
div.row {
    display: table-row; 
} 
 
div.cell {
    display: table-cell; 
    width: 50%;
}   
[HTML] pobierz, plaintext 

Pytanie: jak dodać na dole dodatkowy rząd, który będzie się składał tylko z jednej komórki i zajmował całość szerokości?

DIVy nie służą do budowania tabeli.

[HTML] pobierz, plaintext 
<table>
   <tr>
      <td>Tekst</td>
      <td>Tekst</td>
   </tr>
   <tr>
      <td>Tekst</td>
      <td>Tekst</td>
   </tr>
    <tr>
      <td colspan="2">Tekst</td>
   </tr>
</table>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
table {
    border-spacing: 1px;  
    width: 100%;
	background: #f00;
} 
 
td {
    width: 50%;
	background: #00f;
}   
[CSS] pobierz, plaintext 

http://www.kurshtml.boo.pl/html/laczenie_komorek,tabele.html

A dziwne, bo wszędzie widzę, że jak chcę zbudować stronę w budowie podobną do tabeli, to wszyscy krzyczą, żeby robić to na divach...

Dobrze mówisz teraz strona się opiera na divach nie na tabelkach np.

[CSS] pobierz, plaintext 
 
#dol {
width: 100%;
float: left;
[CSS] pobierz, plaintext 

i potem daj na samym końcu .

[HTML] pobierz, plaintext 
<div id="dol">
   </div>
[HTML] pobierz, plaintext 

edit: Zostawię to bez komentarza ;]

Jak dodaję to do diva tabeli, to nadal widzę to jako jedną komórkę na szerokość komórki wyżej, a nie jako dwie komórki połączone w jedno.
Gdy dodaję za tabelę to wyjeżdża mi poza obszar główny strony.

Tabele służą do przedstawiania danych tabelarycznych, divy do layoutu. Nie robi się tabelek na bazie divów czy divów na bazie tabelek.

To może ujmę to inaczej:
mam pewien box, w którym chcę zamieścić formularz.
Po lewej stronie mają być nazwy pól (labele), po drugiej inputy.
Chcę, aby wszystko było wyrównane w jednej linii pionowej.

człowieku, aleś ty to potraktował dosłownie
takiego numeru to ja dawno nie widziałem
stron się nie buduje na tabelach tylko na divach, to fakt
lecz musisz pamiętac o tym, że nie możesz zamieniać znaczników z tabel na jakieś dodatkowe klasy divów, bo to jest karygodny błąd
tabele służą do pokazywania zestawień tabelarycznych (i tylko do tego)
divy służą do budowania struktury stron (ale nie można przesadzać)

To już załapałem po wcześniejszych wypowiedziach, ale za to dalej nie wiem jak zrobić odpowiednią strukturę, żeby osiągnąć mój cel (który zamieściłem wyżej).

Zobacz to (Method 2: Definition List):
http://www.gethifi.com/blog/html-forms-the-right-ways

Niby wszystko fajnie, ale inputy są niżej niż linia z labelem (pod Firefoxem 3.6).
Wygląda to tak:
http://oi55.tinypic.com/1zpml5c.jpg

Odświeżam...

Widocznie takie style zostały nadane, że tak ma się wyświetlać. Zamiast obrazków pokaż kod.

[HTML] pobierz, plaintext 
<form>
	<fieldset>
		<dl>
			<dt><label for="name">Name</label></dt>
			<dd><input type="text" name="name" /></dd>
		</dl>
	</fieldset>
</form>
[HTML] pobierz, plaintext 

Na razie nic nie zmieniałem w tym przykładzie, który podał wyżej phpion

HTML jest od struktury dokumentu, jego znaczenia, znaczenia poszczególnych jego elementów.
CSS jest od ich formatowania, czyli wyglądu. Tak, więc ustaw odpowiednie style dla tych elementów.

Hmm, chyba się jeszcze nie domyśliłeś, że nie za bardzo wiem co mam ustawić...

Jeżeli nie masz najmniejszego pojęcia o CSSie, to cóż innego mogę polecić: http://www.w3.org/TR/CSS2/

No fajna porada - przekopywać się przez całą dokumentację, żeby rozwiązać jeden problem, którego akurat nie potrafię rozwikłać...

wy chyba popadliście w paranoje z tymi tabelkami.... skoro zwykła tabelka całkowicie rozwiązuje Twój problem, to ją użyj, tabele są złe do budowania struktury strony, ale w Twoim przypadku możesz jej użyć

Zgadzam się, sam osobiście narzekam na ludzi tworzących strony na tabelkach, ale czasami wykorzystanie tabel do przedstawienia zawartości strony jest niezbędna.
Dlatego trzeba wiedzieć kiedy tabele można użyć a kiedy nie.

@tehaha: Jak rozumiem, STRONG traktujesz jak pogrubienie, EM jako pochylenie tekstu, czyż nie? Bo przecież domyślne style rozwiązują ten problem. Użycie tabeli jest tutaj złe, bo stwarza więcej problemów niż rozwiązuje.

Jak na przykład?

Dla autora wątku: display: inline-block, width: 50%

@Crozin, Twoja ironiczna wypowiedź wcale mnie nie przekonała...postaraj się zawrzeć w wypowiedzi jakieś argumenty

A w odpowiedzi na Twoje pytanie do @Tomplus'a przykład wzięty z życia(pytam bo nie wiem jak inaczej rozwiązać to bez tabeli, a przynajmniej za bardzo nie próbowałem) : w stopce strony masz loga partnerów serwisu, które są edytowalne z cms, więc nie wiadomo ile ich będzie, muszą być wyśrodkowane w pionie względem siebie i w miarę równo rozłożone w poziomie, najzwyklejsza tabelka z width:100%, stałym height i text-align:center, rozwiązuje ten problem, ale jak to zrobić bez niej?

@DOWN: pozycje w menu mają jednakową wysokość, jednak loga już mają różne rozmiary poza tym w menu ustawiasz raczej stałe odległości między linkami, a tabelka umożliwia równomierne rozłożenie na szerokości + wyśrodkowanie w pionie i o to mi chodziło, ale chętnie się dowiem jak to uzyskać bez tabeli bo nie wiem.

Rozwodzicie się jak kaczki nad jeziorem...

A koleś co chwila zmienia, zdanie.

W pierwszym poście napisał, że chce 1. tabelę, później że 2. layout, a później że 3. formularze ostylować.

Użycie <table> jest dobre w przypadku 1. złe w 2. i 3.



@Crozin: Już nie wiem co jest ironią, a co nie...ale strong też się używa w celach SEO na przykład, jeżeli to była ironia.

@tehaha: Ostatnio, też tak myślałem, że trzeba użyć tabelki, ale jednak można to zrobić bez tego na 100%. Bo chodziło o menu, którego kolejne pozycje też można sobie dodawać i długości nazw też mogą być różne, a wszystkie są względem siebie w takiej samej odległości i wyśrodkowane w pionie. Jedyny wymóg to, że treść nie może być dwu wierszowa, no ale w przypadku img to jest zbędny wymóg. Jeżeli o to chodzi

@tehaha: Skoro wyświetlasz to przez skrypt, to doskonale wiesz ile jest elementów - możesz bez problemu ustalić szerokość pojedynczej "komórki" na logo. Zresztą możesz nawet wykorzystać display: table[-row|-cell]. I tylko mi nie mów, że to to samo co użycie TABLE TR TD, bo jedno z drugim ma niewiele wspólnego. Ostatecznie skończysz z kodem:

[HTML] pobierz, plaintext 
<hX>Nasi partnerzy</hX>
<ul>
    <li><a href="..." title="..."><img ... /></a>
    ...
</ul>
[HTML] pobierz, plaintext 

Czyli z kodem poprawnie odwzorowującym strukturę dokumentu.

Plusy poprawnej struktury? Strona jest lepiej odczytywana przez maszyny (nie chodzi tylko o Googla), jest łatwiejsza w edycji (zmienienie sposobu wyświetlania na siatkę 3xN elementów jest banalnie proste) i utrzymaniu.

STRONGa używa się przede wszystkim w celu podkreślenia dużej istotności danego fragmentu. Obecnie roboty wyszukiwarek są już na tyle inteligentne, że zaczynają poprawnie interpretować kod stąd też ma to swoje plusy pod względem SEO.