pq no se ve igual mi plantilla.html?????

hola buenas,
despues de conseguir subir mi pagina de prueba al hosting, me encuentro con que no se respetan ni los colores ni la estructura de la plantilla que tenia guardada en el ordenador. En el navegador solo me sale en blanco y negro y desestructurado totalmente. mi pagina es
http://paginadeprueba1.onlinewebshop.net/plantilla.html
agradeceria me dijeran a que se debe esto.

un saludo

Qué raro! Yo si la veo bien con todo y todo bien estructurada (hasta la leccion donde vas) y con colores.

Yo tambien la veo muy bien :wink: Que navegador utilizas? (Internet Explorer, Mozilla Firefox, Opera)

tucan escribió:Qué raro! Yo si la veo bien con todo y todo bien estructurada (hasta la leccion donde vas) y con colores.

pues a mi me sale en blanco y negro, abriendo una pestaña nueva al lado de la pagina donde estoy leyendo el curso paso a paso. En cambio, al darle otra vez al icono de internet explorer, abrir el navegador y meter mi pagina en la barra de exploracion, sí que me sale bien la pagina de la plantilla, pero los enlaces del menu no se me activan.
a ti se te activan?

un saludo

No tampoco me funcionan los enlaces, eso es porque tu pusiste:
<a ref="#">Elemen...

Y es haci:

<a href="#">Elemen...

Te falto la h.

Saludos.

tucan escribió:No tampoco me funcionan los enlaces, eso es porque tu pusiste:
<a ref="#">Elemen...

Y es haci:

<a href="#">Elemen...

Te falto la h.

Saludos.

tienes toda la razon del mundo, mil gracias!!

hasta luego

hola buenas,

estoy avanzando bastante con el tutorial de Jorgens, gracias por hacerlo tan facil!!

el único problema que tengo hasta ahora es con el pie. Al poner pie 1, pie 2 y pie 3 en vertical, me sale el pie 1 ligeramente mas hacia la derecha que pie2 y pie3.
la pagina es: paginadeprueba1.onlinewebshop.net/plantilla.html

os pongo lo que tengo escrito en la plantilla:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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>
</a>
</div>
<div id="navegacion">
<ul>

sección 1

sección 2

sección 3

sección 4

</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de sección 1</h1>

enlace 1

enlace 2

enlace 3

enlace 4</div><h1>Esta será la zona principal de la web</h1>


Este es el segundo parrafo, estoy aprendiendo mucho con este tutorial.</p>
<h2>Este es el tercer párrafo, dentro de poco voy a tener una web de puta madre. De aquí al estrellato. O eso, o me estrello con todas las de la ley!! jajjaja</h2>


Este es el cuarto párrafo, no se que poner porque no tengo ni puta idea.</p>
</div>
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</div>


</body>
</html>

y lo que tengo puesto en estilo-general.css:


* {text-indent:0px ; margin:0px ; padding:0px ; border: 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 {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; 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:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
a {color: brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}


un saludo, y gracias de antemano por ayudarme.

Con el navegador llamado Opera, el pie se ve perfecto. Pero con IE, es como tú dices, la palabra "pieuno" se corre a la derecha :? No puedo encontrar la solución :?: