Hola a todos del foro cctw, pues vengo con otro problema (yo siempre con mis dudas y problemas ejeje) lo que pasa es que tengo mi plantilla hecha en photoshop, y según un tutorial que compre de como hacer plantillas con photoshop dice que las corte, imagen por imagen, bueno pues primero va el logo, ya lo corte y lo tengo en una carpeta llamado logo.jpg, también en el logo hay un fondo, con degradado, así que también lo corte y lo tengo en la carpeta llamado fondcabecera.jpg, pues el problema es que cuando intento pasar a html, trato de que se parezca a la plantilla por esto puse el código así (según tutorial que compre):
<!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>Tutoriales web</title>
<style type="text/css">
<!--
body {
background-color: #FBFBFB;
background-image: url();
}
#cabecera {
margin: 0px 0px 0px 0px;
}
#logo {
margin: 50px 0px 0px 20px;
}
-->
</style></head>
<body>
<!-- Inicio de la cabecera -->
<div id="cabecera" style="background: url(imagenes/fondcabecera.jpg) no-repeat; width:1005px;height:147px">
<!-- Inicio div logo -->
<div id="logo">
<a href="#"><a href="#"><img src="imagenes/logo.jpg" alt="logo" width ="485px" border="0" align="baseline" class="" heigth ="82px" /></a>
</div>
<!-- Fin div logo -->
</div>
<!-- Fin de la cabecera -->
</body>
</html>
Donde cabecera es donde esta la imagen de fondo con degradado y logo es el Logo, también vemos que no puse los estilos separados, es para ahorrar tiempo, (la pagina la estoy haciendo en Dreamweaber cs3) bueno vemos en los estilos que le puse una margen al logo, pero al hacer vista previa le pone las margenes tambien al div cabecera, viendo que los dos estan separados, los corre, yo solo kiero que tenga margenes el logo, pues si algien tiene la solucion que me la diga lo mas pronto posible necesito ayuda!!!
Bueno les dejo la imagen de como me esta quedando, pero así no es el fondo gradiante debe estar mas arriba sin dejar todo ese espaciote en blanco, pero dejando el logo en el mismo sitio donde esta, Como ago eso?
<!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>Tutoriales web</title>
<style type="text/css">
<!--
body {
background-color: #FBFBFB;
background-image: url();
}
#cabecera {
margin: 0px 0px 0px 0px;
}
#logo {
margin: 50px 0px 0px 20px;
}
-->
</style></head>
<body>
<!-- Inicio de la cabecera -->
<div id="cabecera" style="background: url(imagenes/fondcabecera.jpg) no-repeat; width:1005px;height:147px">
<!-- Inicio div logo -->
<div id="logo">
<a href="#"><a href="#"><img src="imagenes/logo.jpg" alt="logo" width ="485px" border="0" align="baseline" class="" heigth ="82px" /></a>
</div>
<!-- Fin div logo -->
</div>
<!-- Fin de la cabecera -->
</body>
</html>
Donde cabecera es donde esta la imagen de fondo con degradado y logo es el Logo, también vemos que no puse los estilos separados, es para ahorrar tiempo, (la pagina la estoy haciendo en Dreamweaber cs3) bueno vemos en los estilos que le puse una margen al logo, pero al hacer vista previa le pone las margenes tambien al div cabecera, viendo que los dos estan separados, los corre, yo solo kiero que tenga margenes el logo, pues si algien tiene la solucion que me la diga lo mas pronto posible necesito ayuda!!!
Bueno les dejo la imagen de como me esta quedando, pero así no es el fondo gradiante debe estar mas arriba sin dejar todo ese espaciote en blanco, pero dejando el logo en el mismo sitio donde esta, Como ago eso?