floyde
Originalus plakatas- 2005 m. balandžio 7 d
- Monterėjus, Meksika
- 2006 m. kovo 27 d
Turiu du divus. Vienas turi fiksuotą aukštį ir noriu, kad kitas užpildytų likusią vertikalią erdvę ant lango. Jei pastarojo div aukštį nustatysiu į 100%, jis bus tokio pat aukščio kaip ir langas, bet noriu, kad jis būtų lango aukštis atėmus pirmojo div aukštį.
Tai yra kodas, kurį naudoju:
Kodas: |_+_|
Taip pat įtraukiau keletą vaizdų, rodančių, ką noriu daryti ir ką man pavyko iki šiol. Ačiū iš anksto
Priedai
N
NoNameBrand
- 2005 m. lapkričio 17 d
- Halifaksas, Kanada
- 2006 m. kovo 27 d
Priešingu atveju nesugalvoju, kaip gauti tai, ko nori.
stevepas
- 2004 m. spalio 13 d
- JK
- 2006 m. kovo 27 d
Bandyti:
Nepavadintas dokumentas
į
b
c
d
Ir
ps Aš apgavau tai darydamas DW, pridėdamas šiek tiek turinio į antrą sluoksnį, o tada maišydamasis su kodu - DW mėgsta, kad daiktai turi tam tikrą užpildą aplink kraštus ir nors dialogo lange galite nurodyti, kad norite sluoksnio. Pradėkite nuo 0 pikselių nuo viršutinio kampo, turite tai pasakyti du kartus naudodami kodo rodinį. Vistiek turėjau.
floyde
Originalus plakatas- 2005 m. balandžio 7 d
- Monterėjus, Meksika
- 2006 m. kovo 27 d
„NoNameBrand“ pasakė: kodėl gi neįdėjus 1-ojo į 2-ąją?
Priešingu atveju nesugalvoju, kaip gauti tai, ko nori.
Ačiū, tai veikia vizualiai, bet antrasis div bus šio išdėstymo konteineris, todėl man vis tiek reikia, kad jis būtų tinkamų matmenų, kad jo turinys galėtų juos paveldėti.
Tad gal tai tiesiog neįmanoma? Galbūt man reikės naudoti šiek tiek javascript, kad tai veiktų?
stevepas pasakė: Pabandykite:Ačiū, bet man nepavyko to padaryti. Kokią naršyklę naudojote?
floyde
Originalus plakatas- 2005 m. balandžio 7 d
- Monterėjus, Meksika
- 2006 m. kovo 27 d
Gerai, čia yra mano galutinio tikslo nuotrauka. Iki šiol tai darau palaipsniui, todėl galbūt problema yra mano pradinis požiūris. Taigi, kaip jūs, vaikinai, tai padarytumėte (man reikia tik idėjų)? Ar naudotumėte gryną css, ar pasiduotumėte lentelėms ar rėmeliams?
Priedai
stevepas
- 2004 m. spalio 13 d
- JK
- 2006 m. kovo 27 d
Maža dalis, su kuria turite žaisti, yra ši:
#Layer1 {
padėtis: absoliutus;
kairėje:0px;
viršuje:0px;
plotis: 100%;
aukštis: 180px;
z indeksas: 1;
fono spalva: #99CCFF;
}
Išlyginkite savo puslapį ant popieriaus lapo, kad nustatytumėte teisingas pozicijas, o tai parodys kiekvieno sluoksnio viršutinio kairiojo kampo padėtį. 1 sluoksnio aukštis nulems 2 sluoksnio pradinę padėtį – šiuo atveju 2 sluoksnis turi turėti aviršuje: 180 pikselių;kodo eilutė.
Jei norite, kad 3 sluoksniai būtų tokie, kokie rodomi paskutiniame įraše, tada kairysis sluoksnis bus:
#Layer1 {
padėtis: absoliutus;
kairėje:0px;
viršuje:0px;
plotis: 200 pikselių;
aukštis: 100%;
z indeksas: 1;
fono spalva: #336699;
}
ir viršutinis RH sluoksnis bus:
#Layer1 {
padėtis: absoliutus;
kairėje:200px;
viršuje:0px;
plotis: 100%;
aukštis: 180px;
z indeksas: 2;
fono spalva: #33CCFF;
}
o trečiasis sluoksnis užpildyti likusią lango dalį (kad ir kaip būtų pakeistas) turėtų būti maždaug toks:
#Layer1 {
padėtis: absoliutus;
kairėje:200px;
viršuje: 180 pikselių;
plotis: 100%;
aukštis: 100%;
z indeksas: 3;
fono spalva: #99CCFF;
}
Jei naudojate „Dreamweaver“, į kiekvieną sluoksnį geriausia įdėti netikro turinio, jei puslapio rodinyje sluoksnis susitraukia iki nieko, vadinasi, „a,b,c ir tt“ pirminiame HTML.
ps Nesu ekspertas, galiu klysti, bet tikiuosi, kad tai padės. Galiu pasakyti, kad mano pirmoji kodo dalis veikia. Aš asmeniškai nedėčiau sluoksnių, jei galėčiau padėti, bet tai tik aš – darau tik paprastus. N
NoNameBrand
- 2005 m. lapkričio 17 d
- Halifaksas, Kanada
- 2006 m. kovo 27 d
Štai ką aš daryčiau:
Kodas:
foo tu tiki!
-
- 2003 m. birželio 14 d
-
-
- MD / VA / DC
- 2006 m. kovo 27 d
Deconcept...
Pažiūrėk FlashObject ir atsisiųstame faile yra kodas, leidžiantis sukurti „div“ per visą ekraną.. Galbūt jį galima pritaikyti taip, kaip norite.
http://blog.deconcept.com/flashobject/ floyde
Originalus plakatas -
- 2005 m. balandžio 7 d
-
-
- Monterėjus, Meksika
- 2006 m. balandžio 28 d
Ačiū už pagalbą, bet aš ką tik supratau, kad tikslaus išdėstymo, kurio noriu, neįmanoma pasiekti derinant fiksuotus pločius / aukščius ir procentus. Aš perrašiau jį naudodamas tik procentus ir dabar jis veikia. Jei jus domina žymėjimas, praneškite man ir aš jį paskelbsiu. stevepas
-
- 2004 m. spalio 13 d
-
-
- JK
- 2006 m. balandžio 28 d
floyde pasakė: Jei jus domina žymėjimas, praneškite man ir aš jį paskelbsiu.
Norėčiau pažiūrėti, jei turite laiko vėl paskelbti.
„NoNameBrand“ pasakė: „Kas tai per „sluoksniai“? ar „Dreamweaver“ panašus į „pertraukų daiktus“ yra tikrai geras?
Na, aš nežinau apie „sulaužančius dalykus“, bet manau, jūs įtariate, kad aš nesu CSS mėgėjas – sluoksniai yra patogus pavadinimas, kurį DW davė daiktams, kurie, mano manymu, turėtų būti vadinami „CSS išdėstytais elementais“ – ir Manau, kad jie taip juos vadina, kad tokie žmonės kaip aš iš DTP / Photoshop fono jaustųsi šiek tiek patogiau. Žvelgiant į kodą, kurį įtraukėte į savo įrašą „NoNameBrand“, jis yra daug elegantiškesnis nei mano – turėsiu pasistengti, kad galėčiau iš tikrųjų suprasti „div“ žymą. Ačiū už OP ir atsakymus. N NoNameBrand
-
- 2005 m. lapkričio 17 d
-
-
- Halifaksas, Kanada
- 2006 m. balandžio 28 d
stevepas pasakė: Na, aš nežinau apie „laužomus dalykus“, bet manau, kad jūs įtariate, kad aš nesu CSS mėgėjas – sluoksniai yra patogus pavadinimas, kurį DW suteikė dalykams, kurie, mano nuomone, turėtų būti vadinami „CSS išdėstytais elementais“. '
Ant jų taip pat buvo sukrauti z rodyklės, kurios puslapyje išdėstytos iš priekio į galą. Aš anksčiau mačiau DW sluoksnius, kurie visiškai sugadino svetainę, bet šiaip neturėjau daug jų poveikio (tikrai to pakako).
Aš turėsiu pasistengti, kad galėčiau apeiti „div“ žymą.
A yra tik savavališkas blokas – semantiškai jis nieko nereiškia, kaip adaro (teksto pastraipa). Ayra ta pati idėja, bet skirtiems dalykams (pvz., a žyma, bet vėlgi, semantinė nemokama).
Lengviausias dalykas, kurį reikia padaryti norint išmokti šių dalykų, yra nustoti naudoti „Dreamweaver“. Kuriu savo svetaines programoje „Photoshop“, tada išsaugau norimus grafinius elementus, taip pat užsirašau spalvų kodus ir kai kuriuos apytikslius pikselių matavimus, kad būtų galima suderinti, o tada užkoduoju svetainę „TextWrangler“ arba VIM. floyde
Originalus plakatas -
- 2005 m. balandžio 7 d
-
-
- Monterėjus, Meksika
- 2006 m. balandžio 28 d
stevepas pasakė: Norėčiau pažiūrėti, jei turite laiko vėl paskelbti.
Štai, ten yra šiek tiek ispanų kalbos, tikiuosi, kad tai nebus pernelyg painu:
Kodas:Grand Scheme html { aukštis: 100%; } body { paraštė: 0; paminkštinimas: 0; aukštis: 100%; plotis: 100%; } #left, #right { float: left; } #kairė { aukštis:100%; fono spalva: oranžinė; plotis: 10%; } #dešinė { aukštis: 100%; padėtis:santykinė; plotis: 90%; } #viršus { fono spalva: mėlyna; aukštis: 10%; } #fotos { pozicija: santykinis; aukštis: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { aukštis: 50%; plotis: 50%; perpildymas: automatinis; padėtis: absoliuti; } #foto_sup_izq, #foto_sup_der { top: 0; } #foto_sup_der, #foto_inf_der { kairėje: 50%; } #foto_inf_izq, #foto_inf_der { viršų: 50%; } 
Priedai
Populiarios Temos