CSS: Tabellenzelle formatieren / Hover Effekt!

Ok, das mit der Formatierung wegen Rolloverlink kann man mal vergessen, bzw. ich habe mir gedacht, das braucht man nicht wirklich. Stattdessen habe ich mich lieber mit etwas anderem beschäftigt, bzw. ich habe jetzt einmal versucht, die ganze CSS-Sache in eine externe Datei zu packen, da das auf lange Sicht einfacher zu handhaben ist.. Allerdings komm ich da irgendwie nicht mit. Oder ich komme schon mit, aber irgendwie das Programm nicht mit mir..

AAllsoo : ich habe erstmal ne CSS (main.css) Datei erstellt mit folgendem Inhalt :

Ok, nochmal zur Erklärung : Also :

Das meiste konnte ich (mehr oder weniger durch Zufall) selber "regeln".. Allerdings stören mich noch einige Kleinigkeiten :

•  In der Nebenleiste sollte "Aktuelles" weiß erscheinen (eventuell das Aufzählungszeichen auch noch). Dazu habe ich die CSS Datei um folgende Zeilen ergänzt :

•  Außerdem sollte in der Oberleiste die Links für die "Hauptkategorien" Aktuelles, Schulprogramm, Geschichte, Termine, Lehrerschaft, Klassen in etwa so groß dargestellt werden wie in der Nebenleiste das "Aktuelles". Dazu in der CSS-Datei zunächst folgende Ergänzung :
  
  Code: [Auswählen]
  /*  Linkformatierung für Oberleiste (Hauptkategorie-Auswahl) */
         
         b.A:LINK
                  {
                       font-family : Verdana;
                       color : #ffcc00;
                       font-size: 90%;

                  }
         b.A:VISITED
                  {
                       text-decoration:none;
                       font-weight: bold;
                       color: #ffcc00;
                       font-size: 90%;
                  }
         b.A:HOVER
                  {
                       text-decoration:underline;
                       color: #ffcc00;
                       font-size: 90%;
                  }
         b.A:AKTIVE
                  {
                       text-decoration:underline;
                       font-size: 90%;
                  }Und jeweils in "oberleiste_test.html" folgender Code :
  
  Code: [Auswählen]
  <li><a class="b"
 href="index_aktuelles.html">Aktuelles</a></li>
  
•   Und dann sollte der Text im "Hauptframe" Text zu Artikel 1 noch "normal" erscheinen, also gleich groß wie die Überschrift, nur halt nicht fett
  
  Code: [Auswählen]
  h1
/*  Normaler Text */
         {
             color: #000000;
             font-family: verdana;
             font-size: 100%;
             text-decoration: none;
             font-weight: none;
         }
  (dem gegenüber mal die Codeergänzung für Überschriften :
  
  Code: [Auswählen]
  h2
/*  Ueberschriften */
         {
             color: #000000;
             font-family: verdana;
             font-size: 100%;
             text-decoration: none;
             font-weight: bold;
         })
  
  
  Code: [Auswählen]
  <h2>Artikel 1<br></h2>
      <br>
      <h1>Text zu Artikel 1</h1><br>
  Was genau wird da denn falsch oder gar nicht definiert ? Wie gesagt, den Rest konnte ich (nach laaaaaaangem rumprobieren) "wieder" hinbekommen...

also

