clase en css

[diapocharacter]

hola muy buenas a todos, tengo un pequeño problema con una clase en css.
me explico

Código HTML:

<a href="no-lose.swf">Through the Looking Glass</a> 

esto es el css que tengo

Código HTML:

a:hover {
	color: #98CC00;
}
a {
	color: #990000;
}

todo eso bien pero lo que quiero es que este otro codigo

Código HTML:

<div class="rss"><a type="application/rss+xml" href= "ecobreve.rss">
<img src="128px-Feed-icon_svg.png" width="12" height="12">
</a></div> 

no se refleje las propiedades que tiene el anterior . que es lo que tengo que hacer

[daPhyre]

Intenta hacerlo así:

Código:

a img{
color:#000;
}

El otras palabras, sobreescribir el código de las imagenes con link con lo que deseas. Suerte!

[diapocharacter]

no te entiendo lo que dices pero yo me voy a explicar mejor.

le he dados a todas la viculaciones un clase pero quiero que otras viculaciones no cojan esa clase algo de ayuda gracias.

[daPhyre]

Pues no veo que clase estás usando, aunque usar clases sería la mejor solución posible:

Código HTML:

<a href="no-lose.swf" class="clase">Through the Looking Glass</a> 

Código:

a.clase {
	color: #990000;
}
a:hover.clase {
	color: #98CC00;
}

Y obviamente, no ponerle la clase a los links que no deseas. Espero esto sea lo que necesitas. Suerte!

[diapocharacter]

hola quiero que alguien me pueda diferenciar en css entre un

clase: Puede aplicarse a cualquier etiqueta

etiqueta: Define de nuevo el aspecto de una etiqueta esfecifica

avanzadas: ID, Selectores Contextuales, etc


esto es lo que te explica dreamwaver.
pero mi ploble es que no se cuan aplicar un casa u otra. ne cesito ayuda

[diapocharacter]

la clase se lo estoy dando a todas las

Código HTML:

<a href=""></a> 

me pillas gracias si te enteras de algo comentamelo muchas gracias

[daPhyre]

Ejemplos de:

Etiqueta:

Código:

p{
  color:#00f;
}

Con esto, todo lo que encierres en p será azul. Ejemplo:

Código HTML:

<p>Esta sección está en azul</p> 

Identificador:

Código:

#titulo{
  color:#f00;
  text-align:center;
}

Con esto, asignarás estas propiedades a cualquier objeto que tenga id="titulo". Solo puedes usar un id con ese nombre, pues es su identificador único (Bueno para identificar el area del título, el pie de pagina, etc, y darle efectos personalizados, así como controlarlos desde otros como JavaScript). Ejemplo:

Código HTML:

<div id="titulo">
Esta es el area del título.<br/>
Está centrado y en color rojo.
</div> 

Clase:

Código:

.azulynegro{
  color:#00f;
  background-color:#000;
}

Similar al identificador, pero lo puedes usar en varios objetos en tu página; por supuesto, al no se únicos, no puedes controlarlos como identidades únicas con JS u otros. Ejemplo:

Código HTML:

<p class="azulynegro">Este parrafo tiene fondo negro y texto azul</p>
<p>Esta sección no lo tiene, <span class="azulynegro">pero esta sección si.</span></p> 

Si deseas, copia estos en un HTML para que los veas de forma visual y te sean más ilustrativos los ejemplos. Espero con esto ya hayas comprendido los casos y puedas aplicarlos a tu gusto. ¡Mucha suerte y felicidad! ;)

[daPhyre]

Iniciado por diapocharacter

la clase se lo estoy dando a todas las

Código HTML:

<a href=""></a> 

me pillas gracias si te enteras de algo comentamelo muchas gracias

PD: Esto que usas ahi es una etiqueta, no una clase. Si aun tienes dudas o problemas con algo, avisanos para ayudarte. Suerte!

[Mikmoro]

Una cosa muy práctica es usar la procedencia, es decir, que afecte sólo a los elementos que estén dentro de uno determinado. Así por ejemplo:

#menu a {color: #f00;}
#texto a {color: #000;}

<div id="menu"><a href="#">Inicio</a></div>
<div id="texto"><a href="#">Un texto</a></div>

donde la palabra "Inicio" del primer enlace será roja, y la palabra "Un texto" del segundo será negra.

Mikel.

[daPhyre]

Iniciado por Mikmoro

Una cosa muy práctica es usar la procedencia, es decir, que afecte sólo a los elementos que estén dentro de uno determinado. Así por ejemplo:

