CSS-Tabellen Probleme

Status
Nicht offen für weitere Antworten.
Cyberbird

Cyberbird

Mitglied
Hallu!

Ich habe ein kleines aber kritisches Problem auf http://www.am0k.com
Wie ihr seht, habe ich die äußere Tabelle mit einem ridge-border belegt. Definiert habe ich das über eine id:

#tabelle-inhalt td {...}

Nun ist das Problem, dass jede weitere Tabelle, die ich in die Rahmentabelle einfüge, den gleichen Border-style übernimmt, was natürlich daran liegt, dass die ID ihren style auf alle weiteren Tabellen vererbt.
Kann ich eine Tabelle ohne Rahmen einfügen, ohne dass ich alle <td>s auf der Seite mit einer Klasse definieren muss? Oder anders: kann ich die ID so definieren, dass sie nichts vererbt?
 
Hallo und welcome on Board,

mach einfach eine Klasse draus:

PHP: 
.tabelle-inhalt{
	border: ridge;
	border-style: ridge;
	border-color: silver;
	border-width: thin;
}

und weise sie dann nicht über die ID zu, sondern eben über Class...
PHP: 
<table class="tabelle-inhalt">
<tr>
 <td>
  <table>
   <tr>
    <td>bla</td>
    <td>bla</td>
    <td>bla</td>
    <td>bla</td>
    <td>bla</td>
   </tr>
  </table>
 </td>
</tr>
</table>

oder habe ich dich falsch verstanden?


ciao
 
Jau, ich glaube, ich muss leider doch jedes <td> einzeln einer Klasse zuweisen...
Wenn ich der gesamten Tabelle diese Klasse zuweise, wird der Border-Style nur auf die 4 äußeren Rahmen (also oben, unten, links und rechts), aber nicht auf die Zellenrahmen angewandt... :(
 
Ok, neuer Versuch ;) - einfach eine neue Klasse definiert... Stimmts jetzt... ? *hope*

PHP: 
<style type="text/css">
<!--
/* Elements */

#tabelle-inhalt td{
	border: ridge;
	border-style: ridge;
	border-color: silver;
	border-width: thin;
}

#tabelle-noborder td{
        border-style:none;
        }

</style>
</head>
<body>

<table id="tabelle-inhalt">
    <tr>
        <td>
            <table>
                <tr>
                    <td>bla1</td>
                    <td>bla1</td>
                    <td>bla1</td>
                    <td>
                        <table id="tabelle-noborder"> 
                            <tr>
                                <td>bla2</td>
                                <td>bla2</td>
                                <td>bla2</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
 
Du sollst nur nicht 2 mal die gleiche ID verwenden, wenn du die Sachen via JSacript ansprechen willst, ansonsten spricht da garnix dagegen...


ciao
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück