Hice mi menu con html y tambien con css

Abri una hoja de estilos e disene el menu con esa hoja.Para hacer otros estilos por ejemplo en los titulos tengo que abrir otra hoja de stilos y darle cualquier nombre?.Mi primera se llama index.css.Gracias por su aclaracion

Hola Soprano2,

puedes crear tantas hojas de estilo como quieras y enlazarlas desde donde quieras.

Mi consejo es que las hojas más generales, es decir, las que afecten al diseño general de la página las cargues siempre (algo como por ejemplo "global.css", "menu.css", ... Cosas que estarán siempre) y después que crees otras que sólo se cargarán en páginas concretas (por ejemplo, en la seccion contacto tendrás un formulario de contacto. Pues creas una hoja de estilos "contacto.css" en la que cargarás el estilo de este formulario y que se cargará desde tu, por ejemplo, contacto.html o contacto.php, pero no se cargará si no la necesitas).

Un saludo!

Gracias , lo voy a intentar ya que toda las paginas me salen igual, como si la hoja de css, hizo los cambios en todas gracias

Esto es lo que hice:
nter>
<div id="menu">
<ul>
<li><a href="index.html">Home</li>
<li><a href="index.html">Services</li>
<li><a href="index.html">Gallery</li>
<li><a href="index.html">Contac Us</li>
</ul></div></center></br>
</br></center> Esto lo hice en mi index.html y abri una hoja de estilo asi : en menu.css con enlace a mi index

#menu ul li{
display:inline;
padding:8px 10px;
margin:12px;
background-color:#A9F5BC;
font-family:fantasy;
font-size:20pt;
}
#menu li a:hover{
background-color:#CEF6F5;
cursor:pointer;
}
#menu ul {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CEF6F5;
}
Y coloque esto en mi index < link rel="stylesheet" type="text/css" href="menu.css"/>

Ahora escribo algo y me sale todo como lo hice en css y solamente lo quiero para mi menu.Gracias

Esto es lo que hice:
nter>
<div id="menu">
<ul>
<li><a href="index.html">Home</li>
<li><a href="index.html">Services</li>
<li><a href="index.html">Gallery</li>
<li><a href="index.html">Contac Us</li>
</ul></div></center></br>
</br></center> Esto lo hice en mi index.html y abri una hoja de estilo asi : en menu.css con enlace a mi index

#menu ul li{
display:inline;
padding:8px 10px;
margin:12px;
background-color:#A9F5BC;
font-family:fantasy;
font-size:20pt;
}
#menu li a:hover{
background-color:#CEF6F5;
cursor:pointer;
}
#menu ul {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CEF6F5;
}
Y coloque esto en mi index < link rel="stylesheet" type="text/css" href="menu.css"/>

Ahora escribo algo y me sale todo como lo hice en css y solamente lo quiero para mi menu.Gracias

Hola soprano2, perdona la tardanza pero acabo de estar unos días fuera y he intentado desconectar un poco...

¿Cuál es el problema...? Es que no entiendo bien lo que me dices. ¿La hoja de estilos para el menu afecta a todas las páginas del sitio?

Acláramelo un poco, por favor y lo solucionamos. Un saludo!

De todas formas soprano, si lo que quieres es un menu horizontal se puede depurar un poquito el css para mejorarlo.

Date cuenta que los "li" se te están saliendo verticalmente del "ul" y que los enlaces no ocupan todo el espacio que deberían. Si quieres te preparo un ejemplo a ver qué te parece.

Un saludo soprano!!

hola
mi consejo es tener en la medida de lo posible una sola hoja de estilos
asi no te pierdes

y si por ejemplo, quieres que el menu de index, sea diferente (en cuanto a estilos se refiere) de otro documento
le pongas otro nombre

por ejemplo
tu div menu en index se llama "menu" y el menu en algun otro documento lo llamas "menu2"

en el css, pones caracteristicas para cada uno de ellos

#menu { }
#menu2 { }

asi no necesitas cargar tantas hojas de estilo en el head, igual lo puedes hacer con titulos y demás

saludos

No estoy muy de acuerdo Yaneth... Creo que es más fácil perderse en una sola hoja de estilos de 1000 lineas que en 10 hojas de estilo de 100 cada una, organizadas para cada tipo de contenido y que se carguen sólo cuando haga falta. Por ejemplo, menu.css (que organizará el estilo de todos los menus), global.css (para el estilo general), contacto.css, etc...

Imagino que es cuestión de gustos pero a la hora de modificar y localizar código me parece más sencillo tener el css organizado en bloques más pequeños y específicos para cada parte. Así, cada página que se cargue se traerá sólo las hojas de estilo que necesite y no es necesario cargar archivos demasiado pesados.

Un saludo!!

pues si, todo depende del tipo de páginas de cada quien
no todas tienen 1000 documentos jejejeje

Hola Yaneth. No decía 1000 documentos sino 1000 líneas de código... jejeje :) De momento no he necesitado tantos documentos y casi que espero no necesitarlos nunca :)). Pero sí... lo del css depende de cada uno: En la variedad está el gusto.

De todas formas creo que sigo sin entender bien la pregunta de soprano... Así que, recuperando el hilo de este tema, sigue en pie lo que decía un par de posts más arriba :)

Un saludo!!

Gracias por su ayuda ...muy valisosa...super hipo y Yaneth