[html] Tabelki Na Stronie Opcje

[kkuubbaa88]

witam

mam problem z tabelami... chcialbym je ulozyc w pewien specyficzny sposob. jest to mozliwe, aby tak je poukladac i aby kazda byla niezalezna ? kazdy kolor to osobne <table></table> ?



Ten post edytował kkuubbaa88 2.11.2007, 12:01:30

[bogdan89]

ucz sie robic strony na DIV-ach, jest wygodniej...

[barF]

zrob sobie jedna tabele ktora odzwierciedla twoj layout i w kazdej z komorek dodaj kolejne tabele.

tylko ze tak sie nie powinno robic, twoj layout jest wystarczajaco prosty zeby zaczac przygode z DIV`ami

[kkuubbaa88]

to jak zrobic takie ustawienie na divach ? bez przerw miedzy nimi ?

[bogdan89]

[HTML] pobierz, plaintext 
<div id="main">
  <div id="top">logo</div>
  <div id="left">lewa</div>
  <div id="center">srodek</div>
  <div id="right">prawa</div>
  <div id="footer">stopka</div>
</div>
[HTML] pobierz, plaintext 

no i teraz ustalasz tylko w CSS odpowiednie parametry dla podanych wyzej bloków:
- dla main stałą szerokość np.: 750px;
- dla top stała szerokosc 750px; i stala wysokosc np.: 60px;
- dla left stałą szerokość np.: 150px i float:left;
- dla center stałą szerokość np.: 450px i float:left;
- dla right stałą szerokość np.: 150px i float:left;
- dla footer stałą szerokośc 750px; i stala wysokosc np.: 40px;

poszukaj tutaj na forum informacji dotyczacych robienia stron na blokach;

[kkuubbaa88]

poszukalem pocwiczylem porobilem i napisalem css:

[HTML] pobierz, plaintext 
div {
    border: 1px solid black;
    margin: 0;                
    padding: 0px;        
    }    
 
    div.logo {               
    width: 900px; }   
 
    div.lewa {                
    width: 200px; }   
 
    div.srodek {               
    width: 500px; }          
 
    div.prawa {                
    width: 200px; }   
 
    div.stopka {               
    width: 900px; }
[HTML] pobierz, plaintext 

a w stronie mam ten kodzik

[HTML] pobierz, plaintext 
<div>
    <div id="top">logo</div>
    <div id="left">lewa</div>
    <div id="center">srodek</div>
    <div id="right">prawa</div>
    <div id="footer">stopka</div>
    </div>
[HTML] pobierz, plaintext 

ale niestety nie wyswietla sie tak jak chcialem co jeszcze musze tam zrobic ? w stylach ?

[cornholio666]

Napisał bogdan89: float:left;

[Piotrwusek]

zdefiniowałeś w CSS diva o klasie logo a gdzie on jest na twojej stronie powinno być top!

[HTML] pobierz, plaintext 
div.main {
width: 900px;
}
 
div.top {
width: 900px; 
height: 100px;
}
 
div.lewa {
width: 200px; 
float: left;
}
 
div.srodek {
width: 500px; 
float: left;
}
 
div.prawa {
width: 200px; 
float: left;
}
 
div.stopka {
width: 900px; 
height 50px;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="main">
<div id="top">logo</div>
<div id="lewa">lewa</div>
<div id="srodek">srodek</div>
<div id="prawa">prawa</div>
<div id="stopka">stopka</div>
</div>
[HTML] pobierz, plaintext 

Masz może zadziała! Nie gwarantuje!

[kkuubbaa88]

faktycznie przeoczylem to logo co do kodu to niestety nadal ten sam problem. wyglada jak by wszystko bylo w jednej kolumnie teksty po prostu sa jeden pod drugim

[bogdan89]

poczytaj sobie o CSS...
zamiast kropek w deklaracji stylów używaj #, wtedy styl odnosi sie do indentyfikatora bloku, a nie do jego parametru class...

nie chce mi sie pisac calego wiec podam Ci tylko kawałek przykładu powyzszego:

[HTML] pobierz, plaintext 
<style>
div#main {
  width:900px;
}
div#center {
  width:900px;
}
</style>
 
<div id="main">
  <div id="center">srodek</div>
</div>
[HTML] pobierz, plaintext 

itd...

[kkuubbaa88]

ale przeciez to mi nic nie daje ? nadal te cale divy nie sa na swoich miejscach na stronie... tylko jeden pod drugim. mam tylko ustalona szerokosc, ale jak je rozplanowac na stronie ?

[bogdan89]

przykładowy layout

wystarczy chwile poszukac w Google, tam wszystko znajdziesz...
pod linkiem masz przykladowy szablon tego, czego potrzebujesz...

i zamiast szukac ludzi, ktorzy zrobia PODSTAWOWE rzeczy za Ciebie naucz sie tego... wykaz troche wlasnej woli. Podalem Ci w postach wyzej dobre przyklady, a Tobie nawet nie chcialo sie tego dokladnie przejrzec, przeanalizowac...

Ten post edytował bogdan89 3.11.2007, 13:32:27

[kkuubbaa88]

poczytalem poszukalem i mam obecnie cos takiego :



a w stylu mam:

[HTML] pobierz, plaintext 
body {
margin: 0px;
 
}
 
div#main {
margin-left: auto;
margin-right: auto;
margin-top:0px;
width: 900;
background-color: #FF5500
}
 
div#top {
width: 900px;
background-color: #FFF000
}
 
div#lewa {
width: 200px;
height: auto;
float: left;
background-color: #00FF00
}
 
div#srodek {
width: 500px;
height: auto;
float: left;
background-color: #F0F0F0
}
 
div#prawa {
width: 200px;
height: auto;
float: left;
background-color: #123AD2
}
 
div#stopka {
width: 900px;
height 50px;
background-color: #ADFDAF
}
[HTML] pobierz, plaintext 

problem mam wlasnie taki jak widac. lewa srodek i prawa jest zawsze wysoka tak jak ilosc tekstu w nim. chcialbym, aby byly zawsze one do samego konca, czyli do stopki. automatycznie sie rozciagaly pod wpywem tekstu wpisanego w jakiekolwiek. jak to zrobic ?

moze ktos mi pomoc ?

[woj_tas]

Już było: link

[novy85]

poczytaj sobie kursik