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

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -