Anmelden | Registrieren | FAQ
Anonymous

Tabellenrahmen mit CSS?

+ Antwort erstellen

2 Beiträge Seite 1 von 1


Tabellenrahmen mit CSS?

von Darson » Di Mai 17, 2011 11:24 pm

Hallo,

ich bin neu hier und hätte da eine Frage bezüglich des Rahmens von Tabellen.
Ist es möglich, den Tabellen mittels CSS, die Rahmendicke vorzugeben?

Ich habe es versucht, aber es stellt sich keine sichtbare Veränderung ein.

hier der Code in der style.css
Code: Alles auswählen
table-layout
    {
    border-width: 5px;
    border-color: red;
    }
th
    {
    font-family: arial, verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: black;
    text-align: center;
    }
td
    {
    font-family: arial, verdana, sans-serif;
    color: black;
    font-size: 14px;
    text-align: center;
    }
h1
    {
    font-family: arial, verdana, sans-serif;
    font-size: 18px;
    color: red;
    text-align: center;
    }


und hier der Code der Tabelle:
Code: Alles auswählen
<center>
<table width=55%>
<tr>
  <th width=15%>ID</th>
  <th width=25%>Topnaviname</th>
  <th width=25%>TopnaviID</th>
  <th width=25%>optname</th>
</tr>
.... hier erscheinen die anzuzeigenden Daten ...
</table>
</center


Desweiteren würde ich gerne wissen, ob es in der Datei "style.css" möglich ist, festzulegen ob in einem Bestimmten Container das scrollen möglich ist. Kurz zur Erklärung, ich habe per CSS festgelegt, das die Webseite mehrere "Container" hat. Im mittleren "Container" ist es voraus zu sehen, dass der Inhalt größer ist, als die vorgegebene Höhe dieses "Containers". Diesen wollte ich dann gerne mit einem Scrollbalken versehen, sofern dies nötig ist.

Aufbau der Seite siehe Dateianhang. Der betroffene Container ist als Hauptanzeige gekennzeichnet.

Danke schon mal im voraus.

Mit freundlichen Grüßen Darson

Dateianhänge

  1. websitelayout.JPG (43.56 KiB) 1145-mal heruntergeladen

Benutzeravatar

Darson

  • Beiträge: 1
  • Registriert: Di Mai 17, 2011 11:13 pm

Re: Tabellenrahmen mit CSS?

von HTML.net » Do Mai 19, 2011 6:51 pm

Sie sind fast da. Ändern Sie einfach "table-layout" auf "table" in dir Stylesheet:

table
{
border-width: 5px;
border-color: red;
}

Lesen Sie mehr über die Grenzen hier: http://de.html.net/tutorials/css/lesson11.php

Sie können contol Scrollbalken mit der Eigenschaft "overflow ":

div
{
overflow: auto;
}

- Andreas, HTML.net
Benutzeravatar

HTML.net
Site Admin

  • Beiträge: 1194
  • Registriert: Sa Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.


+ Antwort erstellen

Seite 1 von 1