#menu a {color: #f00;}
#texto a {color: #000;}

<div id="menu"><a href="#">Inicio</a></div>
<div id="texto"><a href="#">Un texto</a></div>

donde la palabra "Inicio" del primer enlace será roja, y la palabra "Un texto" del segundo será negra.

Mikel.

Muy buena sugerencia Mikel, pero por lo que veo el compañero apenas se inicia en CSS, quizá esto lo confunda más al pobre de lo que ya está (Esperemos que no).

Estaba a punto de recriminarte que no cerraste los divs (Cosa muy extraña de ti diría yo), pero ahora que lo estoy citando si se ven... ¿Error el el código del foro o que sucede? =P

Bueno, esperemos que le sirva igual.

[Panicav]

si entiendo tu problema creo que lo que necesitas es poder asignar distintos estilos a tus links, sin que ninguno de estos estilos afecte a otros links, no? si es asi colocalos de las siguiente manera.

a.est01:hover {
color: #98CC00;
}

donde est01 sera el nombre de tu estilo.

[Mikmoro]

Iniciado por daPhyre

Estaba a punto de recriminarte que no cerraste los divs (Cosa muy extraña de ti diría yo), pero ahora que lo estoy citando si se ven... ¿Error el el código del foro o que sucede?

Error de mi cerebro que se me olvidó y me dí cuenta al releerlo , y como no estaba Squizophrenia para estar en ello y darme el toque, casi se me cuela

Mikel.

[daPhyre]

Iniciado por Mikmoro

Error de mi cerebro que se me olvidó y me dí cuenta al releerlo , y como no estaba Squizophrenia para estar en ello y darme el toque, casi se me cuela

Mikel.

Eso explica por qué aparecieron de pronto "mágicamente" ...

Iniciado por Panicav

si entiendo tu problema creo que lo que necesitas es poder asignar distintos estilos a tus links, sin que ninguno de estos estilos afecte a otros links, no? si es asi colocalos de las siguiente manera.

a.est01:hover {
color: #98CC00;
}

donde est01 sera el nombre de tu estilo.

Si no mal recuerdo, se recomienta no poner números a las clases, creo que hay un problema por ahi, pero no recuerdo exactamente con qué... (Creo que eran o los servidores linux, o quizá algún explorador especial...)

Por eso yo nos los uso. Creanme que es dificil dar ejemplos sin poder poner ".clase1" x_x'... tanto "clase" como "clasea" dan confusiones...

[diapocharacter]

hola a todos lo he solucionado con el ID y le he dado un clase en especifico a ese ID , si se lo que es css y dar una clase pero hay cosa que se me escapan. muchas gracias a todos , pero lo explicare mejor con un ejemplo.


este es la solucion

Código HTML:

<a href="f_enlacesgaleria.jpg"><img  id="pequeño"class="foto"src="foto_02.jpg" alt="rabbit" title="" /></a> 

en css

Código HTML:

#pequeño {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

ok con esto no me hereda las clase que le tenia a todas las <a>

que el codigo en css es

Código HTML:

a {
	text-decoration: none;
	color: #990000;
}
a:hover {text-decoration: none}

gracias a todos y esto si me funciona no se si me exlicado .

[Mikmoro]

Bueno, en este ejemplo no te hereda porque no tiene mucho que heredar La imagen no va a heredar el color de texto.

No es la mejor manera, pero si te ha funcionado ha habido suerte.

Mikel.

[daPhyre]

¡Ya he comprendido! Lo que querías es que las imagenes no tuvieran el maligno borde que se le pone cuando son links, ¿no es cierto? Bueno, para eso hay una forma más sencilla:

Código:

a img{
  border-style: none;
}

Así no debes ponerle el estilo a cada lado, esto te lo hace automático para los cuatro. Personalmente prefiero el "border:0;" o "border:none;", pero si te acomodas más con el "border-style", no hay problema. Tambien toma en cuenta que con este último, no tendrás que poner la clase a cada imagen que no quieras que tenga el borde... (Espero no haya puesto el id a más de una imagen, que eso no es permitido)

Por cierto Mikel, la imagen si hereda el color de texto de la ancla; cuando no se encuentra la imagen, el texto "Alt" aparece del color de esta última...

Suerte!!

[Mikmoro]

Iniciado por daPhyre

Por cierto Mikel, la imagen si hereda el color de texto de la ancla; cuando no se encuentra la imagen, el texto "Alt" aparece del color de esta última...

Suerte!!

Claro.

Mikel.