[TuT]Crear bordes laterales a una WEB con TABLAS

Topic created · 1 Mensajes · 599 Visitas
  • hola uj un nuevo "tuto" , les enseñare haser una pagina con bordes laterales con tablas por ejemplo como esto

    pueden usar cualquier editor aunque yo recomiendoDreamWeaver

    lo principal de una web seria


    hr

    bueno empesamos poniendo una tabla en la etiketa body (si usas dream weaver saldra un asistente colocas 3 columnas y 1 fila ancho de la tabla 100% y lo demas 0)

    nos quedara una tabla con 3 columnas a las 2 laterales le colocamos 1 medida en porcentaje , 50% a las 2

    el 50% nos cubrira toda la web asi que escrivimos unas letras almedio para enancharla esto servira para que los bordes esten siempre a los lados del cuerpo de la pagina

    ahora crearemos estilos css para agregar la imagen ke vendria siendo el borde

        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    

    el estilo fue el sigiente y lo podemos nombrar isquierda que sera el estilo de la tabla isquierda

    .isquierda {
    background-image: url(img isquirda);
    background-repeat: repeat-y;
    background-position: right;

    pusimos una imagen de fondo que se repita asia abajo y que tenga una posision hasia a la derecha

    lo mismo con la parte derecha solo que a background-position colocamos left que seria hasia la isquierda

    .derecha {
    background-image: url(img isquirda);
    background-repeat: repeat-y;
    background-position: left;

    ahora volvemos a la tabla ya estando listo los estilo solo tenemos ke agregarlos a la taba

        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    

    con eso tendriamos una pagina con bordes laterales depues en a tabla de almedio empiesan haser su web con diviciones y lo ke ustedes quieran