Foros del Web » Creando para Internet » CSS »

el background del css no me hace caso

Estas en el tema de el background del css no me hace caso en el foro de CSS en Foros del Web. yo tengo esto: .subject { font-family: Verdana, Arial; color: #FFFFFF; font-size: 12pt; background-color: #666666; } pero cuando lo llamo desde una celda no me coge ...
  #1 (permalink)  
Antiguo 24/07/2004, 07:56
Avatar de wesse  
Fecha de Ingreso: junio-2003
Ubicación: España
Mensajes: 577
Antigüedad: 14 años, 6 meses
Puntos: 1
el background del css no me hace caso

yo tengo esto:

.subject {
font-family: Verdana, Arial;
color: #FFFFFF;
font-size: 12pt;
background-color: #666666;
}

pero cuando lo llamo desde una celda no me coge el background #666666, sino que me coge el background del body

BODY,P {
background-color: #928165;
}



puede ser por la etiqueta <p> ?
<p class="subject"><b>!!--CAMPO:subject--!</b></p>
Si pruebo con <br> si funciona bien...
  #2 (permalink)  
Antiguo 24/07/2004, 08:20
Avatar de amanda75  
Fecha de Ingreso: junio-2003
Ubicación: cerca, pero no mucho
Mensajes: 684
Antigüedad: 14 años, 6 meses
Puntos: 0
Revisa que todas las etiquetas estén bien cerradas. Yo he probado el código que nos has dejado y me funciona perfectamente tanto con firefox, como con opera e IE.


Con todos los tag cerrados se muestra perfectamente

Código:
<html >
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--

.subject {
font-family: Verdana, Arial;
color: #FFFFFF;
font-size: 12pt;
background-color: #666666;
}

BODY,P {
background-color: #928165;

}
//-->
</style>

</head>

<body>

<p class="subject"><b>!!--CAMPO:subject--!</b></p>


</body>
</html>

Última edición por amanda75; 24/07/2004 a las 08:25
  #3 (permalink)  
Antiguo 24/07/2004, 08:38
Avatar de wesse  
Fecha de Ingreso: junio-2003
Ubicación: España
Mensajes: 577
Antigüedad: 14 años, 6 meses
Puntos: 1
mira

mira, me ocurre en este documento: (lo divido en dos, pq no me deja pegarlo todo)


<html> <!-- D:10-getmsg /R:OCC 22/06/03 -->
<head>
<meta http-equiv="Pragma" content="no-cache">
<meta name="Title" content="Ofertas de trabajo de www.urbanic.tk - empleo">
<meta name="description" content="Ofertas de trabajo en Urbanic | Humor, chistes, bromas, vídeos, fotos, chicas,... ¿ABURRIDO? Tenemos lo necesario!! Humor gráfico, juegos, monólogos, vídeos, audios, presentaciones pps, flashes,... ¿a qué estas esperando? Urbanic, tu portal de ocio e información.">
<meta name="keywords" content="ofertas, trabajo, empleo, empresas, televisiones locales, cadenas, television, tv, video, productoras, trabajos, camaras, televisiones, locales">
<meta name="author" content="urbanic.tk">
<meta name="revisit-after" content="2 days">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
<!--
window.status="Cargando Mensaje - Espere por favor...";
//-->
</script>
<title>!!--CAMPO:foro-nombre--!</title>
<style type="text/css">
A:link {color: #3399FF; text-decoration: none;}
A:visited, A:active {color: #999999; text-decoration: none;}
BODY,P {
background-color: #928165;
background-image: url(http://urbanic.urbenalia.com/fnd.jpg);
background-repeat: repeat-y;
background-position: center;
color: #FFFFFF; font-family: Verdana, Arial;
font-size: 7.5pt; margin-top: 10px; margin-bottom: 10px;
margin-left: 0px; margin-right: 0px;
}
IMG {border: 0px;}
.bot {font-size: 8pt;}
.msgarea, UL, LI {
vertical-align: top; font-size: 9pt;
line-height: 18px; text-align: left;
padding-left: 3px; padding-right: 3px;
background-color: #666666;
}
.titulo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt; color: #FF9966;
}
.descrip, TD.campos {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt; color: #FFFFFF;
background-color: #666666;
}
.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7.5pt; color: #FFFFFF;
background-color: #666666;
}
.campo2 {
font-family: Verdana, Arial;
color: #FFFFFF;
font-size: 16pt;
}
.subject {
font-family: Verdana, Arial;
color: #FFFFFF;
font-size: 12pt;
background-color: #666666;
}
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<table width="770" height="103" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td width="770"> <iframe src="http://urbanic.urbenalia.com/cabecera.htm" width="770px" height="103px" frameborder="0"></iframe></td>
</tr>
</table>
<table width="770" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000" style= "border-right:#000000 1px solid; border-left:#000000 1px solid; border-bottom:#000000 2px solid">
<tr>
<td width="118" height="230" rowspan="2" valign="top" bgcolor="#515151"> <iframe width="100%" height="100%" src="http://urbanic.urbenalia.com/menu.htm" frameborder="0" scrolling="no"></iframe>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#666666"><table width="647" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <img src="http://urbanic.urbenalia.com/esquina_sup.gif" width="21" height="21">
<table width="95%" border="0" align="center">
<tr>
<td valign="top" width="75%" class="titulo"> <b>!!--CAMPO:foro-nombre--!</b>
</td>
<td valign="top" align="right" class="descrip">&nbsp;</td>
</tr>
<tr>
<td colspan="2"> <div align="center"> <br>
<br>
!!--BANNER_AREA--! !!--ERROR_AREA--! </div></td>
</tr>
</table>
<div align="center">
<table width="612" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="22" valign="bottom"> <img src="http://images.melodysoft.com/dance_esqsi.gif" width="22" height="18"></td>
<td background="http://images.melodysoft.com/dance_rayablanca.gif" width="579"><img src="http://images.melodysoft.com/dance_rayablanca.gif" width="1" height="79"></td>
<td width="23"><img src="http://images.melodysoft.com/dance_latesqder.gif" width="23" height="79"></td>
</tr>
<tr>
<td background="http://images.melodysoft.com/dance_lateral.gif">&nbsp;</td>
<td colspan="2" valign="top">&nbsp; <br> <table width="95%" border="0" align="center">
<tr>
<td valign="top" class="descrip"> <b><i>Mensaje&nbsp;enviado&nbsp;por:<br>
!!--CAMPO:nombre--!<br>
!!--CMD:GFXEMAIL:email:http://images.melodysoft.com/dance_email.gif--!&nbsp;
!!--CMD:GFXLINK:link:http://images.melodysoft.com/dance_www.gif--!</i></b>
</td>
<td align="right"> <table border="0">
<tr>
<td class="menu"> <i><u>Fecha</u>:</i> </td>
<td class="menu"> <i>&nbsp;!!--CAMPO:date--!</i>
</td>
</table></td>
</tr>
  #4 (permalink)  
Antiguo 24/07/2004, 08:39
Avatar de wesse  
Fecha de Ingreso: junio-2003
Ubicación: España
Mensajes: 577
Antigüedad: 14 años, 6 meses
Puntos: 1
2ª parte

<tr>
<td colspan="2"> <p class="subject"><b>!!--CAMPO:subject--!</b>
</p>
<p class="msgarea">!!--MSG_AREA--! </p>
<p class="menu"> <a href="!!--CAMPO:EXPORTURL--!" target="_blank">[Imprimir/Guardar]</a>
&nbsp; <a href="!!--CAMPO:DELURL--!">[Admin: Borrar
mensaje]</a> </p></td>
</tr>
</table>
<br> <br> </td>
</tr>
<tr>
<td valign="top"><img src="http://images.melodysoft.com/dance_latesq.gif" width="22" height="4"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<p class="descrip"> <b><a href="!!--CAMPO:URL--!">[&nbsp;Volver&nbsp;al
foro ]</a></b> <br>
</p>
</div>
<div align="center"> </div>
<br> <div align="center">
<table width="612" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="3%" valign="bottom"><img src="http://images.melodysoft.com/dance_esqsi.gif" width="22" height="18"></td>
<td background="http://images.melodysoft.com/dance_rayablanca.gif" width="64%"><img src="http://images.melodysoft.com/dance_rayablanca.gif" width="1" height="79"></td>
<td width="33%" align="right" background="http://images.melodysoft.com/dance_rayablanca.gif"><img src="http://images.melodysoft.com/dance_responder.gif" width="241" height="79"></td>
</tr>
<tr>
<td background="http://images.melodysoft.com/dance_lateral.gif">&nbsp;</td>
<td valign="top" align="center" colspan="2"> <form method="post" action="!!--CAMPO:APPURL--!">
!!--HIDDENDATA_POSTMSG_AREA--!
<div align="center">
<table border="0" cellspacing="5" width="77%">
<tr>
<td align="right" class="campos"> <i><b>Empresa /
Ciudad </b></i> </td>
<td> <input type="text" name="nombre" size="45" value="!!--CAMPO:mi-nombre--!" maxlength="40">
</td>
</tr>
<tr>
<td align="right" class="campos"> <i><b>EMail (No
obligatorio)</b></i> </td>
<td> <input type="text" name="email" size="45" value="!!--CAMPO:mi-email--!">
</td>
</tr>
<tr>
<td align="right" class="campos"> <i><b>T&iacute;tulo
</b></i> </td>
<td> <input type="text" name="subject" size="45" maxlength="150" value="!!--CAMPO:re--!">
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="left" valign="top" class="menu"> <input type="checkbox" !!--CAMPO:mi-bNotificar--! name="bNotificar" value="checked">
<!-- -->
Recibir un email cuando mi mensaje sea contestado.
</td>
</tr>
</table>
<br>
<span class="campo2">Respuesta</span> <br>
<textarea name="mensaje" wrap="virtual" cols="55" rows="10">!!--MSG_TEXT_AREA--!</textarea>
<br>
<input type="checkbox" name="showpostedmsg" !!--campo:mi-showpostedmsg--! value="checked">
&nbsp;
<!-- -->
<span class="menu">Ver mi mensaje despues de insertarlo</span>
<br>
<br>
<br>
<input name="submit" type="submit" value=" Responder ">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name="reset" type="reset" value=" Borrar ">
</div>
</form>
<br> </td>
</tr>
<tr>
<td valign="top"><img src="http://images.melodysoft.com/dance_latesq.gif" width="22" height="4"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div></td>
</tr>
</table></td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
<!--
window.status="Mensaje Cargado - Gracias...";
//-->
</script>
</body>
</html>
  #5 (permalink)  
Antiguo 24/07/2004, 09:23
Avatar de amanda75  
Fecha de Ingreso: junio-2003
Ubicación: cerca, pero no mucho
Mensajes: 684
Antigüedad: 14 años, 6 meses
Puntos: 0
Lo siento, pero no consigo ver dónde está el problema.

Según lo veo yo aquí los fondos se muestran con el color que has definido en el estilo.

Última edición por amanda75; 24/07/2004 a las 09:25
  #6 (permalink)  
Antiguo 24/07/2004, 09:31
Avatar de wesse  
Fecha de Ingreso: junio-2003
Ubicación: España
Mensajes: 577
Antigüedad: 14 años, 6 meses
Puntos: 1
yo ahi veo el fondo del body... pero no el #666666.... que raro... porque si en
.subject {
font-family: Verdana, Arial;
color: #FFFFFF;
font-size: 12pt;
background-color: #666666;
}

No pusiese background-color: #666666; me sale el background del body.. y no deberia salir asi... no? se deberia quedar con el background de la celda....
ays que raro...
  #7 (permalink)  
Antiguo 24/07/2004, 10:18
Avatar de amanda75  
Fecha de Ingreso: junio-2003
Ubicación: cerca, pero no mucho
Mensajes: 684
Antigüedad: 14 años, 6 meses
Puntos: 0
Perdona, ya me he enterado, me falta solo una semana para las vacaciones y empiezo a estar un poco espesa ....

Cambia el background-color: #666666; por background: #666666; de esa manera aplicará el color a la celda

Además tenías un tag sin cerrar

Código:
             <td valign="top" class="descrip"> <b><i>Mensaje&nbsp;enviado&nbsp;por:<br>
               !!--CAMPO:nombre--!<br>
               !!--CMD:GFXEMAIL:email:http://images.melodysoft.com/dance_email.gif--!&nbsp;
               !!--CMD:GFXLINK:link:http://images.melodysoft.com/dance_www.gif--!</i></b>
            </td>
            <td align="right">
                <table border="0">
                   <tr>
                      <td class="menu"> <i><u>Fecha</u>:</i> </td>
                      <td class="menu"> <i>&nbsp;!!--CAMPO:date--!</i></td>
<!-- FALTA   --> </tr>
                </table>
             </td>
           </tr>
           <tr >
             <td colspan="2">

Última edición por amanda75; 24/07/2004 a las 10:27
  #8 (permalink)  
Antiguo 24/07/2004, 11:28
Avatar de wesse  
Fecha de Ingreso: junio-2003
Ubicación: España
Mensajes: 577
Antigüedad: 14 años, 6 meses
Puntos: 1
ok

ok ya funciona correctamente, era por el background-color, no por el tr que le faltaba... aunque en dreamweaver me sigue saliendo el color de fondo de body... pero bueno, en el explorer se ve bien.. asi q... ¿Por que sera?
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 16:56.