El blog de la programacion evolutiva: css

Mostrando entradas con la etiqueta css. Mostrar todas las entradas

domingo, 31 de diciembre de 2017

Centrado de tablas CSS

Mediante HTML
La antigua manera de centrar horizontalmente una tabla era fácil:
<table align = "center">
...
</ table>

El atributo "align" se ha depreciado, a favor de CSS, y esto es algo bueno.
https://www.w3.org/TR/html401/struct/tables.html#h-11.2.1

Sin embargo, no es tan obvio cómo centrar una tabla usando CSS.

Para centrar una tabla
Método 1
Si los navegadores van con los estándares, deben centrar tablas si los márgenes izquierdo y derecho son iguales . La forma más sencilla de lograr esto es establecer los márgenes izquierdo y derecho en "auto" (http://theodorakis.net/tablecentertest.html) EL NAVEGADOR CALCULA AUTOMATICAMENTE LOS MARGENES A LA DERECHA Y A LA IZQUIERDA Y LO CENTRA LA TABLA. Por lo tanto, uno podría escribir en una hoja de estilo:

table.center { /*yo: o mas simple .center {...}*/)
margin-left: auto;
margen-derecha: auto;
}
u otra solución mas simple que he visto:
.center {
margen: 0 auto;
}

Y luego hacer esto en el HTML:
<table class = "center">
...
</ table>
https://www.granneman.com/webdev/coding/css/centertables

La forma más obvia podría parecer usar el CSS "text-align: center;" en algún lugar, tal vez como uno de estos

domingo, 3 de julio de 2016

menues

http://cssmenumaker.com/

sábado, 18 de octubre de 2014

color de disable

http://stackoverflow.com/questions/13149376/disabled-inputs-in-bootstrap-how-to-apply-it-to-a-different-tag

miércoles, 8 de octubre de 2014

TEXTO TODO EN MAYUSCULA LADO DEL CLIENTE CS JQUERY

MI SOLUCION: OJO QUE MEJOR NO HAY QUE GENERALIZAR MUCHO EN EL INPUT DE TIPO TEXT YA QUE POR EJEMPLO EL LOGIN NECESITA DIFERENCIAR MAYUSCULAS Y MINUSCULAS MEJOR SERIA CON UNA CLASE por ejemplo una clase .uppercase

CSS
<style type="text/css">
input[type=text] {
    text-transform:uppercase;
}
</style>

JQUERY
<script type="text/javascript">
    $(function () {
        $("input[type=text]").keyup(function () {
            $(this).val($(this).val().toUpperCase());
        });

        $("#Button1").click(function () {
            alert($("#Text1").val());
        }
        );

    });
</script>

//PRUEBA
<body>
    <input id="Text1" type="text" />
    <input id="Button1" type="button" value="button" />
</body>

REFERENCIAS
http://stackoverflow.com/questions/9587542/how-to-control-or-change-all-the-text-to-upper-case
http://devhints.wordpress.com/2006/11/01/css-make-it-all-uppercaselowercase/

viernes, 3 de octubre de 2014

Container bootstrap

Containers

Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable.
Use .container for a responsive fixed width container.

Copy

<div class="container">
  ...
</div>

Use .container-fluid for a full width container, spanning the entire width of your viewport.