Comunidad de diseño web y desarrollo en internet online

Imagen de fondo en un div

Citar            
MensajeEscrito el 18 Jul 2006 05:26 pm
Buenas!...
Acá estoy peleando con CSS para que tome una imagen y la ponga de fondo en un div, que hasta donde tengo entendido es de la forma en que lo estoy haciendo, pero puede que haya algun error que no veo, y aquí estoy...
El código es el siguiente:

Código :

<HTML>
<HEAD>
<TITLE>Prospect</TITLE>
</HEAD>
<script language="javascript" src="script.js"></script>
<STYLE type="text/css">
<!--
#pagina{
   width: 850px;
   height: auto;
   margin: 0 auto 0 auto;
   background-color: #F7F7F7;
   border: 2px solid #888;
   padding:0;
}
#titulo{
   text-align:center;
}
   #titulo img{
      margin: 15px 0 10px 0;
   }
#marketing{
   border-top: 2px solid #067fb8;
   border-bottom: 2px solid #067fb8;
   text-align:center;
}
   #marketing img{
      margin: 5px 0 8px 0;
   }
#tapa{
   height:auto;
}
#tapa img{
   margin-left: 40px;
}
#footer{
   height: 176px;
   background-image: url(./Images/footer_back.jpg);
}
.bordes{
   height: 20px;
   border-top: 2px solid #666;
   border-bottom: 2px solid #666;
}
input{
   border: 1px solid #333;
}
.enviar{
   border:none;
}
-->
</STYLE>
<BODY>
<DIV id="pagina">
   <DIV id="titulo">
      <IMG src="./Images/formulario_prospect_02.jpg" alt="Prospect">
   </DIV>
   <DIV id="marketing">
      <IMG src="./Images/formulario_prospect_06.jpg" alt="">
   </DIV>   
   <DIV id="tapa">
      <TABLE>
         <TR>
            <TD>
               <IMG src="./Images/formulario_prospect_10.jpg" alt="" align="left">
            </TD>
            <TD>
               <P>&Uacute;NICA REVISTA DE:MARKETING FARMACEUTICO<BR/>
               PODR&Aacute;S ENCONTRAR ARTICULOS DE LAS PERSONAS REFERENTES<BR/>
               DE UNA DE LAS INDUSTRIAS MAS COMPETITIVAS DEL MUNDO<BR/></P>
            </TD>
         </TR>
      </TABLE>
   </DIV>
   <DIV class="bordes">
   </DIV>
   <DIV id="suscripcion">
      <TABLE>
         <TR>
            <TD>
               <IMG src="./Images/formulario_prospect_14.jpg" alt="" align="left">
            </TD>
            <TD>
               <P>ENVIANOS AL FAX: 011 4308 - 1920 EL FORMULARIO COMPLETO.<BR/>
               Y TE ESTAREMOS HACIENDO EL ENVIO DEL PRIMER EJEMPLAR.<BR/>
               EL MISMO SERA ABONADO CONTRA REEMBOLSO<BR/></P>
            </TD>
         </TR>
      </TABLE>
   </DIV>
   <DIV id="formulario">
       <TABLE align="center">
           <tr>
            <td height="359" colspan="2" valign="middle">
            
            <form id="form" name="form" method="post" action="procesar.php" onsubmit="return ValidarReg(this);">
              <table width="400" border="0" align="center" cellpadding="5" cellspacing="0">
               <tr>
                 <td width="65"><span class="negrita-10" style="MARGIN-BOTTOM: 0px">NOMBRE:</span></td>
                 <td colspan="3"><span style="MARGIN-BOTTOM: 0px">
                  <input name="nombre" type="text" size="70" maxlength="50"/>
         
                 </span></td>
               </tr>
               <tr>
                 <td><span class="negrita-10">APELLIDO:</span></td>
                 <td colspan="3"><input name="apellido" type="text" size="70" maxlength="50"/></td>
               </tr>
               <tr>
                 <td><span class="negrita-10">EMPRESA:</span></td>
         
                 <td colspan="3"><input name="empresa" type="text" size="70" maxlength="100"/></td>
               </tr>
               <tr>
                 <td><span class="negrita-10">CARGO:</span></td>
                 <td colspan="3"><input name="cargo" type="text" size="70" maxlength="100"/></td>
               </tr>
               <tr>
                 <td><span class="negrita-10">TEL:</span></td>
         
                 <td width="82" ><input name="telefono" type="text" size="20" onkeypress="soloNumerico()" maxlength="19"/></td>
                 <td width="69"><span class="negrita-10">E-MAIL:</span></td>
                 <td width="144" ><span class="negrita-10">
                  <input name="email" type="text" id="email" size="25" maxlength="150"/>
                 </span></td>
               </tr>
              </table>
              <br />
         
              <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
               <tr>
                 <td height="20" align="left" valign="top"><span class="lereas_rojas">DIRECCION DE RECEPCION </span></td>
               </tr>
              </table>
              <table width="400" border="0" align="center" cellpadding="5" cellspacing="0">
               <tr>
                 <td width="20%"><span class="negrita-10">CALLE:</span></td>
         
                 <td><input name="calle" type="text" size="35" />
                     <span class="negrita-10">N&deg;
                     <input name="numero" type="text" size="5" onkeypress="soloNumerico()" maxlength="8"/>
                       DTO
                       <input name="dto" type="text" size="1" maxlength="1"/>
                    </span></td>
               </tr>
               <tr>
                 <td><span class="negrita-10">LOCALIDAD:</span></td>
         
                 <td><input name="localidad" type="text" size="30" maxlength="20"/>
                     <span class="negrita-10">COD. POS:
                       <input name="cp" type="text" size="14" maxlength="11"/>
                    </span></td>
               </tr>
               <tr>
                 <td><span class="negrita-10">PAIS:</span></td>
                 <td><input name="pais" type="text" size="68" /></td>
               </tr>
              </table>
               </td>
           </tr>
      </TABLE>
   </DIV>
   <DIV id="footer">
         <INPUT type="submit" value="" class="enviar">
      </form>
   </DIV>
</DIV>
</BODY>
</HTML>


Bueno, espero puedan ayudarme... Muchas gracias desde ya!!

Pablo

Por _pablito_

Claber

190 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 18 Jul 2006 05:41 pm
Y la pregunta de el siglo es?? que demonios es eso qeu pusiste arriba?
O maquetas en tablas, que esta mal, o maquetas en css/xhtml, pero no puedes hacer eso.

Segunda, por el amor de dios dodne esta el DOCTYPE?.

Porfavor el codigo no va en mayusculas!!!!!!!!!!!!!!!!!!!!!!!!

Arghh!!1 :bofh: :bate:

Por Cep

BOFH

1509 de clabLevel

9 tutoriales

1 ejemplo

Genero:Masculino   REC Bastard Operators From Hell

Web Developer

firefox
Citar            
MensajeEscrito el 18 Jul 2006 05:48 pm
ok, de lo poco que se de CSS, puedo decir que tu código está en general muy desordenado, por lo que es complicado encontrar un error.

Por otro lado, podrías ser específico en cuanto a cuál div quieres que se vea la imágene de fondo, porque hasta donde tu lo tienes sólo el footer tiene dentro del estilo una imágen de fondo, es ese el que te está dando problemas? porque el resto las estás poniendo dentro de cuerpo del documento. Si es esa la imágen te sugiero que revises el nombre y la ruta porque el código si debe ser así.

Como comentarios parte: en serio, el código no está bien estructurado, estás metiendo tablas para maquetar junto con los divs, recuerda que las tablas son sólo para datos tabulados. Tienes muchos tags sin cerrar, los estilos no deberían estar dentro del documento sino en una hoja de estilos CSS, no deberías usar mayúsculas para los tags, te recomiendo que si en verdd quieres trabajar con CSS y XHTML empieces a leer tutoriales y empieces por lo básico.

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

 

firefox
Citar            
MensajeEscrito el 18 Jul 2006 06:20 pm
prueba quitando el punto y la digonal inicial

Por FeNtO

BOFH

5091 de clabLevel

18 tutoriales

1 ejemplo

  Bastard Operators From Hell

FeNtO DataCenter

clabbrowser
Citar            
MensajeEscrito el 18 Jul 2006 08:29 pm
Jejeje... gracias por los consejos, pero la bestia q hizo esto no fuí yo, fue mi supervisor ("Diseñador Gráfico") que no tiene mucha noción de como diseñar webs, pero que quiso encargarse el del diseño, y como vió que no le salian un par de cosas me lo pasó a mi (Programador PHP) y bue, hice lo que pude en 30' jeje... si me daba media hora mas lo pasaba a css, pero las condiciones de trabajo no son las mejores...
Bueno, el tema es así: El div es "footer", asi es, y el nombre de la imagen de fondo es ese. Ya he sacado "./", he quitado las comillas, he puesto doble comilla, intenté todo y no entiendo por qué no me toma la imagen. Porque si yo pongo otra imagen la toma. ¿Tendrá algo que ver el tamaño de la imagen que quiero poner de fondo?

Por _pablito_

Claber

190 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 18 Jul 2006 08:31 pm
Ah, Cep, no todos nacimos sabiendo e invertimos el 80% del dia frente a una PC aprendiendo... la arrogancia no ayuda, para hablar de ese modo es preferible que no lo hagas y te guardes tanto rencor...

Por _pablito_

Claber

190 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 18 Jul 2006 08:38 pm

_pablito_ escribió:

Ah, Cep, no todos nacimos sabiendo e invertimos el 80% del dia frente a una PC aprendiendo... la arrogancia no ayuda, para hablar de ese modo es preferible que no lo hagas y te guardes tanto rencor...


Mwhahahaha!!!
Si no te gusta, Te jodes!! :bofh: :bate:

Que quede muy en calro qeu no estoy enojado, y que en realidad me da igual lo qeu tu pudeas pensar de mi..

Por Cep

BOFH

1509 de clabLevel

9 tutoriales

1 ejemplo

Genero:Masculino   REC Bastard Operators From Hell

Web Developer

firefox
Citar            
MensajeEscrito el 18 Jul 2006 08:48 pm
Creo que si te entregan un proyecto asi de mal deberias hablar con tu jefe y explicarle porque no debe programar asi, en cuyo caso hay varias opciones: lo vuelves a hacer y te ahorras un sin fin de problemas, le pides a tu jefe que lo corrija (dudo mucho que lo haga), lo dejas como esta y sufres las consecuencias.

Tanto desorden hace muy dificil entender el codigo.

_pablito_ escribió:

Ah, Cep, no todos nacimos sabiendo e invertimos el 80% del dia frente a una PC aprendiendo... la arrogancia no ayuda, para hablar de ese modo es preferible que no lo hagas y te guardes tanto rencor...


Esa respuesta me parecio por demas arrogante.En este sitio hay mucha gente de la que puedes aprender.

Por Karmen Yons

201 de clabLevel



 

Cd de México

firefox
Citar            
MensajeEscrito el 18 Jul 2006 09:49 pm
Ese es el problema... que no estoy en condiciones de andar marcandole como hacer las cosas... porque le importa poco y nada, el lo único que quiere es su dinero :S... entonces no me queda mas que adaptarme a como me dan las cosas, sin contar que quieren todo para ayer, todo YA :S, lo que no me da mucho margen de tiempo y no me queda otra opción mas que improvisar...

Por _pablito_

Claber

190 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 18 Jul 2006 10:54 pm
Estoy deacuerdo con todo lo que ya te dijeron...

Si te cargan todas las imagenes pues debería pasar lo mismo con esta. En otro caso sería que la extensión de la imagen tal vez es .gif y no .jpg ó que está molestando la mayuscula de la carpeta "I"mages. Y como dice Zarzamora revisas las rutas, no hay de otra.

Por Coyr

Claber

1048 de clabLevel

2 tutoriales

 

Manizales city

firefox
Citar            
MensajeEscrito el 19 Jul 2006 01:50 pm
El tema es ese... las rutas estan bien... las otras imagenes que he probado estan todas en la misma carpeta... y la extensión no es, es jpg....:S... no habrá algo mas que pueda ser?
Muchisimas gracias

Por _pablito_

Claber

190 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 19 Jul 2006 01:55 pm
Entonces revisa la imágen como tal, porque si dices que te funciona con las otras imágenes entonces no es problema del código.

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

 

firefox
Citar            
MensajeEscrito el 19 Jul 2006 08:31 pm

_pablito_ escribió:

Ese es el problema... que no estoy en condiciones de andar marcandole como hacer las cosas... porque le importa poco y nada, el lo único que quiere es su dinero :S... entonces no me queda mas que adaptarme a como me dan las cosas, sin contar que quieren todo para ayer, todo YA :S, lo que no me da mucho margen de tiempo y no me queda otra opción mas que improvisar...

pero TUS problemas no son justificación para andar insultando a gente que te quiere ayudar.

en este caso no sabría ni por dónde comenzar, el código, en efecto es un desastre, sea cual sea la razón por la cual esté así.

es por esto que se deben hacer las cosas bien desde un principio, porque arreglarlos te terminará consumiendo más tiempo que hacerlo otra vez de cero, a parte si lo "arreglas" igual estará mal y cuando desees cambiar otra cosa vas a sufrir lo mismo otra vez

ahora, cierro el tema para evitar insultos.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.