Dwie kolumny na stronie

Awatar użytkownika
Bierut
Użytkownik
Użytkownik
Posty: 686
Rejestracja: 26 paź 2006, o 17:11
Płeć: Mężczyzna
Lokalizacja: Wrocław
Podziękował: 15 razy
Pomógł: 84 razy

Dwie kolumny na stronie

Post autor: Bierut »

Chciałbym na stronie zrobić dwie kolumny. Szukałem, ale nie mogłem znaleść sposobu. Może mi ktoś powiedzieć jak to najprościej zrobić?

Pokażę o co dokładnie mi chodzi.
Jest takie coś:

Kod: Zaznacz cały

</head>
<body>

<h1>Tytuł I</h1>
 <table>
   <tr> <td><b>Komórka 1.1</b></td>   <td><b>Komórka 1.2</b></td> </tr>
   <tr> <td><b>Komórka 2.1</b></td>   <td><b>Komórka 2.2</b></td> </tr>
   <tr> <td><b>Komórka 3.1</b></td>   <td><b>Komórka 3.2</b></td> </tr>
 </table>

<h1>Tytuł II</h1>
 <table>
   <tr> <td><b>Komórka 1.1</b></td>   <td><b>Komórka 1.2</b></td> </tr>
   <tr> <td><b>Komórka 2.1</b></td>   <td><b>Komórka 2.2</b></td> </tr>
   <tr> <td><b>Komórka 3.1</b></td>   <td><b>Komórka 3.2</b></td> </tr>
 </table>

</boby>
</html>
Jeśli tak zostawię, to tabelki będą jedna pod drugą, a ja chcę, aby były obok siebie.
luka52
Użytkownik
Użytkownik
Posty: 8601
Rejestracja: 1 maja 2006, o 20:54
Płeć: Mężczyzna
Lokalizacja: Kraków
Podziękował: 47 razy
Pomógł: 1816 razy

Dwie kolumny na stronie

Post autor: luka52 »

Utwórz tabelę o jednym wierszu i dwóch kolumnach i powsadzaj po jednej tabeli do każdej komórki.
Nie jest to co prawda eleganckie rozwiązanie, ale powinno pomóc.
Awatar użytkownika
Bierut
Użytkownik
Użytkownik
Posty: 686
Rejestracja: 26 paź 2006, o 17:11
Płeć: Mężczyzna
Lokalizacja: Wrocław
Podziękował: 15 razy
Pomógł: 84 razy

Dwie kolumny na stronie

Post autor: Bierut »

Bez przesady. Nie miałem na myśli, aż tak, prostego sposobu. Przecież to nie wyjdzie chyba zbyt ładnie. Ma ktoś pomysł, co dodać do tego mojego kodu, aby zrobiś, to co chciałem?
marshal
Użytkownik
Użytkownik
Posty: 1179
Rejestracja: 21 cze 2004, o 00:51
Płeć: Mężczyzna
Lokalizacja: krk
Pomógł: 9 razy

Dwie kolumny na stronie

Post autor: marshal »

na przyklad tak:

Kod: Zaznacz cały

<html>
<head>
</head> 
<body> 
<div style="width:50%; float: left;">
<h1>Tytuł I</h1> 
 <table> 
   <tr> <td><b>Komórka 1.1</b></td>   <td><b>Komórka 1.2</b></td> </tr> 
   <tr> <td><b>Komórka 2.1</b></td>   <td><b>Komórka 2.2</b></td> </tr> 
   <tr> <td><b>Komórka 3.1</b></td>   <td><b>Komórka 3.2</b></td> </tr> 
 </table> 
</div>
<div style="width:50%; float: left;">
<h1>Tytuł II</h1> 
 <table> 
   <tr> <td><b>Komórka 1.1</b></td>   <td><b>Komórka 1.2</b></td> </tr> 
   <tr> <td><b>Komórka 2.1</b></td>   <td><b>Komórka 2.2</b></td> </tr> 
   <tr> <td><b>Komórka 3.1</b></td>   <td><b>Komórka 3.2</b></td> </tr> 
 </table> 
</div>
</boby> 
</html>
invx
Użytkownik
Użytkownik
Posty: 94
Rejestracja: 8 paź 2006, o 22:00
Płeć: Mężczyzna
Lokalizacja: XYZ
Podziękował: 24 razy
Pomógł: 1 raz

Dwie kolumny na stronie

Post autor: invx »

jak nie znasz HTML'a to do rysowania tabelek polecam FrontPage - szybko narysujesz skomplikowane tabelki, a podgladajac kod, i modyfikujac szybko sie nauczysz ;-)

ja jak mam rysowac jakas durza, skomplikowana tabelke, zawsze odpalam frontpage, i potem tylko kosmetyke w kodzie poprawiam, jak wysokosci, style itp.
ODPOWIEDZ