ugrás a tartalomhoz

Textarea háromszög/nyíl

titanium · 2012. Szep. 18. (K), 00.37
Sziasztok!

Eredménytelenül kerestem eddig bárhol az adott témában, így segítségeteket kérném. Egy olyan textareát szeretnék létrehozni, melynek szegélyén egy kis háromszög/nyíl található, mint pl a Facebook timeline-on, YouTube-on pár helyen vagy az iWiW hírfolyamon. Próbáltam CSS-sel egy általam rajzolt nyilat a textareához pozicionálni, jól is néz ki, de nyilván nem reagál a fókuszra, ez lenne a megoldandó probléma.

Előre is köszi, üdv!
 
1

Egy div-be tedd a textarea elemet

csla · 2012. Szep. 18. (K), 00.50
Egy div-be tedd a textarea elemet, és a divnek legyen a háttere a rajzolt háromszöges keret (persze annyival szélesebb legyen a div, hogy a textarea ne takarja a keretet és a háromszöget), és a div háttere változzon a hover eseményre.
3

próbáltam vna kép nélkül

titanium · 2012. Szep. 18. (K), 14.27
próbáltam vna kép nélkül megoldani, csak tisztán css-ből, de ez lett volna a végső megoldás, köszi.
2

Ilyesmi?

Poetro · 2012. Szep. 18. (K), 09.02
Csináltam valamit, amire szerintem gondoltál, de lehet, hogy én tévedek, hogy mit is szeretnél.
4

én ilyenre

titanium · 2012. Szep. 18. (K), 14.28
én ilyenre gondoltam (a nyíl is "fókuszolódjon" együtt a textareaval)
5

Ezen hol a nyíl?

hunkris · 2012. Szep. 18. (K), 14.50
Ezen hol a nyíl?
6

Ez megoldható

kuka · 2012. Szep. 18. (K), 15.27
Ez megoldható border-image-el, de apróbb kellemetlenségek árán. Például: http://dabblet.com/gist/3743069. A támogatottságáról lásd Can I Use CSS3 Border images.
7

ez az, köszi szépen! :)

titanium · 2012. Szep. 18. (K), 15.41
ez az, köszi szépen! :)
8

bár sajnos a nyíl köré

titanium · 2012. Szep. 18. (K), 16.09
bár sajnos a nyíl köré css-ből csak nem tudok bordert tenni, mert transitionos lenne, az meg az egész textareára vonatkozik, tehát szabályos téglalapként fut körbe a css border, így.
9

Ha érthetően leírod, lehet,

hunkris · 2012. Szep. 19. (Sze), 14.01
Ha érthetően leírod, lehet, hogy valaki segít.