Hola discilpen las molestias le agradeceria si me pudieran ayudar con un temita que tengo al intentar hacer mi página.
El drama que tengo es xq las imagenes en mi programa html-kit (al colocar vista previa)se me ven perfectas. por lo tanto no hay drama en el código supongo.
Sin embargo al intentar subirlas a la web no aparecen esas imágenes.
Les suplico por favor me ayuden.
No se si les sirvan pero les mando el código Html y la hoja de estilos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Murialdo Basquet</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global1">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="global">
<div id="navegacion">
<ul>Noticias Mini Basquet Equipos M 35 Basquet Ropa Deportiva Nuestra WEB
</div>
<div id="contenido">
<div id="cuadro">
<h1>Bienvenidos</h1>
</div>
<div id="cuadro2">
<h2>Carpeta equipos<h2>
</p>
</div>
<div id="cuadro3">
<h3>Carpeta Mini <h3>
</p>
</div>
<div id="cuadro4">
<h4>Carpeta Mayores<h4>
Resultados de los <a
</p>
</div>
<div id="cuadro5">
<h5>Carpeta generales<h5>
</div>
</div>
<div id="pie">
<div id="pieuno"><ul> Foro Ejemplo Contactos Nos Enlazan</div>
<div id="piedos">[contenido no disponible]</div>
<div id="pietres"><ul> Directorio TopSite Juegos</div>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
HOJA CSS
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; font-family: arial }
h1 {font-size: 1.2em; color:white ; font-weight: bold ; font-family:verdana; text-decoration: underline ; text-align: center}
h2 {font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h3{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h4{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h5{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
a {color: orange; text-decoration: none;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration: underline}
a:active {}
body {text-align: center}
#global1 {width:1024px ; margin: 4px auto; background-color: black }
#global {width:800px ; margin: 4px auto }
#curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width: 1024px; height: 12px; overflow : hidden}
#cabecera {background-color:; border-bottom: black 1px solid; width:798px; height:160px}
#logotipo {background-color: black ; width:350px ; float:left}
#publicidad {background-color:withe; width:448px;height:155px; float:right}
#publicidadplantilla {background-image: url( objetos/publicidad.jpg);background-repeat: no-repeat;width:448px;height:155px; float:right}
#navegacion {background-color: black; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; height:40px; font-family:arial; font-size:13px}
#navegacion li {float: left; liststyle: none; margin: 8px 25px 7px 25px}
#nacegacion ul {margin-left: 60px}
#contenido {background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px }
#contenido p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; text-colour: #FF7F24; color: #FF7F24;}
#cuadro {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro2 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid; }
#cuadro3 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro4 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro5 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#menu {width: 150px ; float:left ; text-align:left ; margin: 20px 10px 3px 5px ; background-image: url(objetos/menu-parte-inferior.jpg); background-position: bottom ;padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-curva-superior.jpg) }
#cuadroplantilla {background-color: black; margin: ; float: right; width: 600px; margin: 20px 20px 10px 10px}
#pie {background-color: black; border-right: black 1px solid; border-left: black 1px solid; border-top:black 10px solid; height: 69px}
#pie li {list-style: none; font-size: 12px}
#pieuno {float:left; width:150px}
#piedos {float:left; width:498px; height:65px; background-image: url( objetos/logo.jpg);background-repeat: no-repeat}
#pietres {float:left; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:1024px; height: 12px; overflow : hidden}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:withe ; text-decoration:underline ; background-color: withe }
#pie a:active {color:white}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Si me pudieran ayudar con esto seria muy muy bueno. Desde ya que es demasiado lo que han echo por mi ya y entenderia si no pueden.
El drama que tengo es xq las imagenes en mi programa html-kit (al colocar vista previa)se me ven perfectas. por lo tanto no hay drama en el código supongo.
Sin embargo al intentar subirlas a la web no aparecen esas imágenes.
Les suplico por favor me ayuden.
No se si les sirvan pero les mando el código Html y la hoja de estilos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Murialdo Basquet</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global1">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="global">
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="cuadro">
<h1>Bienvenidos</h1>
</div>
<div id="cuadro2">
<h2>Carpeta equipos<h2>
</p>
</div>
<div id="cuadro3">
<h3>Carpeta Mini <h3>
</p>
</div>
<div id="cuadro4">
<h4>Carpeta Mayores<h4>
Resultados de los <a
</p>
</div>
<div id="cuadro5">
<h5>Carpeta generales<h5>
</div>
</div>
<div id="pie">
<div id="pieuno"><ul>
<div id="piedos">[contenido no disponible]</div>
<div id="pietres"><ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
HOJA CSS
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; font-family: arial }
h1 {font-size: 1.2em; color:white ; font-weight: bold ; font-family:verdana; text-decoration: underline ; text-align: center}
h2 {font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h3{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h4{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h5{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
a {color: orange; text-decoration: none;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration: underline}
a:active {}
body {text-align: center}
#global1 {width:1024px ; margin: 4px auto; background-color: black }
#global {width:800px ; margin: 4px auto }
#curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width: 1024px; height: 12px; overflow : hidden}
#cabecera {background-color:; border-bottom: black 1px solid; width:798px; height:160px}
#logotipo {background-color: black ; width:350px ; float:left}
#publicidad {background-color:withe; width:448px;height:155px; float:right}
#publicidadplantilla {background-image: url( objetos/publicidad.jpg);background-repeat: no-repeat;width:448px;height:155px; float:right}
#navegacion {background-color: black; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; height:40px; font-family:arial; font-size:13px}
#navegacion li {float: left; liststyle: none; margin: 8px 25px 7px 25px}
#nacegacion ul {margin-left: 60px}
#contenido {background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px }
#contenido p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; text-colour: #FF7F24; color: #FF7F24;}
#cuadro {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro2 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid; }
#cuadro3 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro4 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro5 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#menu {width: 150px ; float:left ; text-align:left ; margin: 20px 10px 3px 5px ; background-image: url(objetos/menu-parte-inferior.jpg); background-position: bottom ;padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-curva-superior.jpg) }
#cuadroplantilla {background-color: black; margin: ; float: right; width: 600px; margin: 20px 20px 10px 10px}
#pie {background-color: black; border-right: black 1px solid; border-left: black 1px solid; border-top:black 10px solid; height: 69px}
#pie li {list-style: none; font-size: 12px}
#pieuno {float:left; width:150px}
#piedos {float:left; width:498px; height:65px; background-image: url( objetos/logo.jpg);background-repeat: no-repeat}
#pietres {float:left; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:1024px; height: 12px; overflow : hidden}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:withe ; text-decoration:underline ; background-color: withe }
#pie a:active {color:white}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Si me pudieran ayudar con esto seria muy muy bueno. Desde ya que es demasiado lo que han echo por mi ya y entenderia si no pueden.