<div id="cabecera"> <div id="navegacion"> <ul> <li><a href="#">Sección 1</a></li> <li><a href="#">Sección 2</a></li> <li><a href="#">Sección 3</a></li> <li><a href="#">Sección 4</a></li> </ul> </div> <div id="contenido"> <div id="logotipo"> <a href="index.html"> <img src="objetos/logotipo.gif" width="270" height="80" alt="Haz clic aquí para volver a la página de inicio"> </a> </div> <div id="publicidad">Bienvenidos a mi Web</div> <div id="menu"> <ul><h1>Título de Sección 1</h1><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 1</a></li></ul> </div> <h1>Esta será la zona principal de la web</h1> <p>hola anna a ver si terminamos esta web juntos asi seremos mucho mas rapidos, y pudieramos ya a empezar cositas que nos interesan, o modificarla a nuestro gusto.</p> <h2>este es mi tercer paragrafo</h2> <p>Bueno tambien estoy escribendo aqui para rellenar este espacio lo maximo posible para ver si las frases repasen el espacio del menu. para poder luego corrigir el deseño. Parece que falta por lo menos una linia mas mas para repasar la linea del menu</p> </div> <div id="pie">Este es el pié de página</div>
esto...... es parte de cabecera, y debes tenerlo asi <div id="cabecera"> <div id="logotipo"> <a href="index.html"> <img src="objetos/logotipo.gif" width="270" height="80" alt="Haz clic aquí para volver a la página de inicio"> </a> </div> <div id="publicidad">Bienvenidos a mi Web</div> </div>
tienes el html desordenado deberias revisar el curso de nuevo, para que veas el orden de los divs
solo te falta cerrar div cabecera en el html en rojo lo que te falta
<div id="cabecera"> <div id="logotipo"> <a href="index.html"> <img src="objetos/logotipo.gif" width="270" height="80" alt="Haz clic aquí para volver a la página de inicio"> </a> </div> <div id="publicidad">Bienvenidos a mi Web</div> </div>
guardas cambios, lo subes a la red y verás la diferencia
Hola yaneth no entiendo esta parte de tu respuesta: "y directo en la red, cuando subes los cambios" donde en la red ?? y como?? si voy a la carpeta azul donde hay que cliquear para ver los mismos imagenes como en la carpeta local?? si voy a plantilla de la carpeta azul solo se ve texto y en index.html se ve el fondo azul con el buzon y el smiley. que tiene que ver esto con la plantilla ?? cual de los dos archivos acabara siendo la web?? tengo un lio con estos carpetas porque solo al principio de las lecciones se hicieron cambios. Luego solo se hizo todo en ccs.estilos-general y plantilla
Otra cosa para que sirven la carpeta css. estilo y la index.html,( no me refiero a la carpeta css. estilos-general ) si hace tiempo no se ha modificado nada, solo al pricipio de las lecciones.
No me sale la imgen de la leccion tres, imagen superior. no me funciona el codigo: #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif)
ya me salido todo bien con el menu parte superior y inferior, salio a la hora de cambiar menu parte superior pero con las esquinas en naranja, seccion retocar imagenes. no entiendo porque no salio antes sin las esquinas pintadas. Tu sabes porque?
Bueno muchas gracias por todo y espero no molestarte mucho mas.....:)
bueno aqui no puede pegar imagenes, lo que pasaba es que al pricipio el imagen de menu-parte superior no salio bien y luego con las esquinas pintadas en cambio si. aunque el proceso ha sido el mismo, pensaba que raro. no tiene importancia.
otra cosa, me sobra este codigo: padding-bottom:5px . Si lo pongo me sobresale el menu en la parte abajo saliendo del campo naranja, tocando ya la parte blanc donde pone: este es el pie de la pagina. Porque ??
mas preguntas: me salen en pie de la pagina, pie uno, pie dos y pie tres desordenados. no se donde esta el error! te sube una capura de mi plantilla a ver si pasa algo con el orden.
ayer de subio una captura de mi plantilla. como la ves?? es por el orden donde tengo mi duda. Y te comente, lo de la pie de la pagina. ahora me sales los pies(1,2,3) desordenadas. No en linia horizontal!!
Hola Mira, tambien puedes redondear esquinas con el codigo CSS sin usar imagenes. Esto es muy ventajoso ya que las paginas cargan muchisimo mas rapido.