Autor Tema: Help! nuevo con css xD  (Leído 680 veces)

Desconectado Wold

  • PHPer@ Fijo
  • ***
  • Mensajes: 139
  • Karma: 2
  • Sexo: Masculino
    • Ver Perfil
Help! nuevo con css xD
« en: 02 de Octubre de 2012, 23:15:24 pm »
Buenas yo antes maquetaba con tablas hace muchos años cuando me movía x aquí ahora he vuelto y he visto lo de maquetar con css y div bueno pues me puesto manos a la obra y no se por que mi web no se ve bien haber si alguien que entiende me puede ayudar

Código: [Seleccionar]
<!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=iso-8859-1" />
<title>Mavic - Carpinteria </title>
<style type="text/css">
.centro{
text-align: center;
width: 881px;
    height: 600px ;
background-image: url(img/fondoweb.png);
    margin-left: 250px;
}
.centro2{
width:728px;
padding-top: 150px;

}
.centroiframe{
width:728px;
height: 348px ;
}
.centrocopy{
width:728px;
padding-top: 50px;
}
.letramenu{
font-family: Arial;
font-size: 12px;
color: #333333;
}
.copyletra{
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
}
</style>
</head>
<body>
<div class="web1" id="centro">
<div class="web2" id="centro2"><table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
                <th class="Estilo2" scope="col"><span class="letramenu">Inicio</span></th>
                <th class="Estilo2" scope="col"><span class="letramenu">Quienes somos </span></th>
                <th class="Estilo2" scope="col"><span class="letramenu">Trabajos Realizados </span></th>
                <th class="Estilo2" scope="col"><span class="letramenu">Contacto</span></th>
            </table>
</div>
<div class="web3" id="centroiframe"><iframe src="principal.html" name="iframeweb"
      width="727" height="348" scrolling="auto" frameborder="0">
    </iframe></div>
<div class="web2" id="centrocopy"><span class="copyletra">Copyright © 2012 - Todos Los Derechos Reservados.</span></div>
</div>

http://zuriguel.com/azuriguel/newmav/test.html --> Con div y css
http://zuriguel.com/azuriguel/newmav/  --> con tablas

el de div y css no me furula xD y nose xk :s
:)

Comunidad PHPeros

Help! nuevo con css xD
« en: 02 de Octubre de 2012, 23:15:24 pm »

Desconectado Wold

  • PHPer@ Fijo
  • ***
  • Mensajes: 139
  • Karma: 2
  • Sexo: Masculino
    • Ver Perfil
Re:Help! nuevo con css xD
« Respuesta #1 en: 03 de Octubre de 2012, 00:29:56 am »
Buenas yo antes maquetaba con tablas hace muchos años cuando me movía x aquí ahora he vuelto y he visto lo de maquetar con css y div bueno pues me puesto manos a la obra y no se por que mi web no se ve bien haber si alguien que entiende me puede ayudar

Código: [Seleccionar]
<!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=iso-8859-1" />
<title>Mavic - Carpinteria </title>
<style type="text/css">
.centro{
text-align: center;
width: 881px;
    height: 600px ;
background-image: url(img/fondoweb.png);
    margin-left: 250px;
}
.centro2{
width:728px;
padding-top: 150px;

}
.centroiframe{
width:728px;
height: 348px ;
}
.centrocopy{
width:728px;
padding-top: 50px;
}
.letramenu{
font-family: Arial;
font-size: 12px;
color: #333333;
}
.copyletra{
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
}
</style>
</head>
<body>
<div class="web1" id="centro">
<div class="web2" id="centro2"><table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
                <th class="Estilo2" scope="col"><span class="letramenu">Inicio</span></th>
                <th class="Estilo2" scope="col"><span class="letramenu">Quienes somos </span></th>
                <th class="Estilo2" scope="col"><span class="letramenu">Trabajos Realizados </span></th>
                <th class="Estilo2" scope="col"><span class="letramenu">Contacto</span></th>
            </table>
</div>
<div class="web3" id="centroiframe"><iframe src="principal.html" name="iframeweb"
      width="727" height="348" scrolling="auto" frameborder="0">
    </iframe></div>
<div class="web2" id="centrocopy"><span class="copyletra">Copyright © 2012 - Todos Los Derechos Reservados.</span></div>
</div>

http://zuriguel.com/azuriguel/newmav/test.html --> Con div y css
http://zuriguel.com/azuriguel/newmav/  --> con tablas

el de div y css no me furula xD y nose xk :s


Solucionado era que el css del container
Código: [Seleccionar]
.centro empezaba con . y es con # en un container
Código: [Seleccionar]
#centro
:)