Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
3
respuestas

maqueta con div

Hola, para practicar un poco mas arme una pagina tipo maqueta con las divisiones que considero mas comunes, se me hace mas facil poner id y clases a las etiquetas pero nose si eso se debe hacer asi.

Feature

        <div class="article column1">
            <h2></h2>
            <img>
            <p>Column One</p>
        </div>

        <div class="article column2">
            <h2></h2>
            <img>
            <p>Column Two</p>
        </div>

        <div class="article column3">
            <h2></h2>
            <img>
            <p>Column Three</p>
        </div>

    </div>

    <div id="footer">
        <p> &copy: Copyright 2011 </p>
    </div>
</body>

___CSS___________________________________________________________________________________________

*{ font-size: Arial, Verdana, Sans-serif; color: #665544; text-align: center; }

h1{ text-align: center; }

body{ width: 90%; margin: 0 auto; }

#content{ overflow: auto; height: 100%; }

#nav , #feature , #footer { background-color: #c4bebe; padding: 10px 0px 5px 0px; margin: 1%;

}

.column1 , .column2 , .column3 { background-color: #efefef; width: 31.3%; float: left; margin: 1%; }

.column3 {margin-right: 0%;}

li{ display: inline; padding: 0.5em; }

#feature, .article { height: 10em; margin-bottom: lem; background-color: #efefef; }

3 respuestas

Gracias por compartir

gracias

Muy bueno!