¿Cómo desplazar una sección de mi lista??

Penderecky · 5 Ene 2012, 20:46 · Solicitar retirada

Hola a todos,

Tengo un problema para desplazar una seccion de mi lista de navegación en horizontal, resulta de que ¿cómo hago para que la etiqueta CANTO aparezca debajo de INSTRUMENTOS y que las cuatro secciones estén encima del texto?

Os envío mi enlace para que echéis un vistazo.
http://notasyletras.comocreartuweb.es/musica_iniciacion.html

Gracias y saludos,

Yaneth · 5 Ene 2012, 21:14 · Solicitar retirada

hayyyyyyy

a ver.... veo

lenguaje instrumentos iniciacion

canto

En nuestro centro venimos desarrollando nuestra labor con niños

asi mas o menos es lo que veo.... ahora dime como debe de verse?????

en la parte de arriba

Penderecky · 5 Ene 2012, 21:21 · Solicitar retirada

Pues estoy volviendome loco porque quiero que sea asi:

lenguaje instrumentos iniciacion

canto

En nuestro centro venimos desarrollando nuestra labor con niños.....

Penderecky · 5 Ene 2012, 21:23 · Solicitar retirada

No espera....
La etiqueta de canto quiero que esté debajo de instrumentos, y arriba centrado del texto, pero no puedo.

Gracias...

Yaneth · 5 Ene 2012, 21:41 · Solicitar retirada

veo que has agregado un documentio llamado reset.css???

Yaneth · 5 Ene 2012, 22:17 · Solicitar retirada

hola

pues.... logré lo que deseas asi

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title></title>

<link rel="stylesheet" href="reset.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

</head>
<body>
<div id="global">


<div id="cabecera">

</div>



<div id="contenido">

<div id="navegacion">

<ul><li><a href="idiomas.html">LENGUAJE</a></li><li><a href="#">INSTRUMENTOS</a></li><li><a href="index.html">INICIACION</a></li></ul>

</div>
<div id="navegacion2">
<ul><li><a href="apoyo_escolar.html">CANTO</a></li></ul>
</div>


<div id="menu">

<ul><li><a href="index.html">QUIENES SOMOS</a></li><li><a href="#">MUSICA</a></li><li><a href="idiomas.html">IDIOMAS</a></li><li><a href="apoyo_escolar.html">APOYO ESCOLAR</a></li>

<li><a href="#">TITULACIONES</a></li><li><a href="#">CALENDARIO</a></li><li><a href="fotos.html">FOTOS</a></li><li><a href="condiciones.html">CONDICIONES</a></li></ul>

</div>


</div>

<div id="pie">
<div id="logotipo">
<a href="http://www.facebook.com/pages/Academia-de-M%C3%BAsica-e-Idiomas-Not…" target="_blank"><img src="objetos/logotipo.jpg" alt="Entra en Facebook"></a>
</div>

<div id="facebook">
<a href="http://www.facebook.com/pages/Academia-de-M%C3%BAsica-e-Idiomas-Not…" target="_blank"><img src="objetos/facebook.png" alt="Entra en Facebook"></a>
</div>
<div id="mapita">
<a href="http://maps.google.es/maps?q=calle+helen+keller+numero+8&oe=utf…" target="_blank"><img src="objetos/mapita.jpg" alt="Entra en Mapa">
</a></div><a href="http://maps.google.es/maps?q=calle+helen+keller+numero+8&oe=utf…" target="_blank">

</a></div><a href="http://maps.google.es/maps?q=calle+helen+keller+numero+8&oe=utf…" target="_blank">


</a></div></body></html>

body {text-align:center; background: #F0F;}

#global {width:800px;margin:4px auto;}

#cabecera {height:180px; background-image:url(objetos/cabecera.jpg)}

#contenido {background-image:url(objetos/contenido.jpg);height: 693px;}
#contenido2 {background-image:url(objetos/presentacion2.jpg);height: 693px;}
#contenido3 {background-image:url(objetos/presentacion3.jpg);height: 693px;}
#contenido8 {background-image:url(objetos/idiomas.jpg);height: 693px;}
#contenido9 {background-image:url(objetos/idiomas2.jpg);height: 693px;}
#contenido10 {background-image:url(objetos/apoyo_escolar.jpg);height: 693px;}
#contenido14 {background-image:url(objetos/titulaciones.jpg);height: 693px;}
#contenido18 {background-image:url(objetos/fotos.jpg);height: 693px;}
#contenido19 {background-image:url(objetos/fotos2.jpg);height: 693px;}
#contenido20 {background-image:url(objetos/fotos3.jpg);height: 693px;}
#contenido21 {background-image:url(objetos/fotos4.jpg);height: 693px;}
#contenido22 {background-image:url(objetos/condiciones.jpg);height: 693px;}

#menu {width:150px; float:left; text-align:left; margin-top: 0px;margin-left: 33px;}
#menu li {list-style:none; }

#navegacion_titulaciones {width:150px; float:left; text-align:left; margin-top: 225px;margin-left: 100px;}
#navegacion_titulaciones {list-style:none; }

#navegacion {height:85px; }
#navegacion li {float:left; list-style:none; margin:30px 0px 0px 1px;}
#navegacion ul { margin-left: 230px }

#navegacion2 {height:55px; }
#navegacion2 li { list-style:none; margin:0px 0px 0px 1px;}
#navegacion2 ul { margin-left:400px }

#caja_flechas {height: 23px; width: 120px; margin-top: 610px;margin-left: 250px;float: left;}

#fw {height: 23px; width: 29px; float:right; }

#rew {height: 23px; width: 29px; float:left; }

#pie {background-image:url(objetos/pie.jpg); height:180px;}

#logotipo {height:100px; widht:158px; float:left; margin: 43px 0px 0px 35px }

#facebook {height:40px; width:40px; float:left; margin: 100px 0px 0px 350px }

#mapita {height:98px; width:168px; float:right;margin: 40px 35px 0px 10px }

a {}

a:link {}

a:hover {}

a:active {}

#menu a {width:146px; height:31px;
color:black; font-size:14px;
padding: 7px 0px 0px 10px;
text-decoration:none; display:block;
background-image:url(objetos/etiqueta.jpg);
margin:30px 0px 0px 10px;
background-repeat: no-repeat;
}

