Hola! estoy trabajando en un tema de wordpress para la web de mi empresa.
Tengo una capa con los posts en Horizontal, y quiero para darle el efecto de "fade in" colocar una capa con 100% de alto y unos 200 de ancho que contenga un PNG de negro a transparente, al moverse los posts dará el susodicho efecto de fade in.
He intentado
Código HTML:
#oscurito { position:absolute; width:200px; height:100%; top:34px; border:1px solid #fff; BACKGROUND-COLOR:#00CC00; color:#09C; z-index:2000;}
Y distitas variaciones con left:500px, etc, pero SIEMPRE me pone un recuadro 100% width x 100% height.
en el index.php tengo como primera capa esa que me da problemas
Código HTML:
<DIV class=oscurito>
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...
</DIV>
He intentado mil variaciones, leido y nada, no se porque no funciona. Si alguno puede echar un cable, estaré muy agradecido.
La web en pruebas:
http://www.wakkos.es
el CSS:
http://wakkos.es/wp-content/themes/cool/style.css
El index:
http://wakkos.es/codigo.php?uri=wp-c...cool/index.php
El header:
http://wakkos.es/codigo.php?uri=wp-c...ool/header.php
Y si necesitáis ver cualquier otro archivo, usad el archivo codigo.php?uri=*url archivo*
Gracias de antemano.