verena003: Mehr CSS in eine HTML-Datei?

Hallo,

ich versuche mich schon seit ein paar Tagen im CSS.
Klappt auch für den Anfang schon ganz gut, aber eines habe ich bis jetzt trotz stundenlanger Suche im Internet nicht gefunden. Ich hoffe mal, dass ihr mir da jetzt ein bisschen weiterhelfen könntet.

Und zwar man gibt ja im Stylesheet an wie die Tabelle aussehen soll. Also z.B.:
table {
       table-layout: fixed;
       width: 100%;
       height: 250px;
       border-style: solid;
       border-color: red;
       border-right-color: #000099;
       border-width: thick;
}

Wenn aber dies in meinem CSS steht, dann werden ja alle Tabellen in meiner HTML-Datei genau in diesem Stil angezeigt. Ich will aber den Tabellen verschiedene Stile geben. Also z.B. bei Tabelle1 den Hintergrund rot und bei Tabelle zwei den Hintergrund blau und mit border-coler rot.
Und jetzt meine Frage:
Wie mache ich dies, dass ich dort die Tabellen mit verschiedenen Stilen belegen kann?

Viele Grüße
Verena

    1. Grüße,
      fang http://de.selfhtml.org/css/index.htm@title=damit an
      MFG
      bleicher

      Da habe ich ja schon geschaut, aber das bringt mich nicht weiter, deswegen habe ich die Frage ja auch hier im Forum gestellt.

      1. Grüße,

        Da habe ich ja schon geschaut, aber das bringt mich nicht weiter, deswegen habe ich die Frage ja auch hier im Forum gestellt.

        <http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=hast du nicht!> sitzen - 6!
        MFG
        bleicher

      2. Hi,

        fang http://de.selfhtml.org/css/index.htm@title=damit an

        Da habe ich ja schon geschaut, aber das bringt mich nicht weiter,

        Das würde es aber, wenn du es mal aufmerksam durcharbeitest.

        MfG ChrisB

        --
        Light travels faster than sound - that's why most people appear bright until you hear them speak.
  1. Hallo Verena,

    wenn Du im stylesheet

    table  
    {  
       ...  
    }
    

    definierst, betrifft es in der Tat alle Tabellen in den Seiten, in denen Du dieses stylesheet einbaust.

    Wenn Du nur eine Tabelle meinst, gib dieser Tabelle eine id
    <table id="meineTabelle">
    und definiere im stylesheet

    #meineTabelle  
    {  
       ...  
    }
    

    Wenn Du mehrere Tabellen des gleichen Typs (sog. "Klasse") hast, kannst Du die betreffenden Tabellen einer Klasse zuordnen
    <table class="meineTabellenKlasse">

    Dann sieht's im stylesheet so aus:

    .meineTabellenKlasse  
    {  
       ...  
    }
    

    Hoffe, Dir geholfen haben zu können.

    Ansonsten empfehle ich wie die Kollegen das intensive Studium von http://de.selfhtml.org/css/@title=http://de.selfhtml.org/css/

    Gruß vom foomaker

    --
    Ändere, was Du ändern kannst.
    Akzeptiere, was Du nicht ändern kannst.
    Lerne, das eine vom anderen zu unterscheiden.
    1. Hallo Verena,

      wenn Du im stylesheet

      table

      {
         ...
      }

      
      > definierst, betrifft es in der Tat alle Tabellen in den Seiten, in denen Du dieses stylesheet einbaust.  
      >   
      > Wenn Du nur eine Tabelle meinst, gib dieser Tabelle eine id  
      > `<table id="meineTabelle">`{:.language-html}  
      > und definiere im stylesheet  
      > ~~~css
      
      #meineTabelle  
      
      > {  
      >    ...  
      > }
      
      

      Wenn Du mehrere Tabellen des gleichen Typs (sog. "Klasse") hast, kannst Du die betreffenden Tabellen einer Klasse zuordnen
      <table class="meineTabellenKlasse">

      Dann sieht's im stylesheet so aus:

      .meineTabellenKlasse

      {
         ...
      }

      
      >   
      > Hoffe, Dir geholfen haben zu können.  
      >   
      > Ansonsten empfehle ich wie die Kollegen das intensive Studium von <http://de.selfhtml.org/css/@title=http://de.selfhtml.org/css/>  
      >   
      >   
      > Gruß vom foomaker  
        
      Dankeschön! Hat geklappt :-)  
        
      Liebe Grüße  
      Verena