[SOLUCIONADO] Utilicas CSS en jerarquias en tablas

[emilio_viguri]

Hola que tal tengo 2 hojas de estilo en la cual intento dividir menús y tablas a las cuales les voy a aplicar CSS

<link rel="stylesheet" type="text/css" href="archivos/css/menu.css">
<link rel="stylesheet" type="text/css" href="archivos/css/tablas.css">

Los menús funcionan bien, ya que lo aplico a mi página y todo bien, mi problema esta al momento que intento unir los dos estilos CSS a tablas, pero si lo pongo solo ya sea menú o tablas por separado lo hace bien, a lo que intento es que por ejemplo, si yo quiero poner estilo a determinadas tablas pues que yo le ponga un ID un div o class o algo que identifique que solo el estilo tablas se le va aplicar el estilo y no lo aplique a todo el sitio.

el de menú seria <!--CSS para MENU-->, y al que solo le quiero aplicar el estilo tablas seria el siguiente código al final pongo mi hoja de estilo de tablas.

esto funciona bien con mi hoja menu.css

Código PHP:

  [HIGHLIGHT="HTML"]
     <!--CSS para MENU-->     
     <div id="menupri">
 <ul>
  <li><a href="#"><img src="archivos/imagenes/iconos/paper1.gif" height="16" border="0" align="absmiddle"> Capturar Ingresos</a></li>
  <li><a href="#"><img src="archivos/imagenes/iconos/capgasto.gif" height="19" border="0" align="absmiddle" /> Capturar Egresos</a></li>
  <li class="MPencabezado">Control y Analisis Clientes&amp;Proveedor</li>
  </ul>
</div><br />
    <!--MENU FIN-->
[/HIGHLIGHT] 
   

Bueno mi pagina esta echa de tablas, a lo que solo quiero poner el estilo a STable
o a lo que yo le ponga class="STable" esto decoraría las tablas y si pasas el ratos te cambia de color las tablas y otras cosas que estan en el CSS, esto si funciona solo pero ya con mis 2 hojas juntas no ... me ayudan ?

Código HTML:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
        <td align="center"><p>INFORMACION</p>
 
 
          <table border="0" cellpadding="0" cellspacing="0" class="STable">
          <caption class="encabezado">HOLA como estas Tu</caption>
            <tr>
              <td class="fresalta">fresalta</td>
              <td class="encabezado">encabezado</td>
              <td class="STtable">3</td>
              <td>4</td>
              <td>5</td>
            </tr>
            <tr>
              <td class="odd">6</td>
              <td class="odd">odd</td>
              <td class="encabezado">8</td>
              <td>9</td>
              <td>1</td>
            </tr>
            <tr>
              <td>654</td>
              <td class="fporpagar"><p>fporpagar</p></td>
              <td>65</td>
              <td>4</td>
              <td><a href="#" class="ligas">Link</a></td>
            </tr>
            <tr>
              <td>654</td>
              <td>654</td>
              <td>65</td>
              <td class="marca">Marca</td>
              <td>54</td>
            </tr>
          </table>
          
          <p>&nbsp;</p></td>
       </tr>
      </table>
 

mi hoja de estilo tablas a la que quiero aplicar solo se le pongo STable

Código CSS:

@charset "utf-8";
/* CSS Document */
 
.STable {
    border-collapse: collapse;
    border: 1px solid #03476F;
    font: normal 11px verdana, arial, helvetica, sans-serif;
    color: #363636;
    background-color: #CCFFCC;
}
.STable .fporpagar {
    background-color:#AAFFAA;
    color: #006600;
}
.STable .fresalta  {
    color: #FF0000;
    font-weight: bold;
}
.STable .odd {
    background-color: #CCFFFF;
  }
.STable .encabezado {
    background-color: #0099CC;
    color: #FFFFFF;
  }
.STable .marca{
    background-color:#FFE4CA;
    color: #009900;
  }
.STtable .ligas {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0000FF;
    background-color: #FF0;
    }
 
 
.STable caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
  
