Okas, acá va un trozo del html que se genera:
Código HTML:
<ul id="bloque5" >
<li style="background-color: #7FB58A" id="node12"
onmouseover="javascrip:initArrangableNodes(document.forms[0].elemento12,'5');"
<a ondblclick="javascript:verDetalleElemento('12', '5');"> otro nuevo</a>
<img src="imagenes/relacionesOff.gif" id="elemento12" name="elemento12" alt="Crear relación"
onclick="javascript:crearRelacion(this,'5');"
onmouseover="javascript:visualizarRelacionFija(document.forms[0].elemento12);"
onmouseout="javascript:limpiarLineas(document.forms[0].elemento12);"
ondblclick="javascript:visualizarRelacionFijaOndbClick(document.forms[0].elemento12);" border="0"/>
</li>
</ul> el css que empleo es el siguiente:
Código HTML:
#movableNode{
position:absolute;
}
#arrDestInditcator{
position:absolute;
display:none;
width:100px;
}
/* End options that shouldn't be changed */
#arrangableNodes,#movableNode,#bloque9,#bloque8,#bloque7,#bloque6,#bloque5,#bloque4,#bloque3,#bloque2,#bloque1, ul{
padding-left:0px;
margin-left:0px;
margin-top:0px;
padding-top:0px;
/*width:100%;*/
}
#arrangableNodes li,#movableNode li, #bloque9 li,#bloque8 li,#bloque7 li,#bloque6 li,#bloque5 li,#bloque4 li,#bloque3 li,#bloque2 li,#bloque1 li{
font: normal 11px "trebuchet MS";
list-style-type:none;
cursor:default;
border:1px solid #D8D5D5;
padding:2px;
background-color:#FFFFFF;
margin-top:2px;
Luego habia creado éste estilo que es el que aplique y cambie el orden de los elementos como me habias dicho, pero ya luego el li sólo quedaba en la imagen, por lo que tuve que devolver el cambio en cvs
Código HTML:
.alineacionimg{
float: right;
clear: right;
}
Aplicaba ese estilo alineacionimg en un div, antes de que se viera la imagen... así se veia, pero se dañó la funcionalidad de moverse. (al parecer el li quedaba sólo rodenado la imagen)
Saludos...
PD: yo lo que digo es poner o intentar hacerlo en los estilos que puse anteriormente, sin tener que mover la estructura de los elementos (el orden).
De nuevo ... gracias...
