Primero, cuando coloco el logotipo de 270x80 cogido de imagenes google y guardado como .gif, me sale un recuadro remarcado de blanco que arriba hai una "x". Cuando pongo la vuestra me sale la imagen bien, pero abajo, en lo que ucupa la imagen ai un espacio en blanco como si no hubiera nada.
Me gustaria que puediera darme una solucion, aqui os dejo los codigos:
PLANTILLA.HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>Team Death Match Elimination Search and Destroy Ghost Mode Seleccion de Arma
</div>
<h1>Introduccion</h1>
Esta pagina la cree con el fin de enseñar trucos del crossfire de z8 games. Ya se que en muchas paginas se ven trucos como estos, pero me gustaria enseñaroslos como los hago yo.</p>
Gracias al menu que teneis a vuestra izquierda, podreis visitar cada uno de los modos de juego y, dentro de ellos, encontrareis los difrentes escenarios y videos de los trucos.</p>
Luego, abajo, en el menu, podreis ver la seccion "Seleccion de Arma", donde aconsejo que arma puede ser la ideal para un shoooter o assault.</p>
ESTO ES TODO POR AHORA!! ESPERO QUE DISFRUTEN CON LA PAGINA!!</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILO-GENERAL.CSS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid}
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:10px 10px 10px 10px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
#logotipo {background-color: brown ; width:280px ; float:left}
#publicidad {background-color: pink ; width:518px ; float:right}
GRACIAS...
Me gustaria que puediera darme una solucion, aqui os dejo los codigos:
PLANTILLA.HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Introduccion</h1>
Esta pagina la cree con el fin de enseñar trucos del crossfire de z8 games. Ya se que en muchas paginas se ven trucos como estos, pero me gustaria enseñaroslos como los hago yo.</p>
Gracias al menu que teneis a vuestra izquierda, podreis visitar cada uno de los modos de juego y, dentro de ellos, encontrareis los difrentes escenarios y videos de los trucos.</p>
Luego, abajo, en el menu, podreis ver la seccion "Seleccion de Arma", donde aconsejo que arma puede ser la ideal para un shoooter o assault.</p>
ESTO ES TODO POR AHORA!! ESPERO QUE DISFRUTEN CON LA PAGINA!!</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILO-GENERAL.CSS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid}
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:10px 10px 10px 10px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
#logotipo {background-color: brown ; width:280px ; float:left}
#publicidad {background-color: pink ; width:518px ; float:right}
GRACIAS...