rahmen!

Status
Nicht offen für weitere Antworten.
C

CrashJah

Grünschnabel
hallo zusammen

hab da nen dickes problem! ich design gerade ne site und ich bau die mit table´s auf! ich will das das tabel einen rand hat, der schwarz ist und nur 1 px breit! wenn ich dann eine zelle in die tabelle reinhaue will ich das die automatisch auch einen rand hat der schwarz und 1px breit ist! wie stelle ich das am besten an

denn wenn ich mit border=1 und bordercolor=#000000 arbeite und dann eine zelle reinhaue sind dann da lauter linien in der site!

danke im vorraus
 
Am besten mit CSS---Wenns ums Seitendesign geht, verzichte am besten auf alle HTML-Möglichkeiten und verwende nur CSS.... ist bequemer, einfacher, vielfältiger und vom w3c genehmigt:-)
Code: 
<style type="text/css">
<!--
table,td{
border:1px solid #000000;
}
-->
</style>

...das, im <head> deiner Seite stehend, versieht alle Tabellen und Zellen mit dem gewünschten Rahmen
 
Hi,

das beste ist, Du schachtelst zwei Tabellen.

Die äussere bestimmt über ihre Hintergrundfarbe die Farbe des Rahmens,
sowie die Breite der Tabelle.

Die innere Tabelle bekommt im Width-Attribut 100% zugewiesen, womit sichergestellt
ist, dass sie genauso breit ist wie die äussere.
Ausserdem wird über das Attribut cellspacing die Stärke des Rahmens
angegeben. Die 1 im Beispiel erzeugt also einen Rahmen von 1 Pixel Dicke.

Innerhalb der inneren Tabelle kannst Du dann über Hintergrundfarben
bestimmen, welche Farben eine Zeile oder Zelle besitzen soll.

Code: 
<!-- Äussere Tabelle -->
<table border="0" cellpadding="0" cellspacing="0" style="background-color: #000000; width: 200px;">
    <tr>
        <td>

            <!-- Innere Tabelle (width="100%" und cellspacing="1"  -->
            <table border="0" cellpadding="3" cellspacing="1" width="100%">
                <tr style="background-color: #EFEFEF;">
                    <td>text1</td>
                    <td>text2</td>
                </tr>
                <tr>
                    <td style="background-color: #3C5E91;">text3</td>
                    <td style="background-color: #AFB8C9;">text4</td>
                </tr>
            </table>

        </td>
    </tr>
</table>

Viel Spass damit ...

... ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück