[div] - bloki


(Molesinski) #1

witam co generalnie mozna robić za pomocą divów? ,czytam kurs właśnie i w nim napisane jest ze w sumie to nawet całą stronkę,pozostawiając w szablonie tylko

a wiec reszta kodu bedzie zdefiniowana za pomocą
a w stylu bedzie tylko np

#costam {width;100px:

               height;100px:

               padding;jakas watr;

               itd...

}

tak jak na stroncehttp://antlions.hl2world.com/

czy dobrze to wrzystko rozumie ??

i i odnośniki do

id-które mogą być w pliku zewnętrznymi w czytywane z arkusza styli


(Airborn) #2

generalnie mozna zrobic nawet wiecej niz za pomoca czystego HTML'a :wink: mozna obramowac odpowiednie fragmenty strony DIV'ami, w pliku do CSS ponadawac im odpowiednie wartosci dla poszczegolnych klas, mozna porozmieszczac wszystko pieknie na stronie bez uzycia tabelek, mozna sprawic ze kod bedzie bardziej przejrzysty.

Moim zdaniem jezeli chodzi o robienie stron to nie ma nic bardziej przejrzystego i przyjemnego niz wlasnie CSS


(Molesinski) #3

czyli można Coś na wzór tabelki wykonanej w htmlu wykonać za pomocą

czy li przykładowo jak chce wykonac "tabelkę" o 3 kolumnach i jednym wierszu w za pomocą div'ow to musze wykonać trzy divy np

#lewa {

              float: left; 

              width: 200px;

              height:5px;


}

 #prawa {

float: right; 

width: 200px; 

height:5px;

}

a centralny jak bedzie wyglądać ???


(Piotrek Płatek) #4

jak ? a no jako przestrzeń między lewym i prawym :slight_smile:

#srodkowy {  

width: 200px; 

height:5px; 

}

(Airborn) #5

hmm chyba niebardzo :stuck_out_tongue: M530 , bo w ten sposob nienakazesz jej ustawienie sie na srodku, mozna np. wypozycjonowac wszystko za pomoca klas:

.lewa {

              position: absolute;

              top: 20;

              left: 30;

              width: 150px;

         }

.prawa {

              position: absolute;

              top: 20;

              left: 580;

              width: 150px;

         } 

.srodek {

              position: absolute;

              top: 20;

              left: 180;

              width: 400px;

         }

i potem odpowiednio

lewa kolumna
[/code]

itd.

tylko trzeba sobie odpowiednie szerokosci podobierac


(Molesinski) #6

zrobiłem sobie to w html ale chciałbym miec w szablonie tylko

tak jak opisałem w pierwszym poście tu daje przykład górnego wiersza tabelki z dwoma zaokrąglonymi rogami(lg.gif i pg.gif_

| lg.gif | | pg.gif |
[/code] a w stylu było
[code] margin: 0px 0px 0px; padding: 0px; height: 5px;
Tylko jakies potworki otrzymałem zupełnie sie rogi miejsc nie trzymaja A naprzykład dla lewego rogu dałem

#lewy-g{

background-image: url(../grafiki/lg.gif);

height:5px;

width:5px;

padding:0px;

margin:0px 0px 0px ;

}

całość umieściłem w osobnym dive dla pewności