zu deinen links... wenn du verschiedene klassen für links haben willst (nennen wir sie man "Menu" und "Main" dann steht die klasse hinter dem a... also

a.Menu:hover {}
a.Main:hover {}

und dann wie gewohnt <a class="Menu".....> oder <a class="Main".....> ao kannste dann unterschiedliche links formen.

und nohcwas, da bin ich mir aber nicht sicher. Ich glaube zu wissen das eine klasse nicht so heißen darf wie ein bestehende klasse aus html... soll heißen

.table

geht nicht...wenn dann .table_main oder so...

Ah, danke... Habe zwar ne ungefähre Ahnung von CSS, aber habe diese bisher immer DIREKT im HTML Dokument eingefügt. Heute habe ich zum ersten mal sone externe Datei gemacht, aber steht ja nirgendswo etwas genaueres über die Klassen..    

und dann hätt ich noch ne lösung gefunden für dein erstes problem (ganze zelle verlinken)...

Ne, brauchste nich.. Danke  

Aber ich habe trotzdem noch ein paar Fragen :

Also bei dem Befehl von

So Leute.. Habe mich mal den Tag über hingesetzt und das alles mal im Alleingang gemacht.. Ne Ahnung hab ich ja schließlich schon.. Und soooooo schwer wars ja auch gar nicht  

Hat jetzt alles geklappt mit dem CSS Kram und ich kann schon sagen, dass ich mit dem Ergebnis sehr zufrieden bin. Also ich ändere da noch ein paar "index" Dateien und dann läuft das alles komplett über die externe CSS Datei.

Und das wegen dem Hintergrund für die Tabelle mach ich danach und schau mal, wie das ausschaut..

Danke an alle, die sichn Kopp gemacht haben (also könnens ja höchstens 27 gewesen sein, habe zwar selber 13x auf die Seite geguggt, aber soviel Köppe habe ich mir deswegen ja auch gemacht)  

So, hat sogar mit dem dollen Webserver geklappt, könnt ihr ja mal anschauen :
http://84.167.50.48/stadtschule/

Gut, etwas ungeschützt, aber ich mach den eh gleich wieder zu...

Nur, meint ihr, dass die HP jetzt etwas zu eng an diese Seite angeknüpft ist :
http://www.gy-mi.de/

Ich will ja nicht als Layoutdieb dastehen. Und ich hab ja schließlich alles selbstgeschrieben, von der CSS Datei bis zu den PHP-Befehlen....

Sorry, aber ich habe nochmal ne Frage zu diesem Code : Ich habe das jetzt wie gesagt zum laufen bekommen mit dem Hover effekt, dass die ganze Zelle eingefärbt wird.. Allerdings habe ich für den Link jetzt einen Abstand zum Linken Tabellenrand festgelegt.. Der Link ist jetzt auch etwas versetzt..

Allerdings wird der display:block; Befehl jetzt auch verschoben.. Wie bekommt man das denn hin, dass zwar der Text versetzt ist, aber der display:block; Befehl trotzdem noch für die ganze Zelle gilt ? Zur Veranschaulichung was ich meine : http://schwoebelbank02.sc.funpic.de/stadtschule/

PS. : Habe jetzt im Impressum auch computerhilfen.de erwähnt, muss ja schließlich langsam mal sein 

         a.nebenleiste
                  {   padding-left:10px
                       margin-left: 0em;
                       display:block;
                       width:100%;
                       height:100%;
                  }

nun wirst du aber nicht drumherum kommen das width-attribut anzupassen. entweder mit einer anderen %-zahl oder mit der genauen angabe an pixel da ich gerade festgestellt habe das er damit
den block vergrößert.

Achja..IMHO solltest du computerhilfen wieder aus dem impressum rausholen da das den schluß zulässt computerhilfen hätte was mit dem inhalt der seite zu tun. Wenn schon dann schreib lieber ne Dankes-Seite oder soetwas...

Ok, danke, das klappt jetzt auch.. Und wegen dem Impressum, da habe ich noch ne Bemerkung hinzugefügt. Aber eigentlich steht mein Name ja auch "nur" unter Gestaltung und Programmierung, für den Inhalt bin ich also auch nicht verantwortlich sondern eben nur die Stadtschule (Schulleitung, Lehrer...)

Auch wenn der Beitrag schon älter ist - in unserem Webmaster-Bereich haben wir mittlerweile einen Artikel mit Beispiel-Code, für einen einfachen Hover-Effekt bei Tabellen. Der funktioniert zwar mit CSS und Javascript zusammen, kann dafür aber auch mehrere Farben abhängig vom Inhalt der HTML Tabelle:

http://www.computerhilfen.de/info/webmaster-tabelle-hervorheben-mit-tr-und-onmouseover.html