Urgente !!!! Problemas con CSS

comacuatro · #1 (**permalink**) 27/08/2009, 14:26

Hola gente, tengo un problema con un sitio, es algo simple pero me esta volviendo loco.
El tema es el siguiente, tengo una botonera en la cabecera de la pagina, la cual mediante CSS le doy las propiedades de boton, el codigo utilizado es el siguiente
EL CSS:

.vinculos:link{ font:Arial, Helvetica, sans-serif; display:block; background-color: #333; font-weight:bold; color:#FFF;
font-size:7pt;height:12pt; vertical-align:middle; text-decoration:none; padding-right:15pt; }

.vinculos:hover{ font:Arial, Helvetica, sans-serif; display:block; background-color:#01662C; font-weight:bold; color:#CCC;
font-size:7pt; vertical-align:middle; text-decoration:none; height:12pt; padding-right:15pt; }

.vinculos:visited{ font:Arial, Helvetica, sans-serif; display:block; background-color:#930; font-weight:bold; color:#CCC;
font-size:7pt; vertical-align:middle; text-decoration:none; height:12pt; padding-right:15pt; }

Y el problema que me tira es que los dos primeros botones me los pone de un color y el resto del color que realmente va.
Y no entiendo por que me hace eso.

Gracias

Daniel Ulczyk · #2 (**permalink**) 27/08/2009, 14:31

Hola *comacuatro*

Así como lo ponés, sólo esa porción de CSS, la cosa está tan fuera de contexto que no habrá una opinión válida...

¿Existe una URL donde podamos ver como va la cosa, (X)HTML + CSS?

kseso? · #3 (**permalink**) 27/08/2009, 14:34

Totalmente compartida la opinión de Daniel.
Y mientras tanto, recuerda que para que se apliquen los estilos a los enlaces la definición es:
.vinculos a {...}
.vinculos a:visited {...}
.vinculos a:hover {...}
.vinculos a:active {...}

Y en ese orden.

comacuatro · #4 (**permalink**) 27/08/2009, 14:41

agencialuzverde.com/decode/servicios.html

buzu · #5 (**permalink**) 27/08/2009, 14:42

de hecho todo depende. Si los enlaces son de la siguiente forma:

<a href="" class="vinculos"></a>

Entonces está bien como lo tiene el chaval, pero si tenemos algo como:

<li class="vinculos">
<a> </a>
</li>

Entonces tu recomendación es completamente valida Kseso?

También creo que con la información brindada es poco probable que alguien pueda dar una respuesta acertada.

buzu · #6 (**permalink**) 27/08/2009, 14:47

el problema es que has puesto las clases al revés en el segundo enlace:

Código html:

Ver original<td class="botonerappal" valign="middle" align="right">
<a class="vinculos" target="_self" href="index.html">Empresa</a>
</td>
<td width="15"/>

Código html:

Ver original<td class="vinculos" valign="middle" align="right">
<a class="botonerappal" href="#">Servicios</a>
</td>
<td width="15"/>

El primer cuadro de código es como están todos los enlaces, excepto el segundo, que se está como el segundo cuadro de código. Fíjate que <td class="vinculos"... debería ser <td class="botonerappal"... y <a class="botonerappa"... debería ser <a class="vinculos"...

comacuatro · #7 (**permalink**) 27/08/2009, 15:00

el codigo esta puesto de la siguiente manera, no encuentro lo que me decis:

<td align="right" valign="middle" class="botonerappal"><a href="index.html" target="_self" class="vinculos">Empresa</a></td>
</tr>
<tr>
<td align="right" valign="middle" class="barra_activado"><span class="barra_activado">Servicios</span></td>
</tr>
<tr>
<td align="right" valign="middle" class="botonerappal"><a href="tecno.html" class="vinculos">Tecnología</a></td>
</tr>
<tr>
<td align="right" valign="middle" class="botonerappal"><a href="#" class="vinculos">Capacitación</a></td>
</tr>
<tr>
<td align="right" valign="middle" class="botonerappal"><a href="#" class="vinculos">Contacto</a></td>
</tr>

buzu · #8 (**permalink**) 27/08/2009, 15:08

No pues yo creo que estamos viendo a documentos diferentes por que esto es lo que yo veo:

Código html:

Ver original<body bgcolor="#C3C3C3" onload="MM_preloadImages('imagenes/presu_b.jpg')">
<table width="745" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#FFFFFF">
 
    <td><table width="745" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="515" height="110" align="right" valign="middle" background="imagenes/encabezado.jpg"><table width="100" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right" valign="middle" class="botonerappal"><a href="index.html" target="_self" class="vinculos">Empresa</a></td>
            <td width="15"></td>
          </tr>
          <tr>
 
            <td align="right" valign="middle" class="vinculos"><a href="#" class="botonerappal">Servicios</a></td>
            <td width="15"></td>
          </tr>
          <tr>
            <td align="right" valign="middle" class="botonerappal"><a href="tecno.html" class="vinculos">Tecnología</a></td>
            <td width="15"></td>
          </tr>
          <tr>
 
            <td align="right" valign="middle" class="botonerappal"><a href="#" class="vinculos">Capacitación</a></td>
            <td width="15"></td>
          </tr>
          <tr>
            <td align="right" valign="middle" class="botonerappal"><a href="#" class="vinculos">Contacto</a></td>
            <td width="15"></td>
          </tr>
        </table></td>

Fíjate en la linea 14.

kseso? · #9 (**permalink**) 27/08/2009, 15:39

Cita:

Iniciado por buzu

Bueno, solo con un error, has repetido visited, ademas has dejado un espacio entre la palabra, o mejor dicho el pseudo selector visited y los dos puntos. Probablemente quisiste decir :active.

Gracias por las correcciones Buzu, pero deberías fijarte una vez publicado tu comentario por si acaso mientras tú escribías las correcciones el lapsus fue advertido y ya corregido para hacer tú lo mismo.

Un saludo

buzu · #10 (**permalink**) 27/08/2009, 15:58

ok, veo que ya lo has corregido... Ya corrijo mi mensaje...

Saludos.

comacuatro · #11 (**permalink**) 28/08/2009, 12:00

No, cuando veo el codigo es como lo subi antes...
ahora lo que hice fue sacarle al css el visited, por que pense que por ahi era un tema de vinculo ya visitado pero sigue poniendolo diferente.

buzu · #12 (**permalink**) 28/08/2009, 15:02

pues definitivamente estamos viendo documentos diferentes. Por favor, que alguien que si vea el documento que dice el chico, que le eche la mano, por que yo veo otra cosa.