Entrar

Imagen del buzon

Marta Buitrago · · Solicitar retirada
Hola, no he podido quitar el recuadro azul de la imagen de buzon, lo repito una y otra y otra vez al pie de la letra y el recuadro continua, que debo hacer.
ya realice " img {border-style: none}"
Yaneth · · Solicitar retirada
si, debes copiar y pegar aqui todos los codigos que tienes completos del html (index o plantilla) y de la hoja de estilos
asi veremos si hay algun error
saludos
Marta Buitrago · · Solicitar retirada
ok amigos de verdad estoy desesperada por que a mi plantilla tampoco le funcionan los colores ni centrado. observen y orientemen por favor. mil gracias por sus aportes.
Mi hoja de estilos.css:

body{background-color:#E6E6FA;
background-image:url(objetos/fondo.png);
background-repeat: no-repeat;
background-position: center center;}
img {border-style:none;}
.centrado{text-align:center;}

Mi index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina principal del ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css" type="text/css"media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi pagina web. Muy pronto estará lista!</p>
<img alt="sonrisa (1K)" src="web%20ejemplo%20cctw/objetos/sonrisa.gif" height="60" width="60" />

<p>Página creada gracias a <a href ="http://www.comocreartuweb.com"
target="_blank">cctw</a></p>
<img alt="buzon (2K)" src="web%20ejemplo%20cctw/objetos/buzon.gif" height="32" width="32" />

</body><a href="index.html"></a>
</html>


............gracias por todos los aportes....
francisco1 · · Solicitar retirada
body{background-color:#E6E6FA;
background-image:url(objetos/fondo.png);
background-repeat: no-repeat;
background-position: center center;}
img {border-style:none;}
.centrado{text-align:center;}

Mi index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina principal del ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css" type="text/css"media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi pagina web. Muy pronto estará lista!</p>
<img alt="sonrisa (1K)" src="web%20ejemplo%20cctw/objetos/sonrisa.gif" height="60" width="60" />

<p>Página creada gracias a <a href ="http://www.comocreartuweb.com"
target="_blank">cctw</a></p>
<img alt="buzon (2K)" src="web%20ejemplo%20cctw/objetos/buzon.gif" height="32" width="32" />

</body><a href="index.html"></a>
</html>


............gracias por todos los aportes....

no tienes hoja de estilos eso es lo que te pasa esos estilos deben ir independientes en otra hoja de estilos
prueba con esto
copia y pegalo en tu web los estilos estan definidos directamente en el html color de fondo color del enlace etc los demas estilos los puedes crear en una hoja nueva asin te sera mas facil porque tienes los estilos principales sin preocuparte directamente en el html.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina principal del ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css" type="text/css"media="all">
</head>
<body bgcolor="#E6E6FA" text="pon aqui el color que deseas" link="pon aqui el color que deseas" alink="pon aqui el color que deseas" vlink="pon aqui el color que deseas">
<p class="centrado">Bienvenidos a mi pagina web. Muy pronto estará lista!</p>
<img alt="sonrisa (1K)" src="web%20ejemplo%20cctw/" height="60" width="60" />

<p>Página creada gracias a <a href ="http://www.comocreartuweb.com"
target="_blank">cctw</a></p>
<img alt="buzon (2K)" src="web%20ejemplo%20cctw/ " height="32" width="32" />
<ul><li><a href="index.html"></a></li></ul>
</body>
</html>

bes en el<body emos puesto los estilos principales un saludo

<body bgcolor="#E6E6FA" text="pon aqui el color que deseas" link="pon aqui el color que deseas" alink="pon aqui el color que deseas" vlink="pon aqui el color que deseas">

<img alt="buzon (2K)" src="web%20ejemplo%20cctw/ y aqui emos quitado el buzon gif ok " height="32" width="32" />

y aqui tambien deves quitar esto

body{background-color:#E6E6FA;
background-image:url(objetos/fondo.png); quita esto y desaparecera el buzon objetos/fondo.png
background-repeat: no-repeat;
background-position: center center;}
img {border-style:none;}
.centrado{text-align:center;}

en text link alink y vlink pon el color que desees ok ya veras porque y lo entenderas rapido
Marta Buitrago · · Solicitar retirada
Gracias amigo por todo tu tiempo, ya mi pagina tiene fondo y pude practicar cambiando los colores de mi texto. gracias a tu valioso aporte, lo hice como me sujeristes.

Ahora me puedes orientar en mi plantilla.html y estilo-general.css. tengo lo siguiente y no me aparecen los colores ni centrado, solo me aparece el texto:

plantilla.html:

<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilo-general-css"type="text/css"media="all">
</head>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="Menu">menu</div>Está será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>


</body>
</html>

estilo-general.css:

body{text-align:center;}
#global{width:800px;margin:4px auto;}
#cabecera{background-color:pink;}
#navegacion{background-color:gray;}
#contenido{background-color:orange;}
#menu{background-color:yellow;width:150xp;float:left;}
#pie{background-color:brown;}

De nuevo gracias
francisco1 · · Solicitar retirada
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<p>Bienvenidos a mi Web</p>
</div>
<div id="navegacion">
Barra de Navegacion
</div>
<div id="contenido">
<div id="Menu">
<h1>menu</h1>
</div>
<p>Está será la zona principal de la web</p>
</div>
<div id="pie">
Este es el pié de página
</div>
</div>
</body>
</html>

* {
text-indent : 0;
margin : 0;
padding : 0;
border : 0;
}
p {
text-align : justify;
}
#global {
width : 800px;
margin : 4px auto;
}
#cabecera {
background-color : pink;
}
#navegacion {
background-color : gray;
}
#contenido {
background-color : orange;
}
#menu {
background-color : yellow;
width : 150px;
float : left;
}
#pie {
background-color : brown;
}



el texto se centrara cuando crees el menu lateral izquierdo porque no exsiste el centro solo izquierda y derecha mas adelante cuando aprendas podras crear capas divisorias div id y darle margenes margin padding border left izquierda right derecha y mucho mas
de momento bes al curso paso a paso y aprende no tengas prisa tomate tu tiempo un saludo
Yaneth · · Solicitar retirada
aqui tu fallo

<link rel="stylesheet"href="estilo-general-css"type="text/css"media="all">

debe ser

estilo-general.css

con punto antes de css, ya que es la extencion del archivo

saludos
francisco1 · · Solicitar retirada
Yaneth escribió:aqui tu fallo

<link rel="stylesheet"href="estilo-general-css"type="text/css"media="all">

debe ser

estilo-general.css

con punto antes de css, ya que es la extencion del archivo

saludos

gracias yaneth ya esta correjido el fallo con tanto codigo a uno le perece ya todo igual las rayas y los puntos lo beo todo doble un saludo