floyde
Originaalplakat- 7. aprill 2005
- Monterrey Mehhiko
- 27. märts 2006
Mul on kaks divi. Ühel on fikseeritud kõrgus ja ma tahan, et teine täidaks ülejäänud akna vertikaalse ruumi. Kui ma määran viimase div kõrguseks 100%, muudab see aknaga sama kõrguse, kuid ma tahan, et see oleks akna kõrgus miinus esimese div kõrgus.
See on kood, mida ma kasutan:
Kood: |_+_|
Lisasin ka mõned pildid, mis näitavad, mida ma teha tahan ja millega olen siiani hakkama saanud. Ette tänades
Manused
N
NoNameBrand
- 17. november 2005
- Halifax, Kanada
- 27. märts 2006
Muidu ma ei suuda välja mõelda, kuidas saaksite seda, mida soovite.
stevep
- 13. oktoober 2004
- Ühendkuningriik
- 27. märts 2006
Proovige:
Pealkirjata dokument
juurde
b
c
d
Ja
ps Ma pettusin sellega, et tegin seda DW-s, lisasin teisele kihile sisu ja siis jamasin koodiga - DW-le meeldib, et asjadel on servade ümber polsterdus ja kuigi dialoogides saab määrata, et kihti alustage ülanurgast 0px-st, peate seda koodivaate abil kaks korda ütlema. Igatahes pidin.
floyde
Originaalplakat- 7. aprill 2005
- Monterrey Mehhiko
- 27. märts 2006
NoNameBrand ütles: Miks mitte pesa 1. 2. sisse?
Muidu ma ei suuda välja mõelda, kuidas saaksite seda, mida soovite.
Aitäh, see töötab visuaalselt, kuid teine div on selle paigutuse konteiner, nii et mul on siiski vaja, et sellel oleksid õiged mõõtmed, et selle sisu saaks need pärida.
Nii et võib-olla pole see lihtsalt võimalik? Võib-olla pean selle toimimiseks kasutama väikest JavaScripti?
stevep ütles: Proovige:Tänan, aga ma ei saanud seda tööle panna. Millist brauserit sa kasutasid?
floyde
Originaalplakat- 7. aprill 2005
- Monterrey Mehhiko
- 27. märts 2006
Ok, siin on pilt minu lõppeesmärgist. Siiani olen seda teinud järk-järgult, nii et võib-olla on probleem minu esialgses lähenemises. Niisiis, kuidas te sellele läheneksite (ma vajan lihtsalt ideid)? Kas kasutaksite puhast css-i või annaksite tabelitele või raamidele järele?
Manused
stevep
- 13. oktoober 2004
- Ühendkuningriik
- 27. märts 2006
See, millega peate mängima, on järgmine:
#Layer1 {
positsioon: absoluutne;
vasak:0px;
ülemine:0px;
laius: 100%;
kõrgus: 180 pikslit;
z-indeks: 1;
taustavärv: #99CCFF;
}
Karastage oma leht paberile, et saaksite õiged asukohad, ja see annab teile iga kihi ülemise LH nurga asukoha. Kihi 1 kõrgus määrab kihi 2 alguspositsiooni – sel juhul peab kiht 2 olema aülemine: 180px;koodi rida.
Kui soovite 3 kihti, nagu näete oma viimases postituses, on kõige vasakpoolsem kiht:
#Layer1 {
positsioon: absoluutne;
vasak:0px;
ülemine:0px;
laius: 200 pikslit;
kõrgus: 100%;
z-indeks: 1;
taustavärv: #336699;
}
ja ülemine RH kiht on:
#Layer1 {
positsioon: absoluutne;
vasak: 200px;
ülemine:0px;
laius: 100%;
kõrgus: 180 pikslit;
z-indeks: 2;
taustavärv: #33CCFF;
}
ja 3. kiht ülejäänud akna täitmiseks (olenemata sellest, et selle suurust muudetakse) peaks olema midagi sellist:
#Layer1 {
positsioon: absoluutne;
vasak: 200px;
ülemine: 180px;
laius: 100%;
kõrgus: 100%;
z-indeks: 3;
taustavärv: #99CCFF;
}
Kui kasutate Dreamweaverit, on kõige parem lisada igale kihile näiv sisu, kui kiht kahaneb lehevaates tühjaks, seega ülaltoodud algses HTML-is 'a, b, c jne'.
ps Ma ei ole ekspert, võin eksida, kuid loodan, et see aitab. Võin öelda, et minu esimene kooditükk näib töötavat. Mina isiklikult ei pesaks kihte, kui saaksin natuke aidata, aga see on ainult mina – teen ainult lihtsaid asju. N
NoNameBrand
- 17. november 2005
- Halifax, Kanada
- 27. märts 2006
Siin on see, mida ma teeksin:
Kood:
foo sa usud!
-
- 14. juuni 2003
-
-
- MD / VA / DC
- 27. märts 2006
Deconcept ...
Tutvuge FlashObjectiga ja allalaaditavas failis on kood täisekraanil Divi tegemiseks.. võib-olla saab seda kohandada nii, nagu soovite.
http://blog.deconcept.com/flashobject/ floyde
Originaalplakat -
- 7. aprill 2005
-
-
- Monterrey Mehhiko
- 28. märts 2006
Tänan kõiki abi eest, aga ma mõistsin just, et täpset paigutust, mida ma tahan, on fikseeritud laiuste/kõrguste ja protsentide kombinatsiooniga võimatu saavutada. Kirjutasin selle ümber ainult protsente kasutades ja nüüd see töötab. Kui olete märgistuse vastu huvitatud, andke mulle teada ja ma postitan selle. stevep
-
- 13. oktoober 2004
-
-
- Ühendkuningriik
- 28. märts 2006
floyde ütles: Kui olete märgistuse vastu huvitatud, andke mulle teada ja ma postitan selle.
Tahaksin vaadata, kui teil on aega uuesti postitada.
NoNameBrand ütles: Mis see 'kihtide' värk on? kas see Dreamweaveri stiilis 'break stuff' on tõesti hea?
Noh, ma ei tea 'purustavate asjade kohta', aga arvan, et sa arvasid, et ma pole CSS-i tegija – kihid on mugav nimi, mille DW annab asjadele, mida minu arvates tuleks nimetada CSS-i positsioneeritud elementideks – ja Arvan, et nad kutsuvad neid nii, et minusugused DTP/Photoshopi taustaga inimesed tunneksid end veidi mugavamalt. Kui vaadata koodi, mille olete oma postitusse NoNameBrand lisanud, on see minu omast palju elegantsem – ma pean proovima, et saaksin div-sildi ümber. Aitäh OP ja vastuste eest. N NoNameBrand
-
- 17. november 2005
-
-
- Halifax, Kanada
- 28. märts 2006
stevep ütles: Noh, ma ei tea 'purustavate asjade kohta', aga arvan, et sa arvasid, et ma pole CSS-i tegija - kihid on mugav nimi, mille DW annab asjadele, mida minu arvates tuleks nimetada CSS-i positsioneeritud elementideks. '
Neil olid ka virnastatud z-indeksid – mis asetavad asjad lehel esi-tagasi. Olen varem näinud DW kihte, mis said saidi täielikult katki, kuid muidu pole nendega eriti kokku puutunud (see oli tõesti piisav).
Ma pean kõvasti pingutama, et div-sildist pähe saada.
A on lihtsalt suvaline plokk – see ei tähenda semantiliselt midagi, nii nagu ateeb (teksti lõik). Aon sama idee, kuid sisemiste asjade jaoks (nt a silt, kuid jällegi semantiline).
Kõige lihtsam on selle õppimiseks lõpetada Dreamweaveri kasutamine. Kujundan oma saidid Photoshopis ja salvestan seejärel soovitud graafilised elemendid koos joondamise eesmärgil värvikoodide ja pikslite umbkaudsete mõõtmistega ning seejärel kodeerin saidi TextWrangleris või VIM-is. floyde
Originaalplakat -
- 7. aprill 2005
-
-
- Monterrey Mehhiko
- 28. märts 2006
stevep ütles: Tahaksin vaadata, kui teil on aega uuesti postitada.
Siin see on, seal on natuke hispaania keelt, ma loodan, et see ei ole liiga segane:
Kood:Grand Scheme html { kõrgus: 100%; } body { margin: 0; polsterdus: 0; kõrgus: 100%; laius: 100%; } #left, #right { float: left; } #vasak { kõrgus:100%; taustavärv: oranž; laius: 10%; } #parem { kõrgus: 100%; asend:suhteline; laius: 90%; } #top { taustavärv: sinine; kõrgus: 10%; } #fotos { asukoht: suhteline; kõrgus: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { kõrgus: 50%; laius: 50%; ülevool: auto; positsioon: absoluutne; } #foto_sup_izq, #foto_sup_der { top: 0; } #foto_sup_der, #foto_inf_der { vasakul: 50%; } #foto_inf_izq, #foto_inf_der { top: 50%; } 
Manused
Lemmik Postitused