struktura strony

Wszystko o HTML, XHTML, XML, CSS.
Boksicz
Posty: 3
Rejestracja: 02 lut 2006, 10:42:50
Płeć: Niewybrana
User Agent: Internet Explorer Windows 1024x768

struktura strony

Post autor: Boksicz »

nie wiem jak to zrobic .. ale chce miec :
kolumne po lewej stronie
kolumne po prawej stronie
i miedzy nimi tekst ..

jak chcialem robic to dalo sie tylko zrobic kolumne po lewej a po prawej juz nie ..

prosze pomocy!!!
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Firefox Windows

Post autor: fuma »

Może najperw poczytaj sobie cosik na www.kurshtml.[regulamin forum: punkt 2.13] To naprawdę nie jest trudne.
Najprostsza struktura strony o jaką prosisz

Kod: Zaznacz cały

<html>
<head>
</head>
<title></title>
</head>
<body>

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

</body>
</html> 
Resztę musisz sobie sam dopieścić.
£ukasz
Posty: 251
Rejestracja: 24 gru 2005, 10:01:27
Płeć: Niewybrana
User Agent: Firefox Windows 1024x768

Post autor: £ukasz »

Ja mam trochę inne pytanie, ale niechciałem już zakładac nowego tematu :)
Moje pytanie jest banalne dla was :)

Zrobiłem DIV'a w nim umieściłem jeszcze jednego - aby ten robił za menu.
Teraz chcę wstawić trzeciego DIV'a żeby można było w nim pisac newsy (na środku strony) ale jak wstawiam tak normalnie to wstawia mi pod tym pierwszym, który robił za menu - a ja chę, zeby był obok niego.

Jak to zrobić ?
Z góry dzięki za odpowiedź :-]
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768

Post autor: fuma »

atrybut float ;] polecam lekture:
http://css.maxdesign.com.au/floatutorial/index.htm
dzieje sie tak bo div jest elementem blokowym wiec div zawsze jest pod diviem jezeli sie nie zdefiniuje jego pozycji. do tego sluza dwa atrybuty:
position
oraz float
£ukasz
Posty: 251
Rejestracja: 24 gru 2005, 10:01:27
Płeć: Niewybrana
User Agent: Firefox Windows 1024x768

Post autor: £ukasz »

Dzięki tylko, żebym ja jeszcze coś z tego zrozumiał :/
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768

Post autor: fuma »

najlepiej pokaz zrodlo strony albo adres do niej wraz z adresem do arkusza styli abysmy mogli sie zorientowac co i jak juz tam sformatowales ;]
albo sprobuj poprzez dodanie do div z menu float: left ;
reborn
Posty: 158
Rejestracja: 19 mar 2006, 22:05:10
Płeć: Niewybrana
User Agent: Opera Windows 1280x1024

Post autor: reborn »

<html>
<head>
</head>
<title></title>
</head>
<body>

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

</body>
</html>
BLEEEH!!!<zyg> :P

Kod: Zaznacz cały

<div>
<div>lewa</div> 
<div>srodek</div>
<div>prawa</div>
<div>stopka</div>
</div> 

Kod: Zaznacz cały

#content&#123;
width: 750px;
margin: 0 auto;
&#125;
#lewa &#123;
width: 100px;
heigth: 400px;
float: left:
&#125;
#srodek &#123;
width: 550px;
heigth: 600px;
margin: 0auto;
&#125;
#prawa &#123;
width: 100px;
heigth: 400px;
float: left:
&#125;
#stopka &#123;
width: 750px;
height: 20px;
clear: both;
margin: 0 auto;
&#125; 
EDIT:
Ej ku**a?Co jest?Zżera ID z divów :? Po kolei nadaj im id content,lewa,srodek,prawa,stopka ...Cholera co jest 5? :evil:
ODPOWIEDZ