Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/04/2011, 10:47
Avatar de carlosmderio3
carlosmderio3
 
Fecha de Ingreso: marzo-2011
Ubicación: valencia
Mensajes: 67
Antigüedad: 13 años, 8 meses
Puntos: 0
Exclamación problema en IE pero bien en chrome jquery

Hola, tengo un problemita que con IE no me reconoce JQuerry.

quisiera que me den una mano con este código.

Código PHP:
<div id="page-wrap">
<
section class="slide-up-boxes">
<
a href="/?id=contacto">
<
h5>Contacta con nosotros!</h5>
<
div>Contacta con nuestro equipo de atención al cliente!</div>                
          </
a>

        </
section>
            
    </
div
aqui el .css
Código CSS:
Ver original
  1. * { margin: 0; padding: 0; }
  2.  
  3.  
  4. article, aside, figure, footer, header, hgroup,
  5. menu, nav, section { display: block; }
  6.  
  7. #page-wrap { width: 370px; margin: 60px auto; }
  8.  
  9. h1 { font: 32px Helvetica, Arial, Sans-Serif; margin: 0 0 20px 0; }
  10. p { margin: 0 0 20px 0; }
  11. a { text-decoration: none; }

aqui el css interno

Código CSS:
Ver original
  1. <style type="text/css">
  2. body {
  3.     background-color: #000;
  4. }
  5.         .slide-up-boxes a {
  6.             display: block;
  7.             height: 130px;
  8.             margin: 0 0 20px 0;
  9.             background: rgba(215, 215, 215, 0.5);
  10.             border: 1px solid #ccc;
  11.             height: 65px;
  12.             overflow: hidden;
  13.         }
  14.        
  15.         .slide-up-boxes h5 {
  16.             color: #333;
  17.             text-align: center;
  18.             height: 65px;
  19.             font: italic 18px/65px Georgia, Serif;  
  20.              opacity: 1;
  21.              -webkit-transition: all 0.2s linear;
  22.              -moz-transition: all 0.2s linear;
  23.              -o-transition: all 0.2s linear;
  24.         }
  25.        
  26.         .slide-up-boxes a:hover h5 {
  27.             margin-top: -65px;
  28.             opacity: 0;
  29.         }
  30.        
  31.         .slide-up-boxes div {
  32.             position: relative;
  33.             color: white;
  34.             font: 12px/15px Georgia, Serif;
  35.             height: 45px;
  36.             padding: 10px;
  37.             opacity: 0;
  38.             -webkit-transform: rotate(6deg);
  39.             -webkit-transition: all 0.4s linear;
  40.             -moz-transform: rotate(6deg);
  41.             -moz-transition: all 0.4s linear;
  42.             -o-transform: rotate(6deg);
  43.             -o-transition: all 0.4s linear;
  44.         }
  45.         .slide-up-boxes a:hover div {
  46.             opacity: 1;
  47.             -webkit-transform: rotate(0);
  48.             -moz-transform: rotate(0);
  49.             -o-transform: rotate(0);
  50.         }
  51.         .slide-up-boxes a:nth-child(1) div { background: #c73b1b url(images/wufoo.png) 17px 17px no-repeat; padding-left: 120px; }
  52.         .slide-up-boxes a:nth-child(2) div { background: #367db2 url(images/diw.png) 21px 10px no-repeat; padding-left: 90px; }
  53.         .slide-up-boxes a:nth-child(3) div { background: #393838 url(images/qod.png) 14px 16px no-repeat; padding-left: 133px; }
  54.     body,td,th {
  55.     color: #FFF;
  56. }
  57. </style>

bueno, espero de que me den una mano, estaré muy agradecido!
(Soy muy nuevo en esto y me cuesta demasiado).
Son unos Cracks!
__________________
Oir EuropaFM Valencia!