floyde
Originalni plakat- 7. april 2005
- Monterrey Mehika
- 27. marec 2006
Imam dva diva. Ena ima fiksno višino in želim, da druga zapolni preostali navpični prostor na oknu. Če nastavim višino zadnjega diva na 100%, bo to enako višino kot okno, vendar želim, da je višina okna minus višina prvega div.
To je koda, ki jo uporabljam:
Koda: |_+_|
Vključil sem tudi nekaj slik, ki prikazujejo, kaj želim početi in kaj mi je do sedaj uspelo. Hvala vnaprej
Priloge
N
NoNameBrand
- 17. november 2005
- Halifax, Kanada
- 27. marec 2006
Sicer pa si ne morem zamisliti načina, kako boš dobil, kar si želiš.
stevep
- 13. oktober 2004
- Združeno kraljestvo
- 27. marec 2006
Poskusi:
Dokument brez naslova
do
b
c
d
in
ps Goljufal sem tako, da sem to naredil v DW, dodal nekaj vsebine v drugo plast in se nato zafrkaval s kodo - DW ima rad, da imajo stvari nekaj oblazinjenja po robovih in čeprav lahko v pogovornih oknih določite, da želite plast. začnite pri 0px od zgornjega vogala, to morate povedati dvakrat s pomočjo pogleda kode. Vseeno sem moral.
floyde
Originalni plakat- 7. april 2005
- Monterrey Mehika
- 27. marec 2006
NoNameBrand je rekel: Zakaj ne bi 1. ugnezdili v 2.?
Sicer pa si ne morem zamisliti načina, kako boš dobil, kar si želiš.
Hvala, to deluje vizualno, toda drugi div bo vsebnik za to postavitev, zato ga še vedno potrebujem, da ima ustrezne dimenzije, da jih lahko podeduje njegova vsebina.
Torej morda preprosto ni mogoče? Morda bom moral uporabiti malo javascripta, da bo deloval?
stevep je rekel: poskusi:Hvala, vendar mi ni uspelo, kateri brskalnik ste uporabljali?
floyde
Originalni plakat- 7. april 2005
- Monterrey Mehika
- 27. marec 2006
Ok, tukaj je slika mojega končnega cilja. Do sedaj sem to delal postopoma, zato je morda težava v mojem začetnem pristopu. Torej, kako bi pristopili k temu (potrebujem samo ideje)? Bi uporabili čisti css ali bi se prepustili tabelam ali okvirjem?
Priloge
stevep
- 13. oktober 2004
- Združeno kraljestvo
- 27. marec 2006
Nekaj, s katerim se morate poigrati, je to:
#Layer1 {
položaj: absolutni;
levo:0px;
top:0px;
širina: 100 %;
višina: 180px;
z-indeks: 1;
barva ozadja: #99CCFF;
}
Na kos papirja narišite stran, tako da dobite pravilne položaje, kar vam bo dalo položaj zgornjega levega kota vsake plasti. Višina plasti 1 bo določila začetni položaj plasti 2 - v tem primeru mora sloj 2 imeti azgoraj: 180 slikovnih pik;vrstico kode.
Če želite 3 plasti, kot ste pokazali v zadnji objavi, bo skrajni levi sloj:
#Layer1 {
položaj: absolutni;
levo:0px;
top:0px;
širina: 200px;
višina: 100 %;
z-indeks: 1;
barva ozadja: #336699;
}
in zgornja RH plast bo:
#Layer1 {
položaj: absolutni;
levo: 200 slikovnih pik;
top:0px;
širina: 100 %;
višina: 180px;
z-indeks: 2;
barva ozadja: #33CCFF;
}
in tretja plast za zapolnitev preostalega dela okna (čeprav je spremenjena) bi morala biti nekaj takega:
#Layer1 {
položaj: absolutni;
levo: 200 slikovnih pik;
zgoraj: 180 slikovnih pik;
širina: 100 %;
višina: 100 %;
z-indeks: 3;
barva ozadja: #99CCFF;
}
Če uporabljate Dreamweaver, je najbolje, da v vsako plast postavite navidezno vsebino, če se plast v pogledu strani skrči na nič, zato »a, b, c itd« v izvirnem html-ju zgoraj.
ps nisem strokovnjak, mogoče se motim ampak upam, da bo pomagalo. Lahko rečem, da se zdi, da moj prvi del kode deluje. Osebno ne bi gnezdil plasti, če bi lahko malo pomagal, ampak to sem samo jaz - delam samo preprosto. N
NoNameBrand
- 17. november 2005
- Halifax, Kanada
- 27. marec 2006
Evo, kaj bi naredil:
Koda:
foo verjameš!
-
- 14. junij 2003
-
-
- MD / VA / DC
- 27. marec 2006
Dekoncept ...
Oglejte si FlashObject in v prenosu je koda za ustvarjanje celozaslonskega diva.. morda ga je mogoče prilagoditi tako, kot želite.
http://blog.deconcept.com/flashobject/ floyde
Originalni plakat -
- 7. april 2005
-
-
- Monterrey Mehika
- 28. marec 2006
Hvala za vso pomoč fantje, vendar sem pravkar spoznal, da je točno postavitev, ki jo želim, nemogoče doseči s kombinacijo fiksnih širin/višin in odstotkov. Ponovno sem napisal z uporabo samo odstotkov in zdaj deluje. Če vas zanimajo oznake, mi sporočite in jih bom objavil. stevep
-
- 13. oktober 2004
-
-
- Združeno kraljestvo
- 28. marec 2006
floyde je rekel: Če vas zanimajo oznake, mi sporočite in objavil jih bom.
Rada bi pogledala, če imaš čas še enkrat objavljati.
NoNameBrand je rekel: Kaj je to 'plasti'? ali je to v slogu Dreamweaverja za 'break thing res-dobro'?
No, ne vem o 'razbitih stvareh', vendar predvidevam, da ste slutili, da nisem boff CSS - sloji so priročno ime, ki ga DW daje stvarem, za katere menim, da bi se morale imenovati 'elementi, pozicionirani v CSS' - in Mislim, da jih tako imenujejo, da bi se ljudje, kot sem jaz, iz ozadja DTP/Photoshop počutili nekoliko bolj udobno. Če pogledam kodo, ki ste jo vključili v vašo objavo NoNameBrand, je veliko bolj elegantna kot moja – moral se bom potruditi, da bi se res seznanil z oznako div. Hvala za OP in odgovore. N NoNameBrand
-
- 17. november 2005
-
-
- Halifax, Kanada
- 28. marec 2006
stevep je rekel: No, ne vem o 'razbijajočih stvareh', vendar predvidevam, da ste slutili, da nisem boff CSS - plasti so priročno ime, ki ga DW daje stvarem, za katere menim, da bi se morale imenovati 'CSS pozicionirani elementi '
Na sebi so imeli tudi zložene indekse z - ki postavljajo stvari od spredaj nazaj na stran. Pred tem sem videl DW plasti, ki so popolnoma pokvarile spletno mesto, sicer pa jim nisem bil veliko izpostavljen (to je bilo res dovolj).
Moral se bom potruditi, da bi se res poglobil v oznako div.
A je samo poljuben blok - pomensko ne pomeni ničesar, tako kot ane (odstavek besedila). Aje ista ideja, vendar za vgrajene stvari (kot je a oznake, vendar spet brez semantične vrednosti).
Te stvari se najlažje naučite, da prenehate uporabljati Dreamweaver. Svoja spletna mesta oblikujem v Photoshopu in nato shranim želene grafične elemente, skupaj z zapisom barvnih kod in nekaj grobih meritev slikovnih pik za namene poravnave, nato pa spletno mesto kodiram v TextWrangler ali VIM. floyde
Originalni plakat -
- 7. april 2005
-
-
- Monterrey Mehika
- 28. marec 2006
stevep je rekel: Rad bi pogledal, če imaš čas za objavo še enkrat.
Tukaj je, tam je malo španščine, upam, da ni preveč zmedeno:
Koda:Velika shema html { višina: 100 %; } telo { rob: 0; oblazinjenje: 0; višina: 100 %; širina: 100 %; } #left, #right { float: left; } #left { višina:100%; barva ozadja: oranžna; širina: 10 %; } #desno { višina: 100 %; položaj: relativni; širina: 90 %; } #top { barva ozadja: modra; višina: 10 %; } #fotos { položaj: relativni; višina: 90 %; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { višina: 50 %; širina: 50 %; prelivanje: samodejno; položaj: absolutni; } #foto_sup_izq, #foto_sup_der { top: 0; } #foto_sup_der, #foto_inf_der { levo: 50 %; } #foto_inf_izq, #foto_inf_der { vrh: 50 %; } 
Priloge
Priljubljene Objave