Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Newbie za CSS boxes

[es] :: Web dizajn i CSS :: Newbie za CSS boxes

[ Pregleda: 3007 | Odgovora: 14 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Newbie za CSS boxes15.01.2006. u 11:16 - pre 221 meseci
Kako da izvedem da imam dva boxa jedan kraj drugog? Zamisao je da u bijelo polje stavim neki login, ili text ali da ovako izgledaju:


http://madness.tmok.com/~sukovic/boxes_css.JPG


Neka ideja, fragment koda? Pozdrav :-)


Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
 
Odgovor na temu

jablan

Član broj: 8286
Poruke: 4541



+710 Profil

icon Re: Newbie za CSS boxes15.01.2006. u 14:39 - pre 221 meseci
Code:

<html>
  <head>
    <title></title>
    <meta content="">
    <style>
.blok {
    width: 150px;
    border: solid 2px black;
    float: left;
    margin: 10px;
}
.heder {
    
    height: 20px;
    border-bottom: solid 2px black;
}
</style>

</head>
<body>

<div class="blok">
    <div class="heder" style="background-color: red;">
    </div>

    sajdhf alkshfdlkasjd hflkja hfdslakj hfdslkahfdslkja hdsflkjas hdflka hfdlaksd
</div>
<div class="blok">
    <div class="heder" style="background-color: blue;">
    </div>

    sajdhf alkshfdlkasjd hflkja hfdslakj hfdslkahfdslkja hdsflkjas hdflka hfdlaksd
    lshuf soifdu zslifduh zsliudf hlziux gliufdh gxliud hgliudxhf lighufdx lgihufdx g
</div>
</body>
</html>
 
Odgovor na temu

maric1
maric dragan
Krusevac - Vitosevac

Član broj: 44931
Poruke: 738
*.vdial.verat.net.

Sajt: www.tag-web-design.net


+2 Profil

icon Re: Newbie za CSS boxes15.01.2006. u 15:20 - pre 221 meseci
i mene bi neto interesovalo a nisam bas nesto mnogo vest u ovome pa ako moze pmoc

pravim neki prezentaciju i kako bih mogao da ovaj jedan pravougaonik da stavim u tabelu i da li bih moga da se ispose tekst u ovim crvenim i plavim poljima

veliki pozdrav
 
Odgovor na temu

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Re: Newbie za CSS boxes15.01.2006. u 15:28 - pre 221 meseci
Puno hvala! Upravo onako kako sam i mislio! Jos jednom puno hvala!

Dusan
Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
 
Odgovor na temu

jablan

Član broj: 8286
Poruke: 4541



+710 Profil

icon Re: Newbie za CSS boxes15.01.2006. u 15:29 - pre 221 meseci
Citat:
maric1:kako bih mogao da ovaj jedan pravougaonik da stavim u tabelu

Kako misliš kako? Napraviš tabelu i premestiš jedan ovaj DIV u jedno njeno polje.
Citat:
i da li bih moga da se ispose tekst u ovim crvenim i plavim poljima

Može, jesi li probao?
 
Odgovor na temu

maric1
maric dragan
Krusevac - Vitosevac

Član broj: 44931
Poruke: 738
*.vdial.verat.net.

Sajt: www.tag-web-design.net


+2 Profil

icon Re: Newbie za CSS boxes15.01.2006. u 21:08 - pre 221 meseci
nisam jer se ne snamazim sa codom bas ba bi me interesovalo gde bi trebalo da se napise

izvinjavam se ako sam pocetnik a za ovo u tabeli puno hvala nisam znao za ovu foru ja radio u tabeli ubacivao sliku koju sam napravio da izgleda ovako pa ubacivao kao pozadinu

pozdrav
 
Odgovor na temu

pajaja
Beograd

Administrator
Član broj: 41598
Poruke: 3430
..njuel-bg.customer.sbb.co.yu.

Jabber: pajaja@elitesecurity.org
ICQ: 253317269


+144 Profil

icon Re: Newbie za CSS boxes15.01.2006. u 21:35 - pre 221 meseci
Citat:
maric1: nisam jer se ne snamazim sa codom bas ba bi me interesovalo gde bi trebalo da se napise


U dreamweaveru postoje 3 mogucnosti pregleda strane. menja se sa:

View >
1. code,
2. split [ code & design ]
3. design.

kad prebacis na code, tu pises.
xxx
mali mali mali kamičak...nebo plave boje.
In Memoriam: Madzone Zeka(15.09.2005-16.09.2005)
 
Odgovor na temu

maric1
maric dragan
Krusevac - Vitosevac

Član broj: 44931
Poruke: 738
213.244.197.*

Sajt: www.tag-web-design.net


+2 Profil

icon Re: Newbie za CSS boxes15.01.2006. u 23:11 - pre 221 meseci
izvni ja opet dosadan znam to ali gde u codu na kom mestu treba to upisati

pozdrav
 
Odgovor na temu

noviKorisnik
Dejan Katašić
Novi Sad

Član broj: 13216
Poruke: 4533
*.ADSL.neobee.net.

Sajt: www.novikorisnik.net


+5 Profil

icon Re: Newbie za CSS boxes15.01.2006. u 23:21 - pre 221 meseci
Da li je pajaja pogodio da koristite Dreamweaver?

Ako pretpostavim da jeste (a verujem da jeste), meni View, pa tamo izbor Code. Copy/Paste koda koji je jablan ostavio, snimite stranicu i pogledate je u browseru.
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: Newbie za CSS boxes16.01.2006. u 08:09 - pre 221 meseci
Opa, novi moderatori, čestitamo, svaka čast, jadni mi :)
Nadam se da će se sada srediti neke stvari na ovom forumu.
Banned - Not available
 
Odgovor na temu

maric1
maric dragan
Krusevac - Vitosevac

Član broj: 44931
Poruke: 738
*.vdial.verat.net.

Sajt: www.tag-web-design.net


+2 Profil

icon Re: Newbie za CSS boxes16.01.2006. u 14:44 - pre 221 meseci
ok je to sam uradio ali sammislio gde u coku samom da napisem tj da podesim da mi taj prozorcic bude u celiji recimo u 2 redu i 2 koloni



 
Odgovor na temu

jablan

Član broj: 8286
Poruke: 4541



+710 Profil

icon Re: Newbie za CSS boxes16.01.2006. u 14:55 - pre 221 meseci
Prouči ovo:

http://www.w3schools.com/html/...ilename=tryhtml_table_elements
 
Odgovor na temu

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Re: Newbie za CSS boxes16.01.2006. u 15:55 - pre 221 meseci
Imam par "dummie" pitanja:

Nije mi jasno kako ovaj kod formira box:

Code:
.blok {
    width: 150px;
    border: solid 2px black;
    float: left;
    margin: 10px;
}




width: 150 px; /*sirina boxa*/
border: solid 2px black; /*ovo je osobina linije boxa, debljina, sirina boja?*/
float: left; /* gdje je box pozicioniran?*/
margin: 10px; /*udaljenost od vrha stranice?*/


Code:
<div class="blok">
    <div class="heder" style="background-color: red;">
    </div>

    sajdhf alkshfdlkasjd hflkja hfdslakj hfdslkahfdslkja hdsflkjas hdflka hfdlaksd
</div>


Ovdje je header ubacen bloku, ali ne vidim nigdje precizno gdje mu je receno da stoji na vrhu boxa?

Samo sam malo zbunjen, anyway hvala unapred! :)


[Ovu poruku je menjao DusanSukovic dana 16.01.2006. u 16:56 GMT+1]
Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
 
Odgovor na temu

pajaja
Beograd

Administrator
Član broj: 41598
Poruke: 3430
..njuel-bg.customer.sbb.co.yu.

Jabber: pajaja@elitesecurity.org
ICQ: 253317269


+144 Profil

icon Re: Newbie za CSS boxes16.01.2006. u 16:01 - pre 221 meseci
<div> je block element [znaci on pravi taj box ne css] a taj css kod ga samo blize 'odredjuje',
a header stoji na pocetku <div class="blok"> pa se samim tim nalazi na vrhu.

[Ovu poruku je menjao pajaja dana 16.01.2006. u 17:06 GMT+1]
xxx
mali mali mali kamičak...nebo plave boje.
In Memoriam: Madzone Zeka(15.09.2005-16.09.2005)
 
Odgovor na temu

jablan

Član broj: 8286
Poruke: 4541



+710 Profil

icon Re: Newbie za CSS boxes17.01.2006. u 08:40 - pre 221 meseci
Citat:
DusanSukovic: Imam par "dummie" pitanja:

To je ok, postavljaš prava pitanja.
Citat:

width: 150 px; /*sirina boxa*/

Tako je. Ako se ne specificira, DIV se širi koliko može.
Citat:

border: solid 2px black; /*ovo je osobina linije boxa, debljina, sirina boja?*/

Da.
Citat:

float: left; /* gdje je box pozicioniran?*/

Kako se box ponaša u odnosu na prethodni element. Float znači da se "lepi" uz element levo od sebe, odnosno "nastavlja" odmah iza prethodnog elementa i ne prelazi u novi red ako ima mesta u produžetku.
Citat:

margin: 10px; /*udaljenost od vrha stranice?*/

Margina. Prazan prostor oko elementa. To jest, toliko će element biti udaljen od svih okolnih elemenata. Ako voliš SF filmove, to je nevidljivi shield sa svih strana oko elementa. Postoje pojedinačni stilovi margin-top, margin-left itd. za definisanje margina sa svake strane pojedinačno.
Citat:

Ovdje je header ubacen bloku, ali ne vidim nigdje precizno gdje mu je receno da stoji na vrhu boxa?

Po pravilu se elementi ređaju sleva nadesno, odozgo nadole. Podrazumeva se da je na vrhu boxa u kome se nalazi. Ako hoćeš da ga spustiš, postaviš mu gornju marginu.
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Newbie za CSS boxes

[ Pregleda: 3007 | Odgovora: 14 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.