Foros del Web » Creando para Internet » CSS »

Urgente !!!! Problemas con CSS

Estas en el tema de Urgente !!!! Problemas con CSS en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/08/2009, 15:26
 
Fecha de Ingreso: junio-2009
Mensajes: 26
Antigüedad: 8 años, 5 meses
Puntos: 0
Urgente !!!! Problemas con CSS

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
  #2 (permalink)  
Antiguo 27/08/2009, 15:31
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Urgente !!!! Problemas con CSS

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?
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 27/08/2009, 15:34
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Urgente !!!! Problemas con CSS

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.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 27/08/2009, 15:41
 
Fecha de Ingreso: junio-2009
Mensajes: 26
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Urgente !!!! Problemas con CSS

agencialuzverde.com/decode/servicios.html
  #5 (permalink)  
Antiguo 27/08/2009, 15:42
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Urgente !!!! Problemas con CSS

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.
__________________
twitter: @imbuzu

Última edición por buzu; 27/08/2009 a las 16:59
  #6 (permalink)  
Antiguo 27/08/2009, 15:47
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Urgente !!!! Problemas con CSS

el problema es que has puesto las clases al revés en el segundo enlace:
Código html:
Ver original
  1. <td class="botonerappal" valign="middle" align="right">
  2. <a class="vinculos" target="_self" href="index.html">Empresa</a>
  3. </td>
  4. <td width="15"/>



Código html:
Ver original
  1. <td class="vinculos" valign="middle" align="right">
  2. <a class="botonerappal" href="#">Servicios</a>
  3. </td>
  4. <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"...
__________________
twitter: @imbuzu
  #7 (permalink)  
Antiguo 27/08/2009, 16:00
 
Fecha de Ingreso: junio-2009
Mensajes: 26
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Urgente !!!! Problemas con CSS

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>
  #8 (permalink)  
Antiguo 27/08/2009, 16:08
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Urgente !!!! Problemas con CSS

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

Código html:
Ver original
  1. <body bgcolor="#C3C3C3" onload="MM_preloadImages('imagenes/presu_b.jpg')">
  2. <table width="745" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  3.   <tr bgcolor="#FFFFFF">
  4.  
  5.     <td><table width="745" border="0" cellspacing="0" cellpadding="0">
  6.       <tr>
  7.         <td width="515" height="110" align="right" valign="middle" background="imagenes/encabezado.jpg"><table width="100" border="0" cellspacing="0" cellpadding="0">
  8.           <tr>
  9.             <td align="right" valign="middle" class="botonerappal"><a href="index.html" target="_self" class="vinculos">Empresa</a></td>
  10.             <td width="15"></td>
  11.           </tr>
  12.           <tr>
  13.  
  14.             <td align="right" valign="middle" class="vinculos"><a href="#" class="botonerappal">Servicios</a></td>
  15.             <td width="15"></td>
  16.           </tr>
  17.           <tr>
  18.             <td align="right" valign="middle" class="botonerappal"><a href="tecno.html" class="vinculos">Tecnología</a></td>
  19.             <td width="15"></td>
  20.           </tr>
  21.           <tr>
  22.  
  23.             <td align="right" valign="middle" class="botonerappal"><a href="#" class="vinculos">Capacitación</a></td>
  24.             <td width="15"></td>
  25.           </tr>
  26.           <tr>
  27.             <td align="right" valign="middle" class="botonerappal"><a href="#" class="vinculos">Contacto</a></td>
  28.             <td width="15"></td>
  29.           </tr>
  30.         </table></td>

Fíjate en la linea 14.
__________________
twitter: @imbuzu
  #9 (permalink)  
Antiguo 27/08/2009, 16:39
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Urgente !!!! Problemas con CSS

Cita:
Iniciado por buzu Ver Mensaje
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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #10 (permalink)  
Antiguo 27/08/2009, 16:58
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Urgente !!!! Problemas con CSS

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

Saludos.
__________________
twitter: @imbuzu
  #11 (permalink)  
Antiguo 28/08/2009, 13:00
 
Fecha de Ingreso: junio-2009
Mensajes: 26
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Urgente !!!! Problemas con CSS

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.
  #12 (permalink)  
Antiguo 28/08/2009, 16:02
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Urgente !!!! Problemas con CSS

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.
__________________
twitter: @imbuzu
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:31.