html - Align a dropdown under text -


I need my dropdown options to open a coalition under @item ["name"]. At the moment, The left opens.

The project is in MVC

Dropdown jQuery 

  & lt; Script & gt; $ (Document) .ready (function () {$ (". Dropdown"). Hide (); $ ("td.image img") Click (function () {$ (this) .closest ('. ') .siblings ('. Dropdown ') toggle ();});}); & Lt; / Script & gt;

dropdown css 

  .dropdown {height: 10px; Width: 40px; Background color: black; White color; Status: Relative; }

table 

  & lt; Table class = "diag" style = "background: url ('.png'); boundary: none" & gt; & Lt; Tbody & gt; @Fouranchatch (Miscellaneous items in model. Model) {@: & lt; Tr & gt; & Lt; Td square = "dropdown" & gt; & Lt; Ul & gt; & Lt; Li & gt; Option 1 & lt; / Li & gt; & Lt; Li & gt; Option 2 & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / TD & gt; & Lt; Td square = "change" & gt; Div class = "arrow- @ item [" change "]" & gt; & Lt; / Div & gt; & Lt; / Td> & Lt; Td square = "picture" & gt; & Lt; Img src = "@ item [" image "]" /> & Lt; / TD & gt; & Lt; Td class = "name" & gt; @ Etem ["name"]  @: & Lt; / TR & gt; } <   
 
 
 a  container   
 
 And provide  float left  for container items, they will automatically come under one another 
 
 Sample Bella

Comments

Post a Comment