Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/04/2011, 11:28
Avatar de Ginn
Ginn
 
Fecha de Ingreso: abril-2011
Mensajes: 6
Antigüedad: 13 años
Puntos: 0
Respuesta: problema con el texto

Este es el código, es un poco extenso por eso en un principio no pense en ponerlo y porque kizas esto fuera un error muy común y de facil solución.

HTML:


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>xx</title>

<link href="css/estilos.css" rel="stylesheet" type="text/css"/>


</head>

<body>

<div id="caja">
<div class="centrado" style="*position: absolute;*top: 50%;">

<div id="content">

<div class="header_2">
<a href="principal.html"><img class="header_2" src="img/header_2.png" border="0px" /></a></div>
<div class="subheader"><img class="sub_header"src="img/sub_header_noticias.jpg" border="0px" /></div>

<div class="contenido">

<div class="post">
<div class="titulo">Fusce pellentesque bibendum turpis et hendrerit.</div>
<div class="img_blog"><img src="img/foto_blog_1.jpg" align="right"/></div>
<div class="texto">
<p>Ut sit amet blandit leo. Fusce pellentesque bibendum turpis et hendrerit. Cras condimentum erat eu tortor hendrerit ac malesuada augue volutpat. Aenean accumsan, ligula quis egestas laoreet, ipsum odio suscipit metus, ornare pretium leo est vel purus.
</p>

<!-- end texto --></div>
<hr width="725px"size="0,5px;" style="float:left;border:1px solid #313131;"/>
<!-- end post --></div>

<!-- end #contenido --></div>

<div id="footer">
<ul id="menu_navegacion">
<li><a href="somos.html"><img class="img_navegacion" src="img/somos.jpg" /></a></li>

</ul>
</div>

<img id="footer2" src="img/footer_2.jpg" />
<div class="espacio"></div>

<!-- end #content --></div>

<!-- end #centrado --></div>
<!-- end #caja --></div>
</body>
</html>


CSS:

html, body { margin:0; padding:0;height: 100%;text-align: center;}

/*////////////////////////////////////CAPA INTRO*/
.capa_intro{ width:400px; height:400px;margin:auto; text-align: center;position:absolute;top:50%; left: 50%; margin-left: -180px; margin-top: -260px;}
.img_intro{ margin:auto;}
/*HEADER*/
.header{ width:800px; height:209px; float:left; margin-bottom:20px;}
.header_2{ width:800px; height:124px; float:left;}
.sub_header{ float:left; padding-bottom:25px;}
.sub_header_2{ float:left; padding-bottom:0px; padding-top:7px;}

/*///////////////////////////////////////////CONTENIDO Y BODY*/

body{ font-family: tahoma;font-size:12px; background-color: #201f1f; color: #898989; line-height: 150%;margin-left:auto;margin-right:auto; padding:0px;
margin:0px;letter-spacing:1px; font-style:normal; font-variant:normal; font-weight: normal; font-style:normal;}

#content{width:800px; height:100%; margin: 0 auto; text-align: center;position:absolute; top:-43%; left: 50%; margin-bottom:50px; margin-left: -400px;
vertical-align:middle; position: relative;display: block; margin-top:-120px; }

.centrado {display: table-cell;vertical-align: middle;margin: 0 auto;padding: 0 10px;}
#caja {display: table;height: 100%;width: 100%;position: relative;}

h3{ font-family:Tahoma;font-size:10px; font-variant:small-caps; color:#CFCFCF;}
a{ text-decoration:none; border:none;}
a:focus{ outline:none; }
li{ list-style:none;}
ul{ list-style:none;float:left;}

.contenido{ width:725px; height:auto; font-weight:normal; margin:auto; margin-left:50px;}
span{ font-style:italic; color:#CCC;}
.texto_img{ margin-bottom:40px;}

td{ font-family:Tahoma,; font-size:11px;}


/*///////////////////////////TEXTO_BLOG*/
.titulo{ font-family:Tahoma; font-size:14px; font-stretch:condensed; color:#CCC; text-align: left; float: left; width:725px; padding-bottom:15px;}
.img_blog{ height:auto;}
.img_blog img{ padding-left:30px; padding-bottom:15px;width:300px;}
.texto{ font-family: Tahoma;font-size:12px; color: #898989; line-height: 150%;width:auto; text-align:justify;}
.post{ width:725px; float:left; height:auto;}
hr{ margin-bottom:30px; margin-top:10px;}


/*///////////////////////////MENU CATEGORIAS_INVITACIONES*/
.menu_categorias{ width:670px; height:350px; margin:auto; padding-left:60px; float:left;}



/*//////////////////////////// FOOTER MENU NAVEGACION*/
#footer{clear:both; float:left; padding-top:30px; margin:auto; margin-left:108px; }
#footer_inicio{clear:both; float:left; padding-top:30px; margin:auto; margin-left:90px; }
#menu_navegacion { margin:auto; width:600px; float:left;}
#menu_navegacion li{ float:left; border:none; padding:0px; margin:0px;}
#menu_navegacion a{ border:none;}
.img_navegacion{ margin:0px;border:none;}

#menu_navegacion_2 { margin:auto; width:600px; float:left; margin-left:45px;}
#menu_navegacion_2 li{ float:left; border:none; padding:0px; margin:0px;}
#menu_navegacion_2 a{ border:none;}



#footer2{ width:529px; height:43px; float:left; margin:auto; margin-left:130px; margin-top:10px;}
.espacio{ width:800px; height:60px; margin:auto; float: left;}


/*//////////////////////////////////////CATEGORIAS_INVITACIONES*/
.categorias{ width:750px; float:left; margin-top:35px; margin-left:-8px; height:165px; margin-bottom:35px;}
.box{ width:180px; height:165px;float:left; margin:2px;}