1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Problemas al Ajustar los bordes de una pagina

Tema en 'HTML y CSS' comenzado por rex, 7 de Agosto de 2017.

Tags:
  1. rex

    rex Miembro

    Se incorporó:
    19 de Julio de 2017
    Mensajes:
    30
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Esta es mi pagina:

    Código (Text):
    body,td,th {
        color: #333333;
    }
    #lista1, #lista2 {
        width:200px;
        border:1px solid #990000;
        height:auto;
        float:left;
        margin-right:5px;
    $(document).ready(function(){

        var $lista1 = $('#lista1'), $lista2 = $('#lista2');
        // lista 1
        $('li',$lista1).draggable({
            revert: 'invalid',    
            helper: 'clone',    
            cursor: 'move'
        });
        $lista1.droppable({
            accept: '#lista2 li',
            drop: function(ev, ui) {
                deleteLista2(ui.draggable);
            }
        });
        /* lista2 */
        $('li',$lista2).draggable({
            revert: 'invalid',
            helper: 'clone',
            cursor: 'move'
        });
        $lista2.droppable({
            accept: '#lista1 > li',
            drop: function(ev, ui) {
                deleteLista1(ui.draggable);    
            }
        });
        // listas
        function deleteLista1($item) {
            $item.fadeOut(function() {
                $($item).appendTo($lista2).fadeIn();;
            });
            $item.fadeIn();
        }
        function deleteLista2($item) {
            $item.fadeOut(function() {        
                $item.appendTo($lista1).fadeIn();
            });
        }

    });

    }
    <div id="demo-frame">
    <ul id="lista1" class="gallery">
        <li>Item1</li>
        <li>Item2</li>
        <li>Item3</li>
        <li>Item4</li>
    </ul>
    <ul id="lista2">
        <li>Item5</li>
        <li>Item6</li>
        <li>Item7</li>
    </ul>
    </div>
     
    Se puede mover las filas de una lista a otra, pero yo lo que quiero es que el borde tenga dentro de su contenido un espacio, ya que cuando mueves un item y lo pasas a otra lista el borde se va achicando y el problema es que cuando no tiene ningún item una lista este se queda como linea y cuesta trabajo ingresarle un item.
     

    Archivos adjuntos:

    Última modificación: 8 de Agosto de 2017
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.428
    Me gusta recibidos:
    652
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    y el codigo?
    si hacemos el codigo nosotros, luego no vas a saber adaptarlo jajaja xD
     
    A Dawud y rex les gusta esto.
  3. rex

    rex Miembro

    Se incorporó:
    19 de Julio de 2017
    Mensajes:
    30
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Hola, lo estaba editando pero es un tema diferente ya que no puedo ajustar el tamaño de un borde, trato que no cambie de tamaño.
     
    Última modificación: 8 de Agosto de 2017
  4. Kaine

    Kaine Miembro

    Se incorporó:
    6 de Junio de 2016
    Mensajes:
    54
    Me gusta recibidos:
    25
    Puntos de trofeos:
    18
    Género:
    Hombre
    No entiendo bien pero si no quieres ver la linea por no haber contenido le puedes intentar poner un min-height de 100vh a ese bloque para que no quede como linea lo que se interpretara como el 100% de tu dispositivo sea pc, tablet o smartphone.

    Muestra tu codigo en codepen para ver como funciona
     
    A rex y AngelKrak les gusta esto.
  5. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.428
    Me gusta recibidos:
    652
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    A rex le gusta esto.
  6. rex

    rex Miembro

    Se incorporó:
    19 de Julio de 2017
    Mensajes:
    30
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Hola probé la respuesta de Kaine y me funciono, muchas gracias!
     
    A Kaine le gusta esto.

Comparte esta página