floyde
Poster asal- 7 Apr 2005
- Monterrey Mexico
- 27 Mac 2006
Saya mempunyai dua div. Satu mempunyai ketinggian tetap dan saya mahu yang satu lagi mengisi ruang menegak yang tinggal pada tingkap. Jika saya menetapkan ketinggian div terakhir kepada 100%, ia akan menjadikannya sama tinggi dengan tetingkap, tetapi saya mahu ia menjadi ketinggian tetingkap tolak ketinggian div pertama.
Ini adalah kod yang saya gunakan:
Kod: |_+_|
Saya turut sertakan beberapa imej yang menunjukkan perkara yang saya mahu lakukan dan perkara yang boleh saya lakukan setakat ini. Terima kasih terlebih dahulu
Lampiran
N
NoNameBrand
- 17 Nov 2005
- Halifax, Kanada
- 27 Mac 2006
Jika tidak, saya tidak dapat memikirkan cara anda akan mendapat apa yang anda mahukan.
stevep
- 13 Okt 2004
- UK
- 27 Mac 2006
Cuba:
Dokumen Tidak Bertajuk
kepada
b
c
d
Dan
ps Saya menipu dengan melakukannya dalam DW, menambah beberapa kandungan pada lapisan kedua, dan kemudian mengacaukan kod - DW suka perkara mempunyai beberapa padding di sekeliling tepi dan walaupun anda boleh menentukan dalam dialog yang anda mahu lapisan untuk bermula pada 0px dari sudut atas, anda perlu memberitahunya dua kali, menggunakan Pandangan Kod. Saya terpaksa juga.
floyde
Poster asal- 7 Apr 2005
- Monterrey Mexico
- 27 Mac 2006
NoNameBrand berkata: Mengapa tidak sarang yang pertama di dalam yang kedua?
Jika tidak, saya tidak dapat memikirkan cara anda akan mendapat apa yang anda mahukan.
Terima kasih, ia berfungsi secara visual, tetapi div kedua akan menjadi bekas untuk reka letak ini, jadi saya masih memerlukannya untuk mempunyai dimensi yang betul supaya kandungannya boleh mewarisinya.
Jadi mungkin ia tidak mungkin? Mungkin saya perlu menggunakan sedikit javascript untuk menjadikannya berfungsi?
steve berkata: Cuba:Terima kasih, tetapi saya tidak dapat membuatnya berfungsi, penyemak imbas apakah yang anda gunakan?
floyde
Poster asal- 7 Apr 2005
- Monterrey Mexico
- 27 Mac 2006
Ok inilah gambar matlamat utama saya. Setakat ini saya melakukannya secara beransur-ansur, jadi mungkin masalahnya adalah pendekatan awal saya. Jadi bagaimanakah anda semua akan mendekati ini (saya hanya perlukan idea)? Adakah anda akan menggunakan css tulen, atau adakah anda akan menyerah kepada jadual atau bingkai?
Lampiran
stevep
- 13 Okt 2004
- UK
- 27 Mac 2006
Perkara yang anda perlu main-mainkan ialah ini:
#Layer1 {
kedudukan:mutlak;
kiri:0px;
atas:0px;
lebar: 100%;
ketinggian:180px;
indeks-z: 1;
warna latar belakang: #99CCFF;
}
Ratakan halaman anda pada sekeping kertas supaya anda mendapat kedudukan yang betul, dan itu akan memberi anda kedudukan sudut LH atas setiap lapisan. Ketinggian lapisan 1 akan menentukan kedudukan permulaan lapisan 2 - dalam kes ini lapisan 2 perlu mempunyai aatas:180px;baris kod.
Jika anda mahukan 3 lapisan seperti yang anda tunjukkan dalam siaran terakhir anda, maka lapisan paling kiri ialah:
#Layer1 {
kedudukan:mutlak;
kiri:0px;
atas:0px;
lebar: 200px;
ketinggian: 100%;
indeks-z: 1;
warna latar belakang: #336699;
}
dan lapisan RH atas ialah:
#Layer1 {
kedudukan:mutlak;
kiri:200px;
atas:0px;
lebar: 100%;
ketinggian:180px;
indeks z: 2;
warna latar belakang: #33CCFF;
}
dan lapisan ke-3 untuk mengisi baki tetingkap (namun ia diubah saiznya) sepatutnya seperti:
#Layer1 {
kedudukan:mutlak;
kiri:200px;
atas:180px;
lebar: 100%;
ketinggian: 100%;
indeks-z: 3;
warna latar belakang: #99CCFF;
}
Yang terbaik adalah meletakkan beberapa kandungan tiruan dalam setiap lapisan jika anda menggunakan Dreamweaver, sekiranya lapisan itu mengecut kepada tiada apa-apa dalam paparan halaman, maka 'a,b,c dll' dalam html asal di atas.
ps Saya bukan pakar, saya mungkin salah tetapi saya harap ia membantu. Apa yang boleh saya katakan ialah kod pertama saya nampaknya berfungsi. Saya secara peribadi tidak akan membuat lapisan jika saya boleh membantu sedikit, tetapi itu hanya saya - saya hanya melakukan yang mudah. N
NoNameBrand
- 17 Nov 2005
- Halifax, Kanada
- 27 Mac 2006
Inilah yang saya akan lakukan:
Kod:
foo anda percaya!
-
- 14 Jun 2003
-
-
- MD / VA / DC
- 27 Mac 2006
Dekonsep...
Semak FlashObject dan dalam muat turun terdapat kod untuk membuat skrin penuh div.. mungkin ia boleh disesuaikan mengikut kehendak anda.
http://blog.deconcept.com/flashobject/ floyde
Poster asal -
- 7 Apr 2005
-
-
- Monterrey Mexico
- 28 Mac 2006
Terima kasih untuk semua bantuan, tetapi saya baru menyedari bahawa susun atur yang tepat yang saya inginkan adalah mustahil untuk dicapai dengan gabungan lebar/tinggi dan peratusan tetap. Saya menulis semula dengan hanya menggunakan peratusan dan kini ia berfungsi. Jika anda berminat dengan markup beritahu saya dan saya akan menyiarkannya. stevep
-
- 13 Okt 2004
-
-
- UK
- 28 Mac 2006
floyde berkata: Jika anda berminat dengan penanda beritahu saya dan saya akan menyiarkannya.
Saya ingin melihat jika anda mempunyai masa untuk menyiarkan lagi.
NoNameBrand berkata: Apakah bahan 'lapisan' ini? adakah itu Dreamweaver-esque untuk 'memecahkan barangan benar-benar bagus'?
Baiklah, saya tidak tahu tentang 'barang pecah' tetapi saya rasa anda menyangka bahawa saya bukan seorang CSS boff - lapisan ialah nama yang mudah diberikan oleh DW kepada perkara yang saya fikir harus dipanggil 'elemen kedudukan CSS' - dan Saya rasa mereka memanggil mereka begitu untuk membuatkan orang seperti saya dari latar belakang DTP / Photoshop berasa lebih selesa. Melihat pada kod yang anda sertakan dalam siaran NoNameBrand anda jauh lebih elegan daripada saya - Saya perlu mencuba untuk benar-benar mendapatkan kepala saya pusingan tag div. Terima kasih atas OP dan balasannya. N NoNameBrand
-
- 17 Nov 2005
-
-
- Halifax, Kanada
- 28 Mac 2006
stevep berkata: Baiklah, saya tidak tahu tentang 'barang pecah' tetapi saya rasa anda menyangka bahawa saya bukan seorang CSS boff - lapisan ialah nama yang mudah diberikan oleh DW kepada perkara yang saya fikir harus dipanggil 'elemen kedudukan CSS '
Mereka juga mempunyai tindanan z-indeks pada mereka - yang meletakkan perkara depan ke belakang pada halaman. Saya telah melihat lapisan DW sebelum itu benar-benar memecahkan tapak, tetapi sebaliknya tidak mempunyai banyak pendedahan kepada mereka (itu sudah cukup, sungguh).
Saya perlu mempunyai tikaman untuk benar-benar mendapatkan kepala saya bulat tag div.
A hanyalah blok sewenang-wenangnya - ia tidak bermakna apa-apa dari segi semantik, cara atidak (perenggan teks). Aadalah idea yang sama, tetapi untuk perkara sebaris (seperti a tag, tetapi sekali lagi, percuma semantik).
Perkara paling mudah dilakukan untuk mempelajari perkara ini ialah berhenti menggunakan Dreamweaver. Saya mereka bentuk tapak saya dalam Photoshop dan kemudian menyimpan elemen grafik yang saya mahu, bersama-sama dengan mencatat kod warna dan beberapa ukuran piksel kasar untuk tujuan penjajaran, dan kemudian saya mengekod tapak dalam TextWrangler atau VIM. floyde
Poster asal -
- 7 Apr 2005
-
-
- Monterrey Mexico
- 28 Mac 2006
steve berkata: Saya ingin melihat jika anda mempunyai masa untuk menyiarkan lagi.
Ini dia, ada sedikit bahasa Sepanyol di sana, saya harap ia tidak terlalu mengelirukan:
Kod:Skim Besar html { ketinggian: 100%; } badan { margin: 0; padding: 0; ketinggian: 100%; lebar: 100%; } #kiri, #kanan { float: left; } #kiri { tinggi:100%; warna latar belakang: oren; lebar: 10%; } #right { tinggi: 100%; jawatan:saudara; lebar: 90%; } #atas { background-color: blue; ketinggian: 10%; } #fotos { position: relative; ketinggian: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { height: 50%; lebar: 50%; limpahan: auto; jawatan: mutlak; } #foto_sup_izq, #foto_sup_der { atas: 0; } #foto_sup_der, #foto_inf_der { kiri: 50%; } #foto_inf_izq, #foto_inf_der { atas: 50%; } 
Lampiran
Jawatan Popular