Autor | Zpráva | ||
---|---|---|---|
Mesiah Profil |
#1 · Zasláno: 30. 3. 2010, 22:18:52
Dobrý den,
snažím se vyzdvyhnout obrázek, tak aby byl nad všemi elementy. Problém je v tom, že elementy skládám pomocí float přes css a mám pocit, že díky tomu je z-index ignorovaný. Seskládaný komentář je asi takto: A snažím se obrázek s xichtíkem dostat nad sedou oblast s textem, tak aby vzikl souvyslý přechod, cca takto: Pomůžete mi najít východisko? Děkuji za pomoc :) Přikládám html a css: <div class="show-comment"> <img class="face" src="design/cmmnt-face.png" alt="" /> <span class="login-comment">Sebastian</span> <span class="date-comment">30. března 2010</span> <div class="text-comment"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> <hr class="cleaner" /> </div> .show-comment { font: 12px Arial; margin: 20px 0 20px 0; } .show-comment .login-comment { font-weight: bold; float: left; margin: 5px 5px 2px 5px; } .show-comment .date-comment { float: left; margin: 5px 5px 2px 5px; } .show-comment .text-comment { float: left; width: 430px; background: #f2f2f2; border: 1px solid #cccccc; position: relative; left: -1px; min-height: 30px; padding: 5px; z-index: 0; } .show-comment img.face { float: left; z-index: 100; } |
||
Mesiah Profil |
#2 · Zasláno: 31. 3. 2010, 02:20:43
Vyřešeno.
(Obrazek s xichtikem a "šipkou" jsem rozdelil na 2, na xichtik a na sipku. Sipku jsem vlozil jako obrazek do div(u) .text-comment a pomoci absolutniho pozicovani umistil, tak jsem potreboval.) Omlouvam se. |
||
Časová prodleva: 14 let
|
0