positioning - How can the absolute position change within a relative div (html/css) -
i didn't know how else phrase question, i'll try explain through code
<ul> <li><span>1</span><li> <li><span>2</span><li> <li><span>3</span><li> <li><span>4</span><li> </ul> ul{ width:90px} ul li{width:30px; float:left; position:relative;} ul li:hover span{ position:absolute; width:60px;}
now, when hover on list one, span cover list 2, , list 2 cover list 3. once hover on third list, span run on ul element. there way make third span expand right left? @ moment spans starting point (as understand it) top-left corner of list. there way make start right. 30px expand left, not right?
thanks
first,you closed li tag incorrectly.i execute same code yours.but when hovered span nothing happened , regular , correct.i think mean jquery accordian plugin or lick that.maybe can jquery instead of css in issue.if need code comment me.good luck
Comments
Post a Comment