Buscador
YoReparo.com La Web 

Regístrate gratis para participar de los foros, o si ya estás registrado haz login.

Foros de soluciones « Diseño Web

Fondo de página no me aparece...

comentario del autor Lun Ene 28, 2008 10:55 am
   
Mi problema: inserto una imagen como fondo en una página en dreamweaver, y cuando lo previsualizo en el IExplorer o Mozilla, no me la toma, es decir, la imagen de fondo no aparece. He probado de dos maneras:

definiendo la imagen como regla css y aplicando dicha regla a la celda o a una división;
e insertando la imagen como fondo de celda, sin definir una regla css,

pero de ninguna manera, al previsualizar la página, me aparece el fondo...
Ah! En el Mozilla, cuando la defino como fondo de celda, sí me aparece, pero en el IExplorer, no...
Qué estoy haciendo mal???
Muchas Gracias!!!

vallecita

Reputación
asistió a la solución Mar Feb 05, 2008 12:00 pm
   
Hola:

Estableciendo la imagen en una celda como fondo en HTML tienes que ver el codigo asi:

Código:
<tr>
    <td width="100%" background="imagen.gif"></td>
 </tr>


Con lo que debe estar bien especificada la ruta de ubicacion de la imagen.

Zhener

Reputación
comentario del autor Jue Feb 07, 2008 12:24 pm
   
Ya probé como me dijste, pero parece no solucionarse...
Si podés, mirá el código de mi página que te envío a continuación...
Apliqué el fondo con estilo CSS.
Se llaman ".fondoizquierda" y ".fondoderecha"...
La parte problemática está al final de la página,
y se distingue porque está un poco aislado del resto del código. Gracias.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Invest in Argentina</title>
<!-- TemplateEndEditable -->
<style type="text/css">
h1,h2,h3,h4,h5,h6,p{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
p{
text-align:justify;
text-indent: 40px;
font-size:small
}
.listas {
list-style-type: circle;
text-indent: 0px;
}
td img {display: block;}
.fonfoboton {
background-image: url(../plantfireworks/botonera/Sin título-1_r1_c1.jpg); font: Verdana, Arial, Helvetica, sans-serif
}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fondoderecha {
background-image: url(../plantfireworks/fondotexto/derecha.gif);
background-repeat: repeat;
height: auto;
width: auto;
}
.cuadrosdetextorellenos {
padding: 15px;
}
.imagencentrada {
background-position: center center;
}
.cuadrolineaizquierda {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-right-style: none;
border-bottom-style: none;
border-left-style: dotted;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
.cuadrolineaarriba {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
.fondoizquierda {
background-image: url(../plantfireworks/fondotexto/izquierda.gif);
background-repeat: repeat;
height: auto;
width: auto;
}
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>

<body onload="MM_preloadImages('../plantfireworks/botonera/botonera_r1_c1_f3.jpg','../plantfireworks/botonera/botonera_r1_c1_f2.jpg','../plantfireworks/botonera/botonera_r1_c1_f4.jpg','../plantfireworks/botonera/botonera_r1_c2_f3.jpg','../plantfireworks/botonera/botonera_r1_c2_f2.jpg','../plantfireworks/botonera/botonera_r1_c2_f4.jpg','../plantfireworks/botonera/botonera_r1_c3_f3.jpg','../plantfireworks/botonera/botonera_r1_c3_f2.jpg','../plantfireworks/botonera/botonera_r1_c3_f4.jpg','../plantfireworks/botonera/botonera_r1_c4_f3.jpg','../plantfireworks/botonera/botonera_r1_c4_f2.jpg','../plantfireworks/botonera/botonera_r1_c4_f4.jpg','../plantfireworks/botonera/botonera_r1_c5_f3.jpg','../plantfireworks/botonera/botonera_r1_c5_f2.jpg','../plantfireworks/botonera/botonera_r1_c5_f4.jpg')">
<table width="952" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><!-- TemplateBeginEditable name="flash" --><!-- TemplateEndEditable --></td>
</tr>
<tr>
<td colspan="3"><!--The following section is an HTML table which reassembles the sliced image in a browser.-->
<!--Copy the table section including the opening and closing table tags, and paste the data where-->
<!--you want the reassembled image to appear in the destination document. -->
<!--======================== BEGIN COPYING THE HTML HERE ==========================-->
<table border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc="aver.png" fwbase="botonera.jpg" fwstyle="Dreamweaver" fwdocid = "1371264180" fwnested="0" -->
<tr>
<!-- Shim row, height 1. -->
<td><img src="../plantfireworks/botonera/spacer.gif" alt="" name="undefined_2" width="160" height="1" border="0" id="undefined_2" /></td>
<td><img src="../plantfireworks/botonera/spacer.gif" alt="" name="undefined_2" width="160" height="1" border="0" id="undefined_2" /></td>
<td><img src="../plantfireworks/botonera/spacer.gif" alt="" name="undefined_2" width="160" height="1" border="0" id="undefined_2" /></td>
<td><img src="../plantfireworks/botonera/spacer.gif" alt="" name="undefined_2" width="160" height="1" border="0" id="undefined_2" /></td>
<td><img src="../plantfireworks/botonera/spacer.gif" alt="" name="undefined_2" width="160" height="1" border="0" id="undefined_2" /></td>
<td><img src="../plantfireworks/botonera/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
</tr>
<tr>
<!-- row 1 -->
<td><a href="../index.html" target="_top" onclick="MM_nbGroup('down','navbar1','botonera_r1_c1_2','../plantfireworks/botonera/botonera_r1_c1_f3.jpg',1)" onmouseover="MM_nbGroup('over','botonera_r1_c1_2','../plantfireworks/botonera/botonera_r1_c1_f2.jpg','../plantfireworks/botonera/botonera_r1_c1_f4.jpg',1)" onmouseout="MM_nbGroup('out');"><img name="botonera_r1_c1_2" src="../plantfireworks/botonera/botonera_r1_c1.jpg" width="160" height="39" border="0" id="botonera_r1_c1" alt="" /></a></td>
<td><a href="../whySR.html" target="_top" onclick="MM_nbGroup('down','navbar1','botonera_r1_c2_2','../plantfireworks/botonera/botonera_r1_c2_f3.jpg',1)" onmouseover="MM_nbGroup('over','botonera_r1_c2_2','../plantfireworks/botonera/botonera_r1_c2_f2.jpg','../plantfireworks/botonera/botonera_r1_c2_f4.jpg',1)" onmouseout="MM_nbGroup('out');"><img name="botonera_r1_c2_2" src="../plantfireworks/botonera/botonera_r1_c2.jpg" width="160" height="39" border="0" id="botonera_r1_c2" alt="" /></a></td>
<td><a href="../properties.cfm" target="_top" onclick="MM_nbGroup('down','navbar1','botonera_r1_c3_2','../plantfireworks/botonera/botonera_r1_c3_f3.jpg',1)" onmouseover="MM_nbGroup('over','botonera_r1_c3_2','../plantfireworks/botonera/botonera_r1_c3_f2.jpg','../plantfireworks/botonera/botonera_r1_c3_f4.jpg',1)" onmouseout="MM_nbGroup('out');"><img name="botonera_r1_c3_2" src="../plantfireworks/botonera/botonera_r1_c3.jpg" width="160" height="39" border="0" id="botonera_r1_c3" alt="" /></a></td>
<td><a href="../projects.html" target="_top" onclick="MM_nbGroup('down','navbar1','botonera_r1_c4_2','../plantfireworks/botonera/botonera_r1_c4_f3.jpg',1)" onmouseover="MM_nbGroup('over','botonera_r1_c4_2','../plantfireworks/botonera/botonera_r1_c4_f2.jpg','../plantfireworks/botonera/botonera_r1_c4_f4.jpg',1)" onmouseout="MM_nbGroup('out');"><img name="botonera_r1_c4_2" src="../plantfireworks/botonera/botonera_r1_c4.jpg" width="160" height="39" border="0" id="botonera_r1_c4" alt="" /></a></td>
<td><a href="../contact.html" target="_top" onclick="MM_nbGroup('down','navbar1','botonera_r1_c5_2','../plantfireworks/botonera/botonera_r1_c5_f3.jpg',1)" onmouseover="MM_nbGroup('over','botonera_r1_c5_2','../plantfireworks/botonera/botonera_r1_c5_f2.jpg','../plantfireworks/botonera/botonera_r1_c5_f4.jpg',1)" onmouseout="MM_nbGroup('out');"><img name="botonera_r1_c5_2" src="../plantfireworks/botonera/botonera_r1_c5.jpg" width="160" height="39" border="0" id="botonera_r1_c5" alt="" /></a></td>
<td><img src="../plantfireworks/botonera/spacer.gif" alt="" name="undefined_2" width="1" height="39" border="0" id="undefined_2" /></td>
</tr>
<!-- This table was automatically created with Macromedia Fireworks -->
<!-- http://www.macromedia.com -->
</table>
<!--========================= STOP COPYING THE HTML HERE =========================--></td>
</tr>








<tr>
<th width="3" class="fondoizquierda">&nbsp;</th>
<th width="882"><!-- TemplateBeginEditable name="EditRegion1" --><!-- TemplateEndEditable --></th>
<th width="1" class="fondoderecha">&nbsp;</th>
</tr>
<tr>
<th>&nbsp;</th>
<th><img src="../plantfireworks/subtitular.jpg" width="186" height="40" /></th>
<th>&nbsp;</th>
</tr>






</table>
</body>
</html>

vallecita

Reputación
asistió a la solución Jue Feb 07, 2008 9:54 pm
   
Hola:

Esto que escribiste;

<tr>
<th width="3" class="fondoizquierda">&nbsp;</th>
<th width="882"><!-- TemplateBeginEditable name="EditRegion1" --><!-- TemplateEndEditable --></th>
<th width="1" class="fondoderecha">&nbsp;</th>
</tr>
<tr>
<th>&nbsp;</th>
<th><img src="../plantfireworks/subtitular.jpg" width="186" height="40" /></th>
<th>&nbsp;</th>
</tr>

en realidad deberia ser:

<tr>
<td width="3" class="fondoizquierda">&nbsp;</td>
<td width="882"><!-- TemplateBeginEditable name="EditRegion1" --><!-- TemplateEndEditable --></td>
<td width="1" class="fondoderecha">&nbsp;</td>
</tr>
<tr>
<br>
<td><img src="../plantfireworks/subtitular.jpg" width="186" height="40" /></td>
<br>
</tr>

Nota:
Vuelvo a repetirte, verifica el direccionamiento a la ubicacion de la imagen.

Zhener

Reputación
asistió a la solución Jue Feb 07, 2008 9:55 pm
   
Hola:

Esto que escribiste;

<tr>
<th width="3" class="fondoizquierda">&nbsp;</th>
<th width="882"><!-- TemplateBeginEditable name="EditRegion1" --><!-- TemplateEndEditable --></th>
<th width="1" class="fondoderecha">&nbsp;</th>
</tr>
<tr>
<th>&nbsp;</th>
<th><img src="../plantfireworks/subtitular.jpg" width="186" height="40" /></th>
<th>&nbsp;</th>
</tr>

en realidad deberia ser:

<tr>
<td width="3" class="fondoizquierda">&nbsp;</td>
<td width="882"><!-- TemplateBeginEditable name="EditRegion1" --><!-- TemplateEndEditable --></td>
<td width="1" class="fondoderecha">&nbsp;</td>
</tr>
<tr>
<br>
<td><img src="../plantfireworks/subtitular.jpg" width="186" height="40" /></td>
<br>
</tr>

Nota:
Vuelvo a repetirte, verifica el direccionamiento a la ubicacion de la imagen.

Zhener

Reputación
comentario del autor Vie Feb 08, 2008 1:19 pm
   
Mirá: Estuve fijándome detenidamente y pensando en cuál podría ser el problema, y creo tener algo... Pero necesitaría que me ayudes a escribir un estilo css para una imagen, para que ésta se pueda repetir indefinidamente. Porque si yo en mi celda aplico una imagen (no como background), la puedo visualizar bien en ambos navegardores... Lo que me faltaría es alguna función que haga repetir a esa imagen indefinidamente... Muchas Gracias por tu ayuda...

vallecita

Reputación
comentario del autor Vie Feb 08, 2008 1:28 pm
   
Me olvidaba de decirte que Copié el código exactamente como me lo mandaste, pero no pasa nada... Probablemente sea otro el problema...

vallecita

Reputación
solución Vie Feb 08, 2008 10:18 pm
   
Hola:

Detecte un error en esta linea:

Código:
<td><img src="../plantfireworks/subtitular.jpg" width="186" height="40" /></td>


despues del "40" no va ninguna barra, tiene que qedar asi:

Código:
<td><img src="../plantfireworks/subtitular.jpg" width="186" height="40"></td>


corrige eso a ver que pasa.

por lo demas esta todo bien.

Zhener

Reputación
comentario del autor Sab Feb 09, 2008 3:16 pm
   
Gracias!

vallecita

Reputación


Hacer una pregunta

Reglamento / P+F

Foros

Miembros / Expertos