Comunidad de diseño web y desarrollo en internet online

Consulta Css

Citar            
MensajeEscrito el 15 Jul 2008 06:54 pm
Hola comunidad, espero que todos bien.

Tengo una consulta. Les cuento.
Tengo un menú horizontal que contiene las secciones del sitio

<div class="Menunavegador" id="Menu">Home | Quienes somos | Organización | Comunicación Institucional | Capacitación | Contacto</div>

Y el estilo que le dí:

.Menunavegador {
background-color: #134577;
height: 37px;
width: 865px;
left: 0px;
top: 170px;
font-family: "Trebuchet MS";
font-size: 16px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
position: absolute;
visibility: inherit;
text-align: center;
text-decoration: none;
font-variant: normal;
text-transform: none;
line-height: 37px;
border: 1px groove #000000;

Bueno, ahora tengo dos consultas, las primera es respecto del atributo line-height: 37px;, solo con el valor 37, que es el mismo del ancho del div se ve bien en Firefox y en IE, hay otra manera de que se vase igual en los dos ???

La otra consulta es respecto de la manera correcta para hacer los vinculos ( Ejemplo: <a href="quienessomos.html">Quienes Somos</a>) Como debo aplicarle: a:link, hover, visited, active ??

Cualquier cosa que se vea en ".Menunavegador" acepto suguerencia.

Gracias !!!

Por El Ruso Loco

85 de clabLevel



Genero:Masculino  

Avellaneda. Bs As.

firefox
Citar            
MensajeEscrito el 15 Jul 2008 10:59 pm
Buenas.

La primera consulta no puedo responderla, ya que soy novato en el mundillo de las webs y también me trae quebraderos de cabeza la "Guerra de los Exploradores".

La segunda consulta... siempre y cuando te haya entendido bien, creo que si puedo aclarártela.

Una vez que ya tengas en tu CSS las propiedades de a:link, a:hover, a:visited y a:active, simplemente debes crear un vínculo...
<a href="#">Lo que sea</a>, y los estilos se aplican de forma automática.

Espero que te haya servido de ayuda.

Saludos.

pd: Si no te referías a esto, dime que es lo que quieres saber exactamente, a ver si puediese ayudarte.

Por slash

2 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 15 Jul 2008 11:20 pm
Mmmmh...
Vas por el buen camino, pero te queda un retoque...
No necesitas usar los "|"
Lo que se suele (debe) hacer, es poner los links en una lista desordenada (<ul>), y luego formatearla mediante CSS.
Al respecto, te aconsejo leas este manual, verás qué útil.

Para ello, no es necesario el "line-height", sino que lo más usual, es ponerle "padding" al <div>, de manera que controlarás esos "márgenes internos" de manera más precisa.

Para el formateo de los estados de los enlaces... en tu ejemplo (y teniendo en cuenta lo que indica slash), sería:
.Menunavegador a:link {}
.Menunavegador a:hover {}
.Menunavegador a:visited {}
.Menunavegador a:active {}
Encontrarás más info sobre cómo poner los selectores CSS, aquí.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 15 Jul 2008 11:29 pm
Rizome, al hilo de la segunda consulta...

Si en la hoja de estilo creas un...

.algo a:hover {} Ese a:hover, ¿Sólo se aplica a .algo?

Por slash

2 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 16 Jul 2008 12:37 am
Sin acritud...
Si hubieras leído (con calma) la documentación que te puse, habrías visto:
e f -> Cualquier <f> que esté incluido en <e> -> Ejemplos: <e>...<d>...<f/>...</d>...</e>
Es decir... que el selector " " (espacio en blanco), indica que el estilo se aplicará a todos los <f>, que sean descendientes (hijos directos, o nietos, o tataranietos...) de <e>.

algo a:hover {}
Por ello, si "<e>", es ".algo"; y "<f>", es "a:hover", pues se aplicará a todos los enlaces (<a>), que estén dentro de (o dentro de otro, que está dentro de él... o...) un elemento con clase "algo", cuando pases sobre ellos.


Suerte.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 16 Jul 2008 10:19 am
Muchas gracias Rizome. La próxima vez leeré a fondo antes de preguntar :)

Por slash

2 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 16 Jul 2008 02:12 pm
Y aquí nos encontrarás para ayudar en lo que podamos.

Saludos, y Bienvenido.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 17 Jul 2008 06:06 pm
Chicos, muchas gracias.
Ahora, una consulta, porque sigo con dudas respecto de si tengo que crear los a:link, hover, visited, separados o si tengo que crearlos junto con .Menunavegador, eso no entiendo, y otra cosa, si quiero tener dos juegos de selectores iguales pero con distintos colores por ejemplo, como resuelvo eso? a:link 2 ???

Espero no ser pesado, gracias.

Por El Ruso Loco

85 de clabLevel



Genero:Masculino  

Avellaneda. Bs As.

firefox
Citar            
MensajeEscrito el 17 Jul 2008 06:43 pm
Te aconsejo que te revises tutoriales de CSS (este, por ejemplo), pues no es conveniente que te hagamos todo el trabajo.
Imagino que lo entenderás.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.