Hola voy en la segunda leccion y en el Punto de Formatear los estilos a cero donde las margenes de la pagina quedan en cero y nos dan este codigo:
* {margin:0px ; padding:0px ; border: 0px}
Dice que la ubique en la hoja de estilo-genera...tatatata en la primera linea y esactamente es lo que hago pero no me funciona, solo la capa de pie de pagina se extiende.. donde puede estar el error?? :(
Ginna :)
mi duda es la siguiente
cuando estoy siguiendo los pasos de los titulos (eso de <h1><h2>..)
en la vista previadel internet explorer no tengo problemas
pero en el firefox y en opera el subtitulo (<h2> </h2>) se ve mas grande de lo que debe, incluso mas grande que el primer titulo
esto pasa en los navegadores que no sean internet explorer
por favor una solucion rapida pliss
gracias
Yo ya me equivoque y hice un nuevo tema, no vi este , perdonenme jeje. Bueno mi duda es sta:
Cuando en "Los margenes de los párrafos de la página web" dice lo de poner "#contenido p {padding: 5px 10px 5px 10px}" para arreglar los margenes, ya que los textos estan pegados al menu, en el ejemplo de CCTW queda así:
http://www.comocreartuweb.com/html-k...ntilla-13.html
Ami poniendo lo mismo, que la "estilo-general.css" me quede asi:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ;
margin-right: 10px }
#pie {background-color: brown }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px}
#menu li{ list-style:none ; margin: 4px 0px 4px 6px }
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}
Y la plantilla.html me quede asi(todo esta escrito a partir del ejemplo de CCTW):
<!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="contenido">
<div id="menu">
<ul>[*]Elemento de lista, 1[*]Elemento de lista, 2[*]Elemento de lista, 3[/list]</div>
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
La vista previa no queda igual que en el ejemplo de CCTW , sino que en el ejemplo(no se me ocurre explicarlo de otra forma mas sencilla) en la parte que pone "Este es el tercer parrafo..." esta debajo del menu, sin embargo ami me aparece igual que sino hubiera puesto "#contenido p {padding....." . Es decir, lo unico que me cambia esa propiedad es que deja un espacio más grande entre el menu lateral y los dos primeros parrafos, el tercer parrafo sigue centrado(a decir verdad me estoy liando hasta yo jeje). Para que no tengas que mirar para arriba te dejo con link para ver el ejemplo de CCTW.
http://www.comocreartuweb.com/html-k...ntilla-13.html
Y esa es mi duda, el porque de que el tercer parrafo siga centrado.
debes pegarnos todo el contenido del css, y del html
o en su defecto darnos la url de tu web
saludos
Hola a todos, soy nueva y entiendo más bien poco. Estoy con la leccion 2, con los estilos de los enlaces, hasta ahora todo me ha funcionado bien, pero al aplicar los estilos css a los enlaces, ya no cambian. Esto es lo que tengo en mi hora de estilos (copio y pego)
*{margin:0px;padding:0px;border:0px}
body{text-align:center}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline;background-color:silver}
a:active {}
#cabecera {background-color: pink}
#navegacion{background-color:grey}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left;text-align:left}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:brown}
#global{width:800px;margin:4px auto}
/fin hoja estilos/
No sé qué es lo que he hecho mal ¿podriais ayudarme por favor?
Muchas gracias a todos y saludos
¡Ah, se me olvidaba! estoy con HTML-kit
ciberamos los que estas haciendo mal es que a los estilos css de los enlaces los tenes q poner al ultimo para que se modifiquen al final. xq los navegadores leen los codigos de arriba para abajo
saludos y espera que te funcione :) :) :) :)
Muchas gracias por tu respuesta, acabo de probar y nada; cuando puse el mensaje ya había probado a poner los estilos de enlaces en menu, en menu li, al principio, al final.... :(
... Y sigue sin funcionar, ¿será cosa del HTMl-kit o definitivamente soy un poco "manta"? :?
Saludos.
Ciberamos, tienes la web ya en el servidor? Nos das la direccion para verlo?
Hola Jorgens, me temo que aún no, pero puedo copiar y pegar código html y el de la hoja de estilos; ahí va
<!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 navegacion</div>
<div id="contenido">
<div id="menu"><ul>[*]<h ref="#">Elemento de lista, 1[*]<h ref="#">Elemento de lista, 2[*]<h ref="#">Elemento de lista, 3[/list]
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
y esta es la .css
*{margin:0px;padding:0px;border:0px}
body{text-align:center}
#cabecera {background-color: pink}
#navegacion{background-color:grey}
#contenido{background-color:orange;width:800px;float:left}
#menu{background-color:yellow;width:150px;float:left;text-align:left}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:brown}
#global{width:800px;margin:4px auto}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline;background-color:silver}
a:active {}
/fin .css/
Y muchas gracias por la ayuda, porque estoy pinchada aqui.
Saludos.
Por curiosidad, esa linea de /fin .css/ está dentro de la hoja de estilos??
Noooo, es sólo para enmarcar el contenido de la css :) detro del mensaje que te envío.
Anda claro!!! ja ja ja ja que pavo soy, no me di cuenta.
Lo raro es que algo cambien en tu web, pues por muchas características que le des a los enlaces no vas a verlos. Por qué?.... por que no hay ninguno todavia? ja ja ja
Claro. Un enlace empieza por <a href=.... y termina con </a> y tu aún no tienes nada de eso en tu codigo, por lo que no tienes enlaces.
Verás los cambios cuando tengas alguno, como este por ejemplo:
TEn cuidado, no es <h ref="#"> sino <a href="#"><div id="contenido">
<div id="menu"><ul>[*]Elemento de lista, 1[*]<h ref="#">Elemento de lista, 2[*]<h ref="#">Elemento de lista, 3[/list]</div>
El href va todo junto, no separes la h y coloca la a al principio!
Je je je, vaya crucigrama, ja ja ja
Un abrazo!
:D ok ¡muchiiiisimas gracias!, ya me sale, perfecto.
Saludos y hasta la próxima.
Que bien, no he perdido facultades despues del letargo! ja ja ja ja
Me alegro copañera!
hola tengo un problemas mas jaja en las leccion segunda, en Dando estilos a un Div no me sale el color, lo tengo a si
#cabecera{background-color:pink}
#navegacion {background-color:gray}
¿que falla?
Permisos de Publicación
Si buscas un buen hosting, ComoCrearTuWeb te recomienda estos dos:
Citar
Marcadores