Tema: No se ve la marquesina
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/10/2010, 12:55
Avatar de el_cesar
el_cesar
 
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 8 meses
Puntos: 20
Respuesta: No se ve la marquesina
esta es mi hoja de estilos

Código CSS: 
Ver original
  1. body {
  2.     background-color: dfdfdf;
  3.     text-align:center;
  4. }
  5.  
  6. #fondo_foto {
  7.     width:800px;
  8.     height:598px;
  9.     background-image:url(../images/fondoweb.jpg);
  10.     margin:0 auto 0 auto; width:800px; 
  11. }
  12. .alpha {
  13.     position:relative;
  14.     width:743px;
  15.     height:445px;
  16.     background-image:url(../images/alpha.jpg);
  17.     margin: 0 auto 0 auto; width:743px;
  18.     top: 60px;
  19.     opacity: 0.5;  
  20.     -moz-opacity: 0.5;  
  21.     filter: alpha(opacity=50);
  22. }
  23. .contenedor {
  24.     position:absolute;
  25.     width: 743px;
  26.     height: 445px;
  27.     margin: 0 auto 0 auto; with: 743px;
  28.     top: 80px;
  29.     z-index:1;
  30. }
  31. .logo {
  32.     position:relative;
  33.     width:162px;
  34.     height:86px;
  35.     background-image:url(../images/logo_up.png);
  36.     z-index:2;
  37.     left: 60px;
  38. }
  39. .barra {
  40.     position:relative;
  41.     width:729px;
  42.     height:24px;
  43.     background-image:url(../images/barra.png);
  44.     left: 43px;
  45.     top: -20px;
  46. }
  47. .menu {
  48.     position:relative;
  49.     width: 400px;
  50.     font-family:Verdana, Arial, Helvetica, sans-serif;
  51.     font-size:12px;
  52.     color:#FFFFFF;
  53.     font-weight:bold;
  54.     left:450px;
  55.     top: -20px;
  56. }
  57. A:link {
  58.     color:#FFFFFF;
  59.     text-decoration:none;
  60. }
  61. A:visited {
  62.     color:#CC0000;
  63. }
  64. A:hover {
  65.     text-decoration:underline;
  66.     color:#0000FF;
  67. }
  68. .texto { 
  69.     position:relative;
  70.     width:565px;
  71.     height: 109px;
  72.     background-image:url(../images/texto.png);
  73.     left: 190px;
  74. }
  75. .maestro {
  76.     position:relative;
  77.     width: 228px;
  78.     height:314px;
  79.     background-image:url(../images/maestro.png);
  80.     top:-114px;
  81. }
  82. .marq_up {
  83.     position:relative;
  84.     width:750px;
  85.     height:24px;
  86.     background-image:url(../images/marq_up.png);
  87.     top:-280px;
  88.     left: 20px;
  89. }
  90. .marq_left {
  91.     position:relative;
  92.     width:29px;
  93.     height:81px;
  94.     background-image:url(../images/marq_left.png);
  95.     top:-280px;
  96.     left:21px;
  97. }
  98. .marq_center {
  99.     position:relative;
  100.     width:689px;
  101.     height:81px;
  102.     background-color:#FFFFFF;
  103.     top:-361px;
  104.     left:50px;
  105. }
  106. .marq_right {
  107.     position:relative;
  108.     width:31px;
  109.     height:82px;
  110.     background-image:url(../images/marq_right.png);
  111.     top:-443px;
  112.     left:739px;
  113. }
  114. .marq_down {
  115.     position:relative;
  116.     width:750px;
  117.     height:27px;
  118.     background-image:url(../images/marq_down.png);
  119.     top:-443px;
  120.     left:20px;
  121. }
  122. ul {
  123.     padding-left: 0px;
  124.     margin-left: 0px;
  125.     list-style-type: none;
  126.     text-align:left;
  127. }
  128. .footer1{
  129.     position:relative;
  130.     font-family:Arial, Helvetica, sans-serif;
  131.     font-size:11px;
  132.     color:#000000;
  133.     top: -420px;
  134.     left: 50px;
  135. }    
  136. .footer2 { 
  137.     position:relative;
  138.     width:99px;
  139.     height:53px;
  140.     background-image:url(../images/logo_down.png);
  141.     top: -480px;
  142.     left: 620px;
  143.     
  144. }
__________________
Say no more.......