Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/03/2009, 16:34
Avatar de jomaruro
jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Ayuda con diseño de pagina

Hola:

Espero que te sirva este código o por lo menos te inspire.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>
            Imagen a la derecha
        </title>

        <style type="text/css">
            * {
                padding:0;
                margin:0 auto;
                outline: 0;
            }

            html, body {
                height:100%;
                font-family: verdana, arial, sans-serif;
                font-size: 1em;
                outline: 0;
            }

            body {
                background-color: #fff;
                width:700px;
                border:1px solid #fca;
            }

            .ejemplo {
                position:relative;
                text-align:center;
                margin: 1em;
                top: 0.5em;
                font-size: 1.2em;
            }

            p {
                margin: 1em;
                text-align: justify;
            }
            
            img {
                float:right;
                margin:10px;
            }
        </style>
    </head>

    <body>
        <div id="contenido">

            <span class="ejemplo">Contenido</span>
            <img src="graficos/bloque.png" alt="Bloque" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
            <p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro. Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim. Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p>
        </div>
    </body>
</html>
Saludos.