Tengo un problema al corgarlo en internet...

josedaun · 2 Jun 2010, 22:33 · Solicitar retirada

Bueno mi problema esque que en el ordenador se ve bien i lo tengo perfecto pero.... al suvirlo a internet Se ve totalmente diferente i el html i el css se separan (i eso que suvi los dos i estan unios)Bueno esta es como se ve en internet http://josedaweb.mypressonline.com/ aora os paso mi html i css pero elproblema creo que es que se separa el html i css cuando los suvo a internet i no tengo esperiencia i no se solucionarlo asin que si puedierais encontrar una forma de solucionarlo aqui les dejo mi html i css.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>WebJoseda</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>

<style type="text/css">



</style>

<script language="JavaScript">



</script>
<body>
<div id="global">
<div id="cabecera"></div>
<div id="navegacion"><style>



</style>

<form action=" " name="form1">

<table width="800" border="3" bgcolor="#FFD700" cellspacing="1" cellpadding="9">

<tr bgcolor="#FFD700">

<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>

</td>

</tr>

</table>

</form>

</div>

<div id="contenido">TEXTO QUE QUIERAS</div>

<div id="pie">TEXTO QUE QUIERAS</div>

</div>

</body>
</html>

I aqui viene mi CSS:
* {text-indent:0px ; margin:0px ; padding:0px}
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}
body {background-color: #E6E6FA ; background-image: url(C:\Users\Joseda\Desktop\Mi Web\objetos\Fondito.jpg)}
#global {width:800px ; margin: 4px auto }
#cabecera {background-image: url(C:\Users\Joseda\Desktop\Mi Web\objetos\Logo.png) ; border-left: black 1px solid ; border-right: black 1px solid ; height:290px}}
#navegacion {background-color: #0000EE}
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px ; height: 65px ; width: 99px}
#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}
body {text-align: center}

Bueno si pudieran decirme alguna solucion lo agradeceria

P.D:Lo siento por los errores ortograficos no son mi fuerte =(

balbo · 4 Jun 2010, 16:13 · Solicitar retirada

Yo tengo otro problema la subirlo a la red. Tanto la curva-inferior como la superior se me ve en el programa, pero al subir todo a la red eso desaparece. he comprobado todo y no consigo ver el problema. ¿alguien puede ayudarme? Tengo mi pagina subida con un hosting de pago y cambia un poco la cosa con respecto a lo explicado en el curso paso a paso. Lo solucioné todo excepto eso.

josedaun · 4 Jun 2010, 22:49 · Solicitar retirada

Tengo el mismo problema en el que creo con CCTW al unirlo a internet en internet se ve sin el .css solo se muestra el html.
Os dejo la pagina http://pensionistas.mygamesonline.org/ Como vereis no tiene .css pero encima esta tiene un error mas en los escritos aparezen 6 en algunas "A" Le e dao mil vueltas pero no encuentro solucion si alguno supiera o halla tenido este error i supiera solucionarlo por favor denme alguna solucion que yo no encontre ninguna =(.

Raulyure · 5 Jun 2010, 03:58 · Solicitar retirada

josedaun escribió:Bueno mi problema esque que en el ordenador se ve bien i lo tengo perfecto pero.... al suvirlo a internet Se ve totalmente diferente i el html i el css se separan (i eso que suvi los dos i estan unios)Bueno esta es como se ve en internet http://josedaweb.mypressonline.com/ aora os paso mi html i css pero elproblema creo que es que se separa el html i css cuando los suvo a internet i no tengo esperiencia i no se solucionarlo asin que si puedierais encontrar una forma de solucionarlo aqui les dejo mi html i css.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>WebJoseda</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>

<style type="text/css">



</style>

<script language="JavaScript">



</script>
<body>
<div id="global">
<div id="cabecera"></div>
<div id="navegacion"><style>



</style>

<form action=" " name="form1">

<table width="800" border="3" bgcolor="#FFD700" cellspacing="1" cellpadding="9">

<tr bgcolor="#FFD700">

<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>
<td width="0">JosedaWeb </td>

</td>

</tr>

</table>

</form>

</div>

<div id="contenido">TEXTO QUE QUIERAS</div>

<div id="pie">TEXTO QUE QUIERAS</div>

</div>

</body>
</html>

I aqui viene mi CSS:
* {text-indent:0px ; margin:0px ; padding:0px}
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}
body {background-color: #E6E6FA ; background-image: url(C:\Users\Joseda\Desktop\Mi Web\objetos\Fondito.jpg)}
#global {width:800px ; margin: 4px auto }
#cabecera {background-image: url(C:\Users\Joseda\Desktop\Mi Web\objetos\Logo.png) ; border-left: black 1px solid ; border-right: black 1px solid ; height:290px}}
#navegacion {background-color: #0000EE}
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px ; height: 65px ; width: 99px}
#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}
body {text-align: center}

