links y css

BBDD, SQL, ASP, Behaviours..

links y css

EntradaAutor: pablo Data: dg. nov. 12, 2006 1:01 am

cómo puedo hacer para que en un mismo html se vean dos o más links con fondos de color diferentes?

es decir
link1 con fondo rojo
link2 con fondo amarillo
link3 con fondo azul
y se supone que todos estan hipoteticamente en el mismo html

he utilizado css pero me asigna un tipo de comportamiento igual para toda la página.

debería usar varios css en una misma html o cómo se logra esto?
salut ?:-i
Avatar de l’usuari
pablo
mig pingu
mig pingu
 
Entrades: 10
Membre des de: dl. oct. 30, 2006 10:23 am
Ubicació: bcn

EntradaAutor: aquibcn Data: dg. nov. 12, 2006 3:23 pm

Hola pablo

debes asignar una clase por cada link diferente que quieras:

Creamos los estilos y las clases
Codi: Selecciona’ls tots
<head>
<style>
A /*estilo de link normal*/
{
color: blue;
}
.rojo /*fondo en rojo.*/
{
background-color: red;
}
.verde /*fondo en verde.*/
{
background-color: green;
}
.amarillo /*fondo en amarillo.*/
{
background-color: yellow;
}
.negro /*fondo en negro.*/
{
background-color: black;
}
</style>
</head>


Los asignamos a cada link
Codi: Selecciona’ls tots
<body>
<a href="www.url.com">Link normal</a><br>
<a href="www.url.com" class="rojo">Link con fondo rojo</a><br>
<a href="www.url.com" class="verde">Link con fondo verde</a><br>
<a href="www.url.com" class="amarillo">Link con fondo amarillo</a><br>
<a href="www.url.com" class="negro">Link con fondo negro</a>
</body>


Del mismo modo como sucede con los links en este caso, puedes asignar diferentes clases para todos los elementos HTML que quieras

Codi: Selecciona’ls tots
<body>
<table class="negro">
<tr>
<td class="rojo">Celda en rojo</td>
<td class="verde">Celda en verde</td>
<td class="amarillo">Celda en amarillo</td>
</tr>
</table>
</body>


Espero que esto te ayude

Suerte ;-)
Avatar de l’usuari
aquibcn
pingu expert
pingu expert
 
Entrades: 237
Membre des de: dv. jul. 04, 2003 9:42 am
Ubicació: Barcelona

EntradaAutor: pablo Data: dj. des. 07, 2006 6:20 pm

bueno aquí bcn

primero darte las gracias por toda la ayuda
si que funcionaron tus consejos ;-)

el problema es que en un mismo html
no me deja usar dos styles.css

por ejemplo
tengo estilo1.css y estilo2.css
en 1 puse tus recomendaciones y funcionó
en 2 puse otras caracterésticas como a:link y a:hover
con la intención de ser más dinámico pero no funcionó

o una de dos o dejo estilos1 o dejo estilos 2
pero el html no me reconoce los dos estilos cuando lo veo en el explorador

tienes otra recomendación? espero que sí!
y como siempre no sé si me explico
gracias mil ;-)
Avatar de l’usuari
pablo
mig pingu
mig pingu
 
Entrades: 10
Membre des de: dl. oct. 30, 2006 10:23 am
Ubicació: bcn


Torna a: ASP & Dreamweaver MX

Qui està connectat

Usuaris navegant en aquest fòrum: No hi ha cap usuari registrat i 3 visitants

cron