uçmak
Orijinal afiş- 7 Nis 2005
- Monterrey Meksika
- 27 Mart 2006
İki div'im var. Birinin yüksekliği sabit ve diğerinin pencerede kalan dikey boşluğu doldurmasını istiyorum. İkinci div'in yüksekliğini %100'e ayarlarsam, onu pencereyle aynı yüksekliğe getirir, ancak ben pencerenin yüksekliği eksi ilk div'in yüksekliği olmasını istiyorum.
Bu kullandığım kod:
Kod: |_+_|
Ayrıca ne yapmak istediğimi ve şu ana kadar neler yapabildiğimi gösteren bazı resimler de ekledim. Şimdiden teşekkürler
ekler
n
İsimsizMarka
- 17 Kasım 2005
- Halifax, Kanada
- 27 Mart 2006
Aksi takdirde, istediğini elde etmenin bir yolunu düşünemiyorum.
stepne
- 13 Ekim 2004
- Birleşik Krallık
- 27 Mart 2006
Denemek:
İsimsiz döküman
ile
B
C
NS
Ve
ps DW'de yaparak, ikinci katmana biraz içerik ekleyerek ve ardından kodla uğraşarak hile yaptım - DW, kenarlarda biraz dolgu olmasını sever ve iletişim kutularında bir katman istediğinizi belirtebilseniz bile üst köşeden 0 pikselden başlayın, Kod Görünümünü kullanarak iki kez söylemelisiniz. Neyse zorundaydım.
uçmak
Orijinal afiş- 7 Nis 2005
- Monterrey Meksika
- 27 Mart 2006
NoNameBrand dedi ki: Neden 1.yi 2.nin içine yerleştirmiyorsunuz?
Aksi takdirde, istediğini elde etmenin bir yolunu düşünemiyorum.
Teşekkürler, bu görsel olarak çalışıyor, ancak ikinci div bu düzen için bir kap olacak, bu yüzden içeriğinin bunları devralabilmesi için hala uygun boyutlara sahip olmasına ihtiyacım var.
Yani belki de mümkün değil? Belki de çalışması için biraz javascript kullanmam gerekecek?
stevep dedi ki: Deneyin:Teşekkürler ama çalıştıramadım hangi tarayıcıyı kullandınız?
uçmak
Orijinal afiş- 7 Nis 2005
- Monterrey Meksika
- 27 Mart 2006
Tamam, işte nihai hedefimin bir resmi. Şimdiye kadar yavaş yavaş yapıyorum, bu yüzden belki de sorun benim ilk yaklaşımımdır. Peki siz buna nasıl yaklaşırsınız (sadece fikirlere ihtiyacım var)? Saf css kullanır mıydınız yoksa tablolara mı yoksa çerçevelere mi verirdiniz?
ekler
stepne
- 13 Ekim 2004
- Birleşik Krallık
- 27 Mart 2006
Üzerinde oynamanız gereken kısım şudur:
#Katman1 {
konum:mutlak;
sol:0 piksel;
üst:0 piksel;
genişlik: %100;
yükseklik:180 piksel;
z-endeksi: 1;
arka plan rengi: #99CCFF;
}
Sayfanızı bir kağıda pürüzlendirin, böylece konumları doğru bir şekilde elde edersiniz ve bu size her katmanın üst sol köşesinin konumunu verir. Katman 1'in yüksekliği, katman 2'nin başlangıç konumunu belirleyecektir - bu durumda katman 2'nin birüst:180 piksel;kod satırı.
Son gönderinizde gösterdiğiniz gibi 3 katmanı istiyorsanız, en soldaki katman şöyle olacaktır:
#Katman1 {
konum:mutlak;
sol:0 piksel;
üst:0 piksel;
genişlik:200 piksel;
yükseklik: %100;
z-endeksi: 1;
arka plan rengi: #336699;
}
ve üst RH katmanı şöyle olacaktır:
#Katman1 {
konum:mutlak;
sol:200 piksel;
üst:0 piksel;
genişlik: %100;
yükseklik:180 piksel;
z-endeksi: 2;
arka plan rengi: #33CCFF;
}
ve pencerenin geri kalanını dolduracak 3. katman (ancak yeniden boyutlandırılmıştır) şöyle olmalıdır:
#Katman1 {
konum:mutlak;
sol:200 piksel;
üst:180 piksel;
genişlik: %100;
yükseklik: %100;
z-endeksi: 3;
arka plan rengi: #99CCFF;
}
Dreamweaver kullanıyorsanız, katmanın sayfa görünümünde küçülmemesi durumunda, yukarıdaki orijinal html'deki 'a,b,c vb.
ps Ben uzman değilim, yanılıyor olabilirim ama umarım yardımcı olur. Söyleyebileceğim şey, ilk kodumun işe yaradığı. Biraz yardımcı olabilseydim, kişisel olarak katmanları yerleştirmezdim, ama bu sadece benim - sadece basit yapıyorum. n
İsimsizMarka
- 17 Kasım 2005
- Halifax, Kanada
- 27 Mart 2006
İşte yapacağım şey:
Kod:
ahmak inan!
-
- 14 Haz 2003
-
-
- MD / VA / DC
- 27 Mart 2006
Konsept...
FlashObject'e göz atın ve indirme işleminde bir div'i tam ekran yapmak için kod var.. belki istediğiniz gibi uyarlanabilir.
http://blog.deconcept.com/flashobject/ uçmak
Orijinal afiş -
- 7 Nis 2005
-
-
- Monterrey Meksika
- 28 Nisan 2006
Tüm yardımlarınız için teşekkürler arkadaşlar, ancak istediğim tam düzeni, sabit genişlikler/yükseklikler ve yüzdeler kombinasyonu ile elde etmenin imkansız olduğunu fark ettim. Sadece yüzdeleri kullanarak yeniden yazdım ve şimdi çalışıyor. İşaretlemeyle ilgileniyorsanız, bana bildirin, ben de yayınlayacağım. stepne
-
- 13 Ekim 2004
-
-
- Birleşik Krallık
- 28 Nisan 2006
floyde dedi ki: İşaretlemeyle ilgileniyorsanız bana bildirin, ben de yayınlayacağım.
Vaktiniz olursa tekrar yazmak isterim.
NoNameBrand dedi ki: Bu 'katmanlar' nedir? 'Gerçekten iyi şeyler kırmak' için Dreamweaver-esque mi?
Şey, 'kırıcı şeyler' hakkında bir şey bilmiyorum ama sanırım bir CSS patronu olmadığımı düşündünüz - katmanlar, DW tarafından 'CSS konumlu öğeler' olarak adlandırılması gerektiğini düşündüğüm şeylere verilen uygun bir addır - ve Sanırım DTP / Photoshop arka planından benim gibi insanları biraz daha rahat hissettirmek için böyle diyorlar. NoNameBrand yazınıza eklediğiniz koda bakıldığında, benimkinden çok daha zarif - div etiketini gerçekten kafama sokmak için bir bıçaklamam gerekecek. OP ve cevaplar için teşekkürler. n İsimsizMarka
-
- 17 Kasım 2005
-
-
- Halifax, Kanada
- 28 Nisan 2006
stevep dedi ki: Şey, 'kırılan şeyler' hakkında bir şey bilmiyorum ama sanırım bir CSS boff olmadığımı düşündün - katmanlar, DW tarafından 'CSS konumlu öğeler olarak adlandırılması gerektiğini düşündüğüm şeylere verilen uygun bir addır. '
Ayrıca üzerlerinde, her şeyi bir sayfada önden arkaya konumlandıran yığınlanmış z-endeksleri de vardı. Daha önce bir siteyi tamamen bozan DW katmanları gördüm, ancak aksi takdirde onlara fazla maruz kalmadım (bu gerçekten yeterliydi).
Gerçekten kafamı div etiketine sokmak için bir bıçaklamam gerekecek.
A sadece keyfi bir bloktur - anlamsal olarak bir şey ifade etmez,yapar (metnin bir paragrafı). Aaynı fikirdir, ancak satır içi şeyler için (bir etiketi, ancak yine anlamsal ücretsiz).
Bunu öğrenmenin en kolay yolu Dreamweaver'ı kullanmayı bırakmaktır. Sitelerimi Photoshop'ta tasarlıyorum ve ardından hizalama amacıyla renk kodlarını ve bazı kaba piksel ölçümlerini not almanın yanı sıra istediğim grafik öğelerini kaydediyorum ve ardından siteyi TextWrangler veya VIM'de kodluyorum. uçmak
Orijinal afiş -
- 7 Nis 2005
-
-
- Monterrey Meksika
- 28 Nisan 2006
stevep dedi ki: Tekrar yazacak vaktin varsa bakmak isterim.
İşte burada, biraz İspanyolca var, umarım çok kafa karıştırıcı değildir:
Kod:Grand Scheme html { yükseklik: %100; } gövde { kenar boşluğu: 0; dolgu: 0; yükseklik: %100; genişlik: %100; } #sol, #sağ { kayan nokta: sol; } #sol { yükseklik:%100; arka plan rengi: turuncu; genişlik: %10; } #sağ { yükseklik: %100; konum:göreceli; genişlik: %90; } #top { arka plan rengi: mavi; yükseklik: %10; } #fotos { konum: göreceli; yükseklik: %90; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { yükseklik: %50; genişlik: %50; taşma: otomatik; konum: mutlak; } #foto_sup_izq, #foto_sup_der { üst: 0; } #foto_sup_der, #foto_inf_der { sol: %50; } #foto_inf_izq, #foto_inf_der { üst: %50; } 
ekler
Popüler Mesajlar