#navegacion_titulaciones a {width:146px; height:31px;
color:black; font-size:14px;
padding: 7px 0px 0px 10px;
text-decoration:none; display:block;
background-image:url(objetos/etiqueta.jpg);
margin:15px 0px 0px 10px;
background-repeat: no-repeat;
}

#navegacion a {width:146px; height:31px;
color:black; font-size:14px;
padding: 7px 0px 0px 10px;
text-decoration:none; display:block;
background-image:url(objetos/etiqueta.jpg);
margin:15px 0px 0px 10px;
background-repeat: no-repeat;
}
#navegacion2 a {width:146px; height:31px;
color:black; font-size:14px;
padding: 7px 0px 0px 10px;
text-decoration:none; display:block;
background-image:url(objetos/etiqueta.jpg);
margin:15px 0px 0px 10px;
background-repeat: no-repeat;
}
#menu a:link {}
#menu a:visited {}

#menu a:hover {background-image:url(objetos/etiqueta2.jpg);background-repeat: no-repeat; }

#menu a:active {}

#navegacion_titulaciones a:link {}
#navegacion_titulaciones a:visited {}
#navegacion_titulaciones a:hover {background-image:url(objetos/etiqueta2.jpg);background-repeat: no-repeat; }
#navegacion_titulaciones a:active {}

#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {background-image:url(objetos/etiqueta2.jpg);background-repeat: no-repeat; }
#navegacion a:active {}

Penderecky · 5 Ene 2012, 23:17 · Solicitar retirada

Hola Yaneth:

El menu navegacion queda colocado como quiero pero el problema es que el menu principal desciende a medida que pones el menu navegacion. ¿No hay alguna manera de que quede el menu navegacion de la misma manera que lo has hecho y que el menu principal se me vea a la misma altura en todas las paginas?

Como siempre eternamente agradecido.

Yaneth · 6 Ene 2012, 15:51 · Solicitar retirada

si, debes quitarle margen
en el css a menu.. ya que tiene mucho jejeje

saludos

Penderecky · 6 Ene 2012, 19:42 · Solicitar retirada

Hola Yaneth,

También quiero poner un buzón para que nos envien correos y quiero ponerlo entre el telefono y el facebook pero se me mueven las demás imagenes y no consigo dejarlo al lado de donde yo quiero

http://notasyletras.comocreartuweb.es/index.html

Muchas gracias y saludos,

Yaneth · 7 Ene 2012, 06:21 · Solicitar retirada

hola
debes jugar con los margenes, para poder acomodarlo donde deseas

#logotipo {height:100px; widht:158px; float:left; margin: 43px 0px 0px 35px } #buzon {height:32px; widht:32px; float:left; margin: 110px 0px 0px 175px } #facebook {height:40px; width:40px; float:left; margin: 100px 0px 0px 350px } #mapita {height:98px; width:168px; float:right;margin: 40px 35px 0px 10px }saludos

Penderecky · 9 Ene 2012, 18:36 · Solicitar retirada

Hola Yaneth:

Me podrías decir como conseguir ese azul degradado del fondo de vuestra web? Es una imagen de Photoshop ó está hecha por HTML??

Gracias y saludos,

Yaneth · 9 Ene 2012, 18:56 · Solicitar retirada

es una imagen
de hecho si la quieres la puedes tomar... (supongo)
http://www.comocreartuweb.com/imagenes/comunes/estilo1024/fondopagi…

Penderecky · 9 Ene 2012, 20:33 · Solicitar retirada

No la puedo coger Yaneth

Yaneth · 9 Ene 2012, 21:06 · Solicitar retirada

mmm
ya te di el enlace
solo ponte sobre la imagen y da click con el derecho
eliges guardar como

saludos

Penderecky · 10 Ene 2012, 17:06 · Solicitar retirada

Hola Yaneth,

¿Hay alguna manera de poder centrar el texto dentro de mis etiquetas? Quisiera hacerlo con h1 y ya asignarle un tipo de letra por defecto.

Muchas gracias,

Penderecky · 10 Ene 2012, 17:07 · Solicitar retirada

Disculpa te mando mi URL:

http://notasyletras.comocreartuweb.es/index.html

Yaneth · 10 Ene 2012, 21:13 · Solicitar retirada

en el css

menu dice, text-align: left
ponle center y listo