alt text http://img190.imageshack.us/img190/7514/unbenanntax.jpgbir div
sağ alt köşesinde bir img yerleştirmek için nasıl Bu yapmak istediğim şey bu. İçinde bazı metinler bulunan bir metin ve sağ alt köşede bir img. Divanın yüksekliği 24px'de sabittir, ancak uzunluk bilinmemektedir ve üst üste bu divlardan birden fazlası olabilir.
Bunu yapmanın birkaç tekniği vardır. En basit:
<div class="outer">
<img src="....">
</div>
div.outer { position: relative; height: 24px; }
div.outer img { position: absolute; right: 0; bottom: 0; }
Making the absolute, relative ile başlayın.
görüntü örneğin 10 piksel yüksek ise, bu deneyebilirsiniz:
div.outer { height: 24px; }
div.outer { float: right; margin-top: 14px; }
Tabii 14px 24px geliyor - 10px. Ancak, bunun başarmaya çalıştığınız şeyi tatmin edip etmeyeceğini bilmiyorum.
böylece Defenetly thx - 1 kodu hakkında - sadece alt: Cletus cevabını yorum yapamam, ama "px" eklemek zorunda 0 doğru konumlandırma – bresleveloper
ile "doğru: 0; bottom: 0;" öyleyse: doğru: 0px; alt: 0 pks; Benim durumumda 'px' sonekinden '0' farklı bir şey koyarsam işe yaramıyor. – Jxadro
Arka plan resmi çözümünüzü.
<div class="blarg" style="background:url(image.gif) bottom right no-repeat">Content</div>
Bu gerekiyorsa div içeriği, resmini örtüşmeyen böylece de div padding ayarlamak gerekebilir.
Görüntü çevresindeki metni süzmek isterseniz, her iki yanıt da yanlıştır. Her ikisi de metni resmin üzerine getirir. Saatlerce baktım ve gerçek bir cevap yok gibi görünüyor. This article daha açık bir şekilde, her iki sorunun da, metni sarmalamaya çalışırken neden işe yaramayacağını açıklıyor. Tha boya resmi için
+1; –
Ayrıca bir arka plan görüntüsünü de deneyebilirsiniz. – Gumbo
İlgili: [DIV'nin dört köşesinde görüntüleri ekleyin] (http://stackoverflow.com/questions/17306087/attach-images-on-all-four-corner-of-div) & [Köşe resmini eklemek için akıllı yol] dört köşesinde de DIV sınırına kadar] (http://stackoverflow.com/questions/6467063/smart-way-to-add-corner-image-to-div-border-on-all-four-corners). –