Foros del Web » Creando para Internet » CSS »

Ayuda urgente... CSS

Estas en el tema de Ayuda urgente... CSS en el foro de CSS en Foros del Web. Hola necesito urgente ayuda! Tengo el siguiente css Código HTML: <style type= "text/css" media= "all" > * { margin:0px; padding:0px; } html,body { font-family:"Arial", Helvetica, ...
  #1 (permalink)  
Antiguo 06/08/2009, 14:53
Avatar de pyroCL  
Fecha de Ingreso: marzo-2009
Ubicación: C#
Mensajes: 261
Antigüedad: 15 años
Puntos: 2
Ayuda urgente... CSS

Hola necesito urgente ayuda!

Tengo el siguiente css

Código HTML:
<style type="text/css" media="all" >
        
        *
        {
        	margin:0px;
        	padding:0px;
        }       
        html,body
        {
        	font-family:"Arial", Helvetica, sans-serif;
        	font-size:10px;
        	background-position:left;
        	background-image:url('../imagenes/bg.jpg');
        	background-repeat:repeat;
        }
               
        #contenedor
        {
        	width:800px;
            height:500px;
            text-align:center;
            top:50%;
            left:50%;
            margin-top: -250px; 
            margin-left: -400px;
            position:absolute;
        }
        
        #principal
        {
        	width:717px;
        	height:500px;
        	margin-left:40px;
        	margin-right:40px;
        	background-image: url("fondoPrincipal.png") !important;
	        background-image: none; 
	        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/fondoPrincipal.png') !important;
        	background-repeat:no-repeat;
        	
        }
        
        #contenidoPrincipal
        {
        	width:710px;
        	height:493px;
        	background-color:Transparent;
        	float:left;
        	
        }
        
        #principalIzquierda
        {
        	width:710px;
        	height:400px;
        }
        
        #cabeza
        {
        	border-bottom: 3px solid #CFE2EF;
            width:529px;
        	height:50px;
        	vertical-align:middle;
        	float:right;
        	text-align:left;
        }
        
        #pie
        {
        	width:553px;
        	height:50px;
        	float:left;
        	margin-bottom:0px;
        	
        }
        
        #logo1
        {
            width:151px;
	        height:177px;
	        background-image: url("logo1.png") !important;
	        background-image: none; 
	        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/logo1.png') !important;
	        position:relative;
        	background-repeat:no-repeat;
            top: -49px;
            left: 23px;
        }
      
        #logo2
        {
        	width:160px;
        	height:43px;
        	float:left;
        	background-image: url("logo2.png") !important;
	        background-image: none; 
	        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/logo2.png') !important;
	        margin-left:7px;
        	text-align:center;
            float:left;
            
        }
        #ContienePD
        {
        	background-color:#E4EFF6;
            width: 736px;
            height: 541px;
            float:left;
            
        }
        
            
        .style1
        {
            font-size: small;
            font-family: "Times New Roman", Times, serif;
            font-weight: bold;
        }
                
       
    </style> 
El cual ocupo asi:

Código HTML:
<body >
<form id="form1" runat="server" >
   
  <div id="contenedor">
    <div id="principal">
    
        <div id="contenidoPrincipal">
        <div id="logo2"></div>
        <div id="cabeza">
            <br />
            <span class="style1">&nbsp;&nbsp; SISTEMA DE ADMINISTRACIÓN DE CAPACITACIONES<br />
 </span></div>
        
        
        
        <div id="principalIzquierda">
            <asp:ContentPlaceHolder ID="ContenedorPrincipal" runat="server">
            </asp:ContentPlaceHolder>
              
        </div>
        
        <div id="pie">
            <asp:ContentPlaceHolder ID="ContenedorPie" runat="server">
            </asp:ContentPlaceHolder>
            
            
            
          
        </div>
        <div id="logo1"></div>
        </div>
    </div>
 </div>
 
        
</form>     
   
</body> 
El problema que tengo es que ninguno de los controles asp que estan encima de la imagen principal se pueden utilizar al momento de hacer andar la página...
Están como bloqueados....

Por esto es que pido su ayuda... Que puede ser, como lo puedo arreglar?

Estoy desesperado , por favor ayudenme... (Subiría una imágen pero no se como)

Saludos!

Edito: O por último como puedo hacer para ponerle un color de fondo solamente a la div y que esta no se agrande, es decir que al hacerlo correr mantenga el tamño que yo le estoy dando, ya que cuando le pongo un color de fondo a la div principal, se agranda y no mantiene el tamaño que yo le doy...

Por cualquiera de las dos preguntas agradecería una respuesta...

Saludos Gracias!
__________________
La verdadera sabiduría está en reconocer la propia ignorancia.

Última edición por pyroCL; 06/08/2009 a las 15:13
  #2 (permalink)  
Antiguo 07/08/2009, 12:12
Avatar de pyroCL  
Fecha de Ingreso: marzo-2009
Ubicación: C#
Mensajes: 261
Antigüedad: 15 años
Puntos: 2
Respuesta: Ayuda urgente... CSS

Nadie sabe porque puede pasar eso con los png????

O nadie quiere responder???? Muchos de ustedes saben demasiado sobre CSS y porque nadie responde????


Saludos y Gracias por nada!
__________________
La verdadera sabiduría está en reconocer la propia ignorancia.
  #3 (permalink)  
Antiguo 07/08/2009, 12:26
Avatar de NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 18 años, 4 meses
Puntos: 890
Respuesta: Ayuda urgente... CSS

Cita:
Nadie sabe porque puede pasar eso con los png????

O nadie quiere responder???? Muchos de ustedes saben demasiado sobre CSS y porque nadie responde????


Saludos y Gracias por nada!
XD pero niño con esa actitud mucho menos te van a responder, es un foro colaborativo no una seccion de ayuda obligatoria, aca el que puede o sabe responde(y si tiene ganas) si quieres ayuda pronta y rápida, paga como lo hace la mayoría en tu situación.

PD: Entre con ganas de ayudar, pero al ver tu segundo mensaje, lo pense dos veces y mejor me lo reservo para otro día.
__________________
Drupal Argentina
  #4 (permalink)  
Antiguo 07/08/2009, 13:58
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 8 meses
Puntos: 137
Respuesta: Ayuda urgente... CSS

no se entiende nada... lo que quieres, y la verdad ahora me la suda un pokito, por la manera en que te expresaste. igual esto de
"Ayuda urgente... CSS"
como que no dice nada... se mas especifico
y lo del png hasta el momento no conosco ningun hack efectivo... bueno solo uno con jquery pero nada mas chao y suerte... y mas ayuda no creo que te den
  #5 (permalink)  
Antiguo 07/08/2009, 14:39
 
Fecha de Ingreso: febrero-2008
Mensajes: 23
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Ayuda urgente... CSS

si no me equivoco->

en #contenedor añade z-index:10; y en #principal añade z-index:0;

estas colocando la capa contenedor por debajo de principal y bloqueas (tapas) los controles.

busca info sobre z-index y no te kedes solo con la solucion.

saludos.
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 15:40.