hola, estoy siguiendo paso a paso la creacion de weds, pero me he estancado en la segunda leción, de como quitar los puntos y poner los enlaces ala izquierda ,no soy capaz, lo he revisado todo y lo tengo bien,pero no soy capaz, si me contestais aqui bien sino a [correo eliminado] muchas gracias
problemas con la segunda lección
Hola, si has subido ya la web al hosting danos la URL para ver lo que tienes, sino es así, pon aquí lo que tengas en estilo-general.css y en plantilla.html para verlo, un saludo.
tengo la misma duda que este compañero, pongo lo que tengo en la hoja estilo-general.css:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none }
#pie {background-color: brown }
y en la de estilos.css:
body { background-color: #EE7600 }
img { border-style: none }
.centrado { text-align:center }
y una 2º duda, hay que tener 2 html distintos en esta 2º leccion no?
gracias de antemano :wink:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none }
#pie {background-color: brown }
y en la de estilos.css:
body { background-color: #EE7600 }
img { border-style: none }
.centrado { text-align:center }
y una 2º duda, hay que tener 2 html distintos en esta 2º leccion no?
gracias de antemano :wink:
hola joakobu, decirte que no soy muy experto en esto pero el error estará en la hoja llamada plantilla.html si puedes pegala para verla,y si, en esta lección hay dos hojas con extensión .html, sino recuerdo mal has de tener: index.html, plantilla.html, estilos.css, estilo-general.css y objetos. Un saludo.
Novato escribió:hola joakobu, decirte que no soy muy experto en esto pero el error estará en la hoja llamada plantilla.html si puedes pegala para verla,y si, en esta lección hay dos hojas con extensión .html, sino recuerdo mal has de tener: index.html, plantilla.html, estilos.css, estilo-general.css y objetos. Un saludo.no te preocupes, pero seguro que podras resolver algunas dudas, empeze esta semana y me pierdo en cosas, gracias por cierto
entonces las 4 cosas ultimas las tengo bien, y te pongo la plantilla.html:
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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="menu">menu</div>
<ul>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina principal Joakobu</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> "Bienvenido a mi pagina web Joakobu, muy pronto estara lista''</p>
<p class="centrado"> "Pagina en construccion''</p>
Intentaremos crear una pagina web personal donde contaremos y pondremos multitud de cosa. Esperemos que sea una pagina divertida; pero hasta entonces toca esperar. Un saludo a todos</p>
<p class="centrado" class="centrado"> [correo eliminado]</p>
[contenido no disponible]Que pasa gente ;)
</body>
</html>
estilos.css:
body { background-color: #EE7600 }
img { border-style: none }
.centrado { text-align:center }
estilo-general.css:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none }
#pie {background-color: brown }
por si las moscas pongo todo lo que tengo :wink:
El problema está en que has cerrado el div menu antes de poner el menú, y además éste iría dentro del div contenido. Esta parte:
Cambiala por esta y se solucionará:
Saludos :wink:
<div id="menu">menu</div>
<ul>
[*]Elemento lista1
[*]Elemento lista2
[*]Elemento lista3
[*]Elemento lista4
[/list]
<div id="contenido">Esta será la zona principal de la web</div>Cambiala por esta y se solucionará:
<div id="contenido">
<div id="menu">menu
<ul>
[*]Elemento lista1
[*]Elemento lista2
[*]Elemento lista3
[*]Elemento lista4
[/list]</div>
Esta será la zona principal de la web</div>Saludos :wink:
el problema lo tienes en la plantilla.html, tu tienes así:
<div id="navegacion">Barra de Navegación</div>
<div id="menu">menu</div>
<ul>
Elemento lista1
Elemento lista2
Elemento lista3
Elemento lista4
<div id="contenido">Esta será la zona principal de la web</div>
y no es correcto
seria así:
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web
<div id="menu">menu
<ul>
Elemento lista1
Elemento lista2
Elemento lista3
Elemento lista4
</div>
</div>
al menos eso creo...un saludo
<div id="navegacion">Barra de Navegación</div>
<div id="menu">menu</div>
<ul>
<div id="contenido">Esta será la zona principal de la web</div>
y no es correcto
seria así:
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web
<div id="menu">menu
<ul>
</div>
</div>
al menos eso creo...un saludo
muchisimas gracias compañeros :wink:
:wink:
os comento mi nuevo problema.
el apartado margen en parrafos se me atraganta lo 1º http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…
ya tengo esto:
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="contenido">Esta será la zona principal de la web
<div id="menu">menu
<ul>
Enlace 1 Enlace 1 Enlace 1 Enlace 1
</div>
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
<div id="navegacion">Barra de Navegación</div>
sigo todos los pasos para poner lo que dice en la guia, poniendo un texto amplio conseguir que no se mueva para nada el menu, y no lo consigo, me podeis modificar mi htlm para ver como quedaria finalmente?
siento molestar con esta cantidad de dudas al principio, pero esque es la 1º que creo una pagina web
:oops:
el apartado margen en parrafos se me atraganta lo 1º http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…
ya tengo esto:
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="contenido">Esta será la zona principal de la web
<div id="menu">menu
<ul>
</div>
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
<div id="navegacion">Barra de Navegación</div>
sigo todos los pasos para poner lo que dice en la guia, poniendo un texto amplio conseguir que no se mueva para nada el menu, y no lo consigo, me podeis modificar mi htlm para ver como quedaria finalmente?
siento molestar con esta cantidad de dudas al principio, pero esque es la 1º que creo una pagina web
:oops:
al final viendo el codigo de fuente de la pagina lo he entendido asi mas o menos :P
Cosas a corregir :wink:
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="contenido">Esta será la zona principal de la web
<div id="menu">menu
<ul>
Enlace 1 Enlace 1 Enlace 1 Enlace 1
</div>
</div>
<div id="pie">Este es el pié de página</div>
</div></body>
</html>
<div id="navegacion">Barra de Navegación</div>
Lo rojo, a borrar.
Lo verde a agregar
A ver como queda ahora :wink:
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="contenido">Esta será la zona principal de la web
<div id="menu">menu
<ul>
</div>
</div>
<div id="pie">Este es el pié de página</div>
</div></body>
</html>
<div id="navegacion">Barra de Navegación</div>
Lo rojo, a borrar.
Lo verde a agregar
A ver como queda ahora :wink: