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>ÚNICA REVISTA DE:MARKETING FARMACEUTICO<BR/> PODRÁ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° <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