Comunidad de diseño web y desarrollo en internet online

Plantilla con problema en "background "

Citar            
MensajeEscrito el 06 Dic 2010 11:47 am
<html dir="ltr"><head><title></title></head><body> <table cellpadding="0" cellspacing="0" border="0" style="display:block;" id="DIS07" align="center"> <tbody><tr><td><table width="1200" border="0" cellspacing="0" cellpadding="0"> <tbody><tr><td><img width="1410" height="250" alt="" src="http://i804.photobucket.com/albums/yy327/alexmetnum/encabezadoALEXMETNUM.jpg" /></td></tr> <tr><td width="1200" height="300" style="padding-left:10px;padding-right:10px;" valign="top no-repeat" background="http://i804.photobucket.com/albums/yy327/alexmetnum/ladofotos.jpg"><title></title>&nbsp;</td></tr> <tr><td><img width="1410" height="1268" alt="" src="http://i804.photobucket.com/albums/yy327/alexmetnum/encabezadoALEXMETNUM.jpg" /></td></tr> </tbody></table></td></tr></tbody></table> </body></html>

estoy trabajando sobre esa plantilla, no tengo mucha idea de lo que hay que hacer, mi problema es que en la parte del medio la que quiero que quede como background, no se repita y quede de ancho "1410", cómo tiene que quedar el código? ( la tercera imagen la puse para terminar el código solamente, ahí va otra que no he dibujado )

Si alguien me puede solucionar el código lo agradeceré muchísimo.

Saludos.

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

chrome
Citar            
MensajeEscrito el 06 Dic 2010 01:23 pm
Antes que nada, no puedes "estirar" una imagen background, siempre toma el tamaño original de la imagen. Así que si quieres el fondo de un tamaño específico tienes que crear la imagen con ese tamaño.

Código HTML :

<html dir="ltr">
<head>
<title></title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" style="display:block;" id="DIS07" align="center">
   <tbody>
      <tr>
         <td>
            <table width="1200" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td><img width="1410" height="250" alt="" src="http://i804.photobucket.com/albums/yy327/alexmetnum/encabezadoALEXMETNUM.jpg" /></td>
                  </tr>
                  <tr>
                     <td width="1200" height="300" style="padding-left:10px;padding-right:10px; background-image: url(http://i804.photobucket.com/albums/yy327/alexmetnum/ladofotos.jpg); background-repeat: no-repeat;" valign="top">
                     <!-- <title></title> esto es HTML inválido -->&nbsp; 
                     </td>
                  </tr>
                  <tr>
                     <td><img width="1410" height="1268" alt="" src="http://i804.photobucket.com/albums/yy327/alexmetnum/encabezadoALEXMETNUM.jpg" /></td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
</table>
</body>
</html>


A ver si ordenas mejor el código, viteh :P

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

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