floyde
Oriģinālais plakāts- 2005. gada 7. aprīlis
- Montereja Meksika
- 2006. gada 27. marts
Man ir divi div. Vienam ir fiksēts augstums, un es vēlos, lai otrs aizpildītu atlikušo vertikālo vietu uz loga. Ja es iestatīšu pēdējā div augstumu uz 100%, tas padarīs to tādā pašā augstumā kā logs, bet es vēlos, lai tas būtu loga augstums mīnus pirmā div augstums.
Šis ir kods, ko izmantoju:
Kods: |_+_|
Es iekļāvu arī dažus attēlus, kas parāda, ko es vēlos darīt un ko esmu varējis izdarīt līdz šim. Paldies jau iepriekš
Pielikumi
N
NoNameBrand
- 2005. gada 17. novembris
- Halifaksa, Kanāda
- 2006. gada 27. marts
Citādi es nevaru iedomāties veidu, kā iegūt to, ko vēlies.
Stīve
- 2004. gada 13. oktobris
- Apvienotā Karaliste
- 2006. gada 27. marts
Izmēģiniet:
Dokuments bez nosaukuma
uz
b
c
d
Un
ps Es krāpjos, darot to DW, pievienojot saturu otrajam slānim un pēc tam mīņājoties ar kodu - DW patīk, ka lietām ir kāds polsterējums ap malām un lai gan dialogos varat norādīt, ka vēlaties slāni sākas ar 0 pikseļiem no augšējā stūra, jums tas ir jāpasaka divreiz, izmantojot koda skatu. Man tik un tā vajadzēja.
floyde
Oriģinālais plakāts- 2005. gada 7. aprīlis
- Montereja Meksika
- 2006. gada 27. marts
NoNameBrand teica: Kāpēc gan neievietot pirmo 2. iekšpusē?
Citādi es nevaru iedomāties veidu, kā iegūt to, ko vēlies.
Paldies, tas darbojas vizuāli, bet otrais div būs konteiners šim izkārtojumam, tāpēc man joprojām ir nepieciešami atbilstoši izmēri, lai tā saturs varētu tos mantot.
Tātad varbūt tas vienkārši nav iespējams? Varbūt man vajadzēs izmantot nelielu javascript, lai tas darbotos?
Stīps teica: Mēģiniet:Paldies, bet es nevarēju to panākt. Kādu pārlūkprogrammu jūs izmantojāt?
floyde
Oriģinālais plakāts- 2005. gada 7. aprīlis
- Montereja Meksika
- 2006. gada 27. marts
Labi, šeit ir mana galvenā mērķa attēls. Līdz šim es to daru pakāpeniski, tāpēc, iespējams, problēma ir mana sākotnējā pieeja. Tātad, kā jūs, puiši, pieietu šim (man vajag tikai idejas)? Vai jūs izmantotu tīru css, vai jūs piekāptos tabulām vai rāmjiem?
Pielikumi
Stīve
- 2004. gada 13. oktobris
- Apvienotā Karaliste
- 2006. gada 27. marts
Mazums, ar ko jums jāspēlējas, ir šāds:
#Layer1 {
pozīcija: absolūts;
pa kreisi:0px;
augšā:0px;
platums: 100%;
augstums: 180 pikseļi;
z-indekss: 1;
fona krāsa: #99CCFF;
}
Izlīdziniet savu lapu uz papīra lapas, lai iegūtu pareizās pozīcijas, un tādējādi jūs iegūsit katra slāņa augšējā LH stūra pozīciju. 1. slāņa augstums noteiks 2. slāņa sākuma pozīciju – šajā gadījumā 2. slānim ir jābūt aaugšā: 180 pikseļi;koda rinda.
Ja vēlaties, lai 3 slāņi būtu tādi, kādi tiek parādīti savā pēdējā ziņā, tad kreisākais slānis būs:
#Layer1 {
pozīcija: absolūts;
pa kreisi:0px;
augšā:0px;
platums: 200 pikseļi;
augstums: 100%;
z-indekss: 1;
fona krāsa: #336699;
}
un augšējais RH slānis būs:
#Layer1 {
pozīcija: absolūts;
pa kreisi: 200 pikseļi;
augšā:0px;
platums: 100%;
augstums: 180 pikseļi;
z-indekss: 2;
fona krāsa: #33CCFF;
}
un trešajam slānim, lai aizpildītu atlikušo loga daļu (neatkarīgi no tā, vai tā lielums ir mainīts), vajadzētu būt apmēram šādam:
#Layer1 {
pozīcija: absolūts;
pa kreisi: 200 pikseļi;
augšā: 180 pikseļi;
platums: 100%;
augstums: 100%;
z-indekss: 3;
fona krāsa: #99CCFF;
}
Ja izmantojat Dreamweaver, katrā slānī vislabāk ir ievietot fiktīvu saturu, ja lapas skatījumā slānis sarūk līdz nekādam, tāpēc sākotnējā HTML failā ir “a,b,c utt”.
ps Es neesmu eksperts, iespējams, kļūdos, bet es ceru, ka tas palīdz. Es varu teikt, ka mans pirmais koda bits, šķiet, darbojas. Es personīgi neliktu slāņu ligzdas, ja varētu mazliet palīdzēt, bet tas ir tikai es — es daru tikai vienkāršus. N
NoNameBrand
- 2005. gada 17. novembris
- Halifaksa, Kanāda
- 2006. gada 27. marts
Lūk, ko es darītu:
Kods:
foo Jūs uzskatāt!
-
- 2003. gada 14. jūnijs
-
-
- MD / VA / DC
- 2006. gada 27. marts
Atjautība...
Iepazīstieties ar FlashObject un lejupielādes laikā ir kods, lai izveidotu div pilnekrāna režīmu.. varbūt to var pielāgot, kā vēlaties.
http://blog.deconcept.com/flashobject/ floyde
Oriģinālais plakāts -
- 2005. gada 7. aprīlis
-
-
- Montereja Meksika
- 2006. gada 28. marts
Paldies par palīdzību, bet es tikko sapratu, ka precīzu izkārtojumu, kādu es vēlos, nav iespējams sasniegt ar fiksētu platumu/augstumu un procentuālo attiecību kombināciju. Es to pārrakstīju, izmantojot tikai procentus, un tagad tas darbojas. Ja jūs interesē marķējums, dariet man zināmu, un es to ievietošu. Stīve
-
- 2004. gada 13. oktobris
-
-
- Apvienotā Karaliste
- 2006. gada 28. marts
floids teica: Ja jūs interesē marķējums, dariet man to zināmu, un es to publicēšu.
Es vēlētos to apskatīt, ja jums ir laiks publicēt vēlreiz.
NoNameBrand teica: Kas ir šī 'slāņu' lieta? vai tas ir Dreamweaver raksturīgs jēdziens 'break stuff' tiešām labs?
Nu, es nezinu par 'salaužamajām lietām', bet man liekas, ka tu domāji, ka es neesmu CSS cienītājs — slāņi ir ērts nosaukums, ko DW piešķīris lietām, kuras, manuprāt, būtu jāsauc par 'CSS pozicionētiem elementiem'. Manuprāt, viņi tos tā sauc, lai tādi cilvēki kā es no DTP/Photoshop fona justos mazliet ērtāk. Aplūkojot kodu, ko esat iekļāvis savā ziņā NoNameBrand, tas ir daudz elegantāks par manējo — man būs jācenšas pareizi atraut div tagu. Paldies par OP un atbildēm. N NoNameBrand
-
- 2005. gada 17. novembris
-
-
- Halifaksa, Kanāda
- 2006. gada 28. marts
Stīve teica: Nu, es nezinu par 'salauztajām lietām', bet es domāju, ka tu domāji, ka es neesmu CSS cienītājs — slāņi ir ērts nosaukums, ko DW piešķir lietām, kuras, manuprāt, būtu jāsauc par CSS pozicionētiem elementiem. '
Uz tiem bija arī salikti z-indeksi, kas lappusē novieto lietas no priekšpuses pret aizmuguri. Iepriekš esmu redzējis DW slāņus, kas pilnībā salauza vietni, bet citādi man tie nav bijuši īpaši pakļauti (ar to tiešām pietika).
Man būs jācenšas dabūt galvu ap div tagu.
A ir tikai patvaļīgs bloks - tas semantiski neko nenozīmē, veids, kā adara (teksta rindkopa). Air tā pati ideja, bet paredzētajām lietām (piemēram, a tagu, bet atkal, bez semantiskas).
Lai apgūtu šīs lietas, visvieglāk ir pārtraukt lietot Dreamweaver. Es veidoju savas vietnes programmā Photoshop un pēc tam saglabāju vajadzīgos grafiskos elementus, kā arī pierakstu krāsu kodus un dažus aptuvenus pikseļu mērījumus līdzināšanas nolūkos, un pēc tam es kodēju vietni programmā TextWrangler vai VIM. floyde
Oriģinālais plakāts -
- 2005. gada 7. aprīlis
-
-
- Montereja Meksika
- 2006. gada 28. marts
Stīve teica: Es vēlētos to apskatīt, ja jums ir laiks publicēt vēlreiz.
Šeit tas ir, tur ir mazliet spāņu valodas, es ceru, ka tas nav pārāk mulsinoši:
Kods:Grand Scheme html { augstums: 100%; } body { margin: 0; polsterējums: 0; augstums: 100%; platums: 100%; } #pa kreisi, #labi { peldēt: pa kreisi; } #pa kreisi { augstums:100%; fona krāsa: oranža; platums: 10%; } #labais { augstums: 100%; pozīcija: radinieks; platums: 90%; } #top { fona krāsa: zila; augstums: 10%; } #fotos { pozīcija: relatīvs; augstums: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { augstums: 50%; platums: 50%; pārplūde: auto; pozīcija: absolūta; } #foto_sup_izq, #foto_sup_der { top: 0; } #foto_sup_der, #foto_inf_der { pa kreisi: 50%; } #foto_inf_izq, #foto_inf_der { top: 50%; } 
Pielikumi
Populārākas Posts