.STable td, th {
    border: 1px dotted #03476F;
    padding: .4em;
    vertical-align: bottom;
  }
 
 
 
 
 
.STtable thead th, tfoot th {
    font: bold 11px verdana, arial, helvetica, sans-serif;
    border: 1px solid #03476F;
    color: #FFFFFF;
    padding-top:3px;
    background-color: #99CCFF;
  }
.STtable tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
.STtable tbody td a:hover {
    color: #363636;
    background-color: #FFFFFF;
  }
  .STtable tbody th a {
    background: transparent;
    text-decoration: none;
    font-weight:bold;
    color: #FFFFFF;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
  }
.STtable tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.STtable tbody th, tbody td {
  vertical-align: top;
  }
.STtable tfoot td {
    border: 1px solid #03476F;
    padding-top:3px;
    color: #FFFFFF;
    background-color: #0099CC;
  }
.STtable tbody tr:hover {
    border: 1px solid #03476F;
    color: #FFFFFF;
    background-color: #C6E2FF;
  }
.STtable tbody tr:hover th,
.STtable tbody tr.odd:hover th {
    color: #FFFFFF;
    background-color: #009900;
  }
 

[C2am]

Si tienes un link para ver cuales se superponen o mejor dicho cuales prevalecen.

Además te dejo algo sobre el tema, que es la especificidad (o como se diga):
http://ksesocss.blogspot.com/2012/05...ficidad-y.html

Saludos

[emilio_viguri]

C2am antes que canda Gracias por tu tiempo...

Mira ya puse lo que me pides para ver si me puedes ayudar a solucionarlo...

Se supone que la tabla también hace lo que el menú de la izquierda pero con tablas pero combinado no mas no lo hace pero por archivos separados si lo hace...

Es como si pusiera 2 menús uno con LI y otro con tablas como la pagina que me mandaste estoy che cando


Hola que tal mira pongo los archivos para descarga aquí esperando me puedan ayudar
https://www.dropbox.com/s/y49zi4yar5xjchy/ForosWEB.rar

Aquí lo pueden ver en funcionamiento...

http://attitude-marketing.com/evm/

[C2am]

A que te refieres con que "hace lo que el menú"? Es el color naranja al hacer :hover?
No veo fallo, ya que los estilos que se corresponden con la tabla son los que aparecen

[emilio_viguri]

Lo que pasa es que las tablas también tiene HOBER sobre ellan entonces cuando pasas el raton sobre esa tabla, también debería hacer el iluminado similar al menú de la izquierda, bueno pero con la diferencia de que tiene otros colores...

E incluso tengo dos opciones que me las pone como flotando en la parte superior cuando no debería de estar hay esas me las afecta cuando no les puse ningún atributo entonces por lo que vi mi cascada CSS esta mal, pero a un no entiendo por que

[C2am]

El problema (a parte del hecho de que maquetas con tablas, cuando las tablas son sólo para datos tabulados), es que la clase que declaras en el html es STable, pero en el css tienes la clase STtable

NO MAQUETES CON TABLAS.
Saludos

[emilio_viguri]

Iniciado por C2am

El problema (a parte del hecho de que maquetas con tablas, cuando las tablas son sólo para datos tabulados), es que la clase que declaras en el html es STable, pero en el css tienes la clase STtable

NO MAQUETES CON TABLAS.
Saludos

Perdón no se de que me hablas ...
Que puedo hacer entonces ...

como tengo mis estilo y de mas pues lo que se me ocurría es ponerle la clases a lo que quería usar STable

[jonni09lo]

Creo que ha sido muy claro STable es diferente de STtable notas que sobra una t? ese es el error mas grave que tienes.

Lo otro es no maquetes o diseñes con tablas. Que eso se hacía hace muchos años.

Saludos

[emilio_viguri]

aaa no ma deja checo perdón no ma me tenían en jaque con eso y creo que no me di cuenta lo estoy che cando


O si ya vi mi gran error entre que buscaba como hacerlo y cambiaba nombres no me di cuenta de eso y no mas se me bloque el coco gracias ...