Bueno si pudieran decirme alguna solucion lo agradeceria

P.D:Lo siento por los errores ortograficos no son mi fuerte =(

Hola:
He mirado por encima los códigos que dice tener en su hoja de estilo, y he notado algunos pequeñísimos errores.
Uno de ellos es que usted tiene puestas directivas para dos bodys, uno qu eusted tiene arriba en su hoja de estilo y otra para el body que tiene abajo en su hoja de estilo.
Solo tiene que haber un body, así que lo conveniente sería poner la directiva que tiene en el último body en el de arriba, y luego eliminar ese último body.
Mejor voy a tratar de ordenarle un poco la hoja de estilo

Así sería conveniente que la tuviese
* {text-indent:0px;margin:0px;padding:0px}

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}
p {text-align: justify}
body {text-align:center;background-color: #E6E6FA ; background-image: url(objetos/Fondito.jpg)}
#global {width:800px ; margin: 4px auto }
#cabecera {background-image: url(objetos/Logo.png) ; border-left: black 1px solid ; border-right: black 1px solid ; height:290px}
#navegacion {background-color: #0000EE}
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px ; height: 65px ; width: 99px}
#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 {}

Bien, creo que su hoja de estilo debe tenerla más o menops de esta manera que le he puesto acá.
Otra cosa, debe saber que las contrabarras (las barras diagonales / \ que se utilizan para separar por ejemplo la palabra objetos de la imagen.
no son las que usted tiene puesta, pues la que se debe poner es la que se pulsa mayúsculas y luego el número siete (de los números que están allí arriba en su teclado.
O sea la barra que hay que poner es esta / y no esta \

Por ejemplo :
url(objetos/Fondito.jpg)}

Fuera de eso, no es necesario poner tooooda la ruta cuando pone un background-image:url(C:\ etc. etc. etc. etc. etc.
Basta con que la ponga como se la dejé acá en la hoja de estilo que le ordené

Le sugiero que no haga copiar y pegar, sino que escriba los códigos, ya que se cometen más errores en el copiar y pegar que ponerlos manualmente

Saludos

Raulyure · 5 Jun 2010, 04:11 · Solicitar retirada

balbo escribió:Yo tengo otro problema la subirlo a la red. Tanto la curva-inferior como la superior se me ve en el programa, pero al subir todo a la red eso desaparece. he comprobado todo y no consigo ver el problema. ¿alguien puede ayudarme? Tengo mi pagina subida con un hosting de pago y cambia un poco la cosa con respecto a lo explicado en el curso paso a paso. Lo solucioné todo excepto eso.

Hola:
Bueno, si usted tiene un hosting de pago, swería bueno que utilizara el Panel de control que hay en su sitio allí en el hosting, porque si dice que las curvas , en el programa se ven, entonces es que o las a subido mal
o no las ha puesto donde debía.
Se supone que debe subir o poner sus archivos dentro de una carpeta allí en el hosting, dicha carpeta (que ya está en su sitio en el hosting) puede tener como nombre public-html o htdocs, (depende del hosting)
Pues dentro de esa carpeta debe poner (o subir) su pagina index.html y su hoja de estilo y dentro de esa carpeta debe también crear una carpeta objetos, y después de tener esa carpeta objetos allí , entonces debe subir las imagenes curva inferior, curva superior etc.

sería bueno que nos dijera en qué hosting tiene alojada su web para explicarle mejor.
saludos

josedaun · 8 Jun 2010, 07:36 · Solicitar retirada

Estoy en el hosting gratuito que la guia paso a paso puso =) i en la ruta esa que puse todo
background-image: url(C:\Users\Joseda\Desktop\Mi Web\objetos\Fondito.jpg)}

Lo tuve que poner asin porke si no no me lo detectava i ademas cuando voi a suvir las imagenes nunca se ven las imagenes de las carpetas para abrirlas tengo que poner el nombre

Gracias por las respuestas i si algo que no entendais de lo que dije decirmelo plis intentare explicarme mejor =)