CSS - Immer borders in Tabellen

Mordor

Registered User
Sodale, ich pack das mal hier rein:

Ich hab da ein kleines Problem mit nem CSS-Skript. Trotzaller versuche, bring ich bei einer html-Tabelle die Borders der einzelnen Zellen nicht weg. Sowohl im <table> Element als auch im <tr> und <td> Element ist die Direktive border auch none gesetzt, und trotzdem sind sie noch da. Hat da jemand einen Tip, wie man das hinbekommen könnte???

Gruß Mordor
 
Dann werden andere Eigenschaften irgendwie krumm vererbt oder oder oder. Bitte Quellcode anhängen.

--marneus
 
Also, hier mal die html-Datei, alles was in den Body-Tags steht:
HTML:
<body>
    <div id="oben">
     <h1>Ich bin ne &Uuml;berschrift</h1>
    </div>

    <div id="unten">
        <div id="menu">
            <ul>
            <li>Link1</li>
            <li>Link2</li>
            <li>Link3</li>
            <li>Link4</li>
            </ul>        
        </div>

        <div id="rechts">
            <table><tr>
             <td>Feld1.1</td>
             <td>Feld1.2</td>
           </tr><tr>
             <td>Feld2.1</td>
             <td>Feld2.2</td>
           </tr><tr>
             <td>Feld3.1</td>
             <td>Feld3.2</td>
           </tr></table>        
         </div>
        
    </div>
</body>

So, und hier wäre mal die CSS-Datei dazu. Eingebunden wird die Über einen Link im <head>

HTML:
/*Komplettes CSS-System*/

/*Allgemein*/
html{
    margin: 0;
    padding: 0;
}

body{
    margin: 20px;
    padding: 0;
}

p {
    margin:0;
    padding: 0;
}

/*Schriften*/

/*Anordnung*/
#oben{
    padding: 10px 0 10px 200px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px;
    border-style: solid;
    border-color: black;
}

#menu{
    float: left;
    width: 199px;
    margin: 20px 0 0 0;
}

#rechts{
    padding: 20px 0 0 220px;
}
/*menu*/
ul {
    margin: 0;
}

/*tables*/
table {
    margin: 0px 20px 0 20px;
    padding: 0;
    border: 0;
}

tr{
    margin: 0;
    padding: 0;
    border: 0;
}
td{
    margin: 0;
    padding: 0;
    border: 0;
}

/*Froms*/
So, das wärs dann erst mal.

Edit: Ach ja, die Borders standen da auch schon mal mit none drin.
 
Last edited by a moderator:
Wenn ich die Angabe border durch border-width ersetze, ändert sich trotzdem nichts. Es ist trotzdem noch eine border da.
 
Danke für den Tip, nur funzt das leider auch nicht. Ich hab jetzt mittlerweile alle direktiven für border durch, sowohl im teil für table tr als auch bei td. Nichts hilft. die Borders bleiben immer noch da wo sie sind. nur sieht das leider nicht schön aus, da dann die zeilenabstände vom menu und von der tabelle unterschiedlich sind.
 
Code:
table { border: 0px #000 none; }
Wenn das nicht geht, ist irgendwo Dein CSS Code verhunzt. Sprich es wird später überschrieben.

Alternativ gib der Tabelle mal eine id und versuche den obigen Code.

--marneus
 
Auch das schlägt fehl. Überschrieben kann da nix werden, da das was ich oben gepostet hab der ganze Code ist. mehr existiert da noch nicht. Das ganze ist grad in der entwicklung.
 
Hi,
Mordor: Bei den Code, den du uns gesendet hast, weiß ich nicht wo du einen Rahmen siehst.
Ich habe mal eine Beispielseite aufgesetzt.

Test
Ich sehe da keine Rahmen..

Lade deine Seite doch mal hoch. Dann können wir uns das vor Ort angucken. Denn bei dem Code den du uns gegeben hast, ist kein border mit drin.

Mit freundlichen Grüßen
Flobbie
 
Last edited by a moderator:
Okay, anscheinend hab ich mich falsch ausgedrückt. Das Problem ist nicht, dass man die Border als Linie sieht, denn das tut man nicht. Aber die Zeilenabstände im Linstenelement sind andere wie die in der Tabelle. In der Tabelle sind die Zeilenabstände grösser. Wenn man in den <table> bereich im CSS jetzt ein
Code:
background-color: black;
reinpackt, dann sieht man auch weisse borders in der Tabelle. Daran liegt es wohl auch, dass die Zeilenabstände grösser sind.
 
JA, JA!!!!

Genau das wars. Vielleicht hätte ich mich etwas besser ausdrücken sollen.
Vielen dank für die Geduld und die Hilfe, und sorry, dass ich da a bissi neben der Spur war.
 
Back
Top