Foros del Web - Ver Mensaje Individual

gVenom · #21 (**permalink**) 25/03/2011, 14:11

Pues a mi si me funciona, algo debes haber puesto diferente. Copiate todo esto en un notepad y salvalo como html y lo pruebas

Código HTML:

Ver original<!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></title>
 
<style type="text/css">
/*CABECERA*/
 
#cabecera{
    width:975px;
    height:107px;
    clear:both;
    background-color:#FFF;
    padding-left:75px;
}
 
#logo{
    width:217px;
    height:98px;
    padding-top:5px;
    background-image:url(../imgs/logo_principal.jpg);
    background-repeat:no-repeat;
    float:left;
}
 
#idiomas{
    width:45px;
    height:12px;
    float:right;
    background-image:url(../imgs/idiomas_es_ing.jpg);
    background-repeat:no-repeat;
    padding-right:77px;
}
 
/*FIN DE CABECERA*/
 
#menu{
    clear:both;
    width:975px;
    height:50px;
    background-color:#FFF;
}
 
#sliders{
    width:975px;
    height:162px;
    clear:both;
    background-color:#FFF;
}
 
#menu_izquierda{
    width:289px;
    height:372px;
    float:left;
    background-color:#FFF;
}
 
/*CONTENIDO*/
 
#contenido{
    position: relative;
    width:695px;
    height: 310px;
    border: solid 1px;
    background-image:url(fondo_c_index.jpg);
    background-repeat:no-repeat;
    background-position: 10px 10px;
 
}
 
#texto_caja{
    width:368px;
    height:155;
    font: 12px  "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: blue;
    margin: 19% 0 0 11px;
    border: solid 1px;
    float: left;
}
 
#min_01{
    background-image:url(min_01.jpg);
    width:52px;
    height: 50px;
    float:left; 
    margin: 30% 5px 0 5px;
    border: solid 1px;
}
 
#min_02{
    background-image:url(min_02.png);
    width:52px;
        height: 50px;
    float:left; 
    margin-right:5px;
    margin-top: 30%;
    border: solid 1px;
}
 
#min_03{
    background-image:url(min_01.jpg);
    width:52px;
        height: 50px;
    float:left; 
    margin-right:5px;
    margin-top: 30%;
    border: solid 1px;
}
 
#min_04{
    background-image:url(min_02.png);
    width:52px;
        height: 50px;
    float:left; 
    margin-right:5px;
    margin-top: 30%;
    border: solid 1px;
}
 
#min_05{
    background-image:url(min_01.jpg);
    width:52px;
        height: 50px;
    float:left; 
    margin-right:5px;
    margin-top: 30%;
    border: solid 1px;
 
}
<div style="clear: both"></div>
</style>
</head>
 
<body>
<div id="contenedor">
 
    <div id="cabecera">
        <div id="logo"></div>
        <div id="idiomas"></div>
    </div>
    
    <div id="menu">Menu</div>
    
    <div id="sliders">Sliders</div>
    
    <div id="menu_izquierda">MEnu Izquierda</div>
 
    <div id="contenido">
        <div id="texto_caja">
          <p style="background-color:#191970; line-height: 25px;"> Algo sobre nosotros</p>
                  <p >El espíritu de eficiencia, principio vital de Pasek, concilia la evolución técnica y los impreativos económicos con las necesidades técnicas de nuestros clientes<br />
                       Nuestra Actividad plurisectorial dedicada a diseñar, fabricar y aplicar una completa gama de tecnologías de instalación y de productos refractarios de alta calidad, nos confiere la máxima flexibilidad en las necesidades del sector industrial.</p>
        </div>
        <div id="min_01"></div>
        <div id="min_02"></div>
        <div id="min_03"></div>
        <div id="min_04"></div>
        <div id="min_05"></div>
   </div>
</div>
</body>
</html>

el css va en la misma hoja