Background segun Id del modulo

[emal011]

Gente.

Tengo varios modulos creados con unicos sufijos cada uno. (_menu1, _menu2, etc) <div class="module_menu1">

Estos modulos estan en un <td>, y mi pregunta es, como puedo yo hacer que el td seleccione un fondo diferente si el <div> contiene una clase diferente?

Osea, si es <div class="module_menu1"> el <td> obtiene un fondo rojo, si es <div class="module_menu2"> el <td> obtiene un fondo azul?
Lo estoy intentando mediante Css, pero no veo la forma de hacer que el Td obtenga un fondo segun la clase del Div que contiene.

Código:

<td rowspan="3" id="leftcolumn" width="16%" background="Mostrar color segun clase del <div>">
<div class="module_menu1">
<h3>Company</h3>											
<a href="/webserver/index.php?option=com_content&amp;view=article&amp;id=46&amp;Itemid=58" class="mainlevel" id="active_menu">Profil</a>
<a href="/webserver/index.php?option=com_content&amp;view=article&amp;id=47&amp;Itemid=59" class="mainlevel" >Philosophie</a>
</div>
</td>

Alguien por alli alguna solucion?

[Larenz]

Por qué mejor no lo haces desde la clase del div en los CSS, es lo más correcto y lo más lógico que cualquiera haría.

Código:

div.module_menu1 {
    background: #EDEDED;
}
div.module_menu2 {
    background: #444;
}

Haz esos cambios en el archivo template.css ó template_css.css de tu plantilla para poder lograrlo.

[emal011]

Iniciado por Larenz

Por qué mejor no lo haces desde la clase del div en los CSS, es lo más correcto y lo más lógico que cualquiera haría.

Código:

div.module_menu1 {
    background: #EDEDED;
}
div.module_menu2 {
    background: #444;
}

Haz esos cambios en el archivo template.css ó template_css.css de tu plantilla para poder lograrlo.

CLaro eso el mo más logico que se puede hacer, pero, el <TD> tiene una anchura y altura predefinida, y el div se ajusta solo a lo que contiene. Eso quiere decir, si hago lo que me sugieres, "coloreo" solo el div, y lo que trato de hacer es colorear todo el <td>.

Lo que e tratado de hacer es:

Código:

#leftcolumn div.module_menu1 {
	background-color:#DFBE4F;
}

donde #leftcolumn es <td id="leftcolumn">.

Este es una captura de lo que me dices y de lo que trato de hacer:



El DIV recibe la clase "menu1" y trato de que el TD segun la clase del div obtenga un color diferente. Esxisten varios modulos, menu1, menu2, menu3 y el TD recibe un color de fondo segun el modulo que carga! Como puede hacer uno para poder lograr eso?