Diseño Web /

[CSS] Ayuda con css

Participa en el tema [CSS] Ayuda con css en el foro Diseño Web.
Hola gente, este es el primer sitio que realizo completamente con css y divs y ...

Buscar en este tema:
 
  •  
    #1 [CSS] Ayuda con css
    Hola gente, este es el primer sitio que realizo completamente con css y divs y el problema/duda que tengo es el/la siguiente: en la columna derecha de la web puse unos links: "Leer mas ..." como podran observar funcionan como un bloque o sea que si paso el cursor por la izquierda del texto tambien es un link, alguien me da una mano para ver como puedo hacer eso sin que me quede ese bloque y de paso acepto criticas del site. Desde ya Muchas Gracias
    El sitio Aquí
    Aca va el css:

    Código:
    #contenido #colder a:link {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #000000;
     text-decoration: none;
     text-align: right;
     padding-right: 5px;
     display: block;
    }
    #contenido #colder a:visited {
     color: #279B00;
     text-decoration: none;
     padding-right: 5px;
     font-size: 12px;
     font-family: Arial, Helvetica, sans-serif;
     text-align: right;
     display: block;
    }
    #contenido #colder a:hover {
     color: #33CA00;
     text-decoration: underline;
     padding-right: 5px;
     font-size: 12px;
     text-align: right;
     display: block;
    }
    #contenido #colder a:active {
     color: #269700;
     text-decoration: none;
     padding-right: 5px;
     font-size: 12px;
     font-family: Arial, Helvetica, sans-serif;
     text-align: right;
     display: block;
    
    Nota: los hice con display block aproposito porque no se como hacerlos sin eso
    Editado por franch47 - 13.09.2008 12:48 hs. | Motivo: Me olvide el link al site
    +
     
    0
    Me gusta
     
    | Más
  • #2 Re: Ayuda con css

    ¡Simple! ¡Quita el display:block!

    ¿Te puedo pedir algo? Mira, yo he estado escribiendo una especie de manual de CSS en español en mi web, pero está incompleto. ¿Podrías verlo y decirme por dónde lo puedo mejorar o continuar? Comienza aquí:

    ¿Qué es CSS?
    Me gusta este mensaje
  • #3 Re: Ayuda con css

    HOla, Gracias por la respuesta, es que si quito el display block no se me muestra a la derecha como quiero.
    PD: El manual esta bueno pero es como para principiante (gente como yo), trataria de agregarle la imagen del modelo de cajas asi se entiende mejor (porque a mi entender es bastante dificil) y tambien agregaria la explicacion del float y positioning
    Me gusta este mensaje
  • #4 Re: Ayuda con css

    OK, trataré de hacer eso en las próximas actualizaciones de la revista.

    Sobre lo tuyo, si no manda el texto a la derecha quitando el display:block, significa que el elemento "papá" lo está tirando a la derecha. Prueba esto:

    Código:
    a {text-align: right}
    a:hover,a:visited {los demás cambios}
    
    Me dices si ayuda

    En general, no neceistas repetir los códigos CSS en cada instrucción. Se heredan, por eso es "Cascade", en cascada.
    Me gusta este mensaje


Estadísticas del tema
  • 3 RESPUESTAS
  • 153 VISTAS
  • 2 USUARIOS RESPONDIERON
 
Ir arriba
Contacto | Acerca de | Ayuda | Términos Legales | privacidad | Pautas de convivencia | Mapa de los foros | TrabajÁ con nosotros
©2008 Psicofxp.com S.A. - Todos los derechos reservados
Certifica IAB