Browser Anzeige & 2 Links verschieden machen

Guten Tag,
ich habe gleich zwei Fragen an euch.
Die erste Frage: Ich schreibe meine Codes mit PsPad. Der interne Browser von PsPad schau so aus wie auf dem Bild.
[ATTACH=full]4057[/ATTACH]
Aber sobald ich es in Firefox öffne sieh es gleich ganz anders aus.
Woran liegt das? Und wie mache ich das richtig?

(die Codes findet ihr am Ende )
[ATTACH=full]4058[/ATTACH]

Nun zu meiner zweiten Fragen wie ihr vielleicht auf dem ersten Bild erkennen könnt,befindet sich unter dem Bild BKWI Links,aber gleichzeitig befindet sich in der Tabelle auch Links,aber wie kann ich jetzt die Links lassen aber nur unterschiedlich formatieren?
HTML-Code für Schulplan:

[CODE]

BKWI - Schulplan
BKWI

BKWI
Schulplan
Anmeldeformular
Kontakt

Hautpfächer


Nebenfächer


Prüfungen

Anmeldeformular

Zeit Montag Dienstag Mittwoch Donnerstag Freitag
7:45-8:30 - BWL BWL/IKT WI GW
8:30-9:15
9:35-10:20 WI GGK BWL BM
10:20-11:05 Religon
11:20-12:05 Mathe Deutsch BWL Englisch WI
12:15-13:00
13:00-13:45 M I T T A G S P A U S E
13:50-14:35 Deutsch Englisch
14:45-15:20

Prüfung

Abschlussprüfung Fachhochschulreife in den schriftlichen Prüfungsfächern:

Deutsch,Englisch, Betriebswirtschaftslehre,Mathematik und einem mündlichen Prüfungsfach.

Hautpfächer

<a id="haupt"

Nebenfächer

<a id="neben"

Prüfung

<a id="pru"
Kontakt

So erreichen Sie uns:

[/CODE]

CSS-Code für Schulplan:

[CODE]
body
{
font-size: 12pt;
color: black;
background-color: #FFFFFF;
font-family: verdana;
/* cursor: url(bilder/cat.ani), progress; */
}
h1
{
font-size: 16pt;
}

h2
{
font-size: 14pt;
}
h3
{
font-size: 14pt;
color: #0066FF;
}
h4
{
font-size: 13pt;
}

h5 {
background-color: darkred;
color: FFFFFF;
padding: 8px;
}

a:link
{
text-decoration: none;
color: #C0C0C0;
text-underline: none;
font-size: 18pt;
}

a:active
{
text-decoration: none;
text-underline: none;
color: #C0C0C0;
}

a:visited
{
text-decoration: none;
text-underline: none;
color: #C0C0C0;
}

a:hover
{
cursor: url(bilder/finger.cur), progress;
background-color: 000000;
}
/* Nicht mehr wichtig da a:hover
.mauszeiger
body, a:hover {cursor: url(bilder/mittelfinger.cur), progress;} */

ul
{
list-style-type: circle;
}

.mitte
{
text-align:center;
}
.rechts
{
text-align:right;
}

table
{
width: 85%;
border-width: 3pt;
border-style: solid;
border-color: #000000;
background-color: #C0C0C0;
}

th
{
background-color: #99FFFF;
}

td
{
border-width: 1pt;
border-style: solid;
border-color: #000000;
}

.spalte1
{
background-color: #C0C0C0;
width: 15%;
}

.farbe1
{
background-color: #99CCFF;
}

.farbe2
{
background-color: #FFFF00;
}

.farbe3
{
background-color: #FFFFFF;
}

.farbe4
{
background-color: #FF0000;
}

.farbe5
{
background-color: #00CC00;
}

.farbe6
{
background-color: #FF00FF;
}

.farbe7
{
background-color: #FFCCFF;
}

.farbe8
{
background-color: #800080;
}

.farbe9
{
background-color: #FFCC00;
}

.titel
{
width: 1300px;
height: 100px;
background-color: #FFFFFF;

   }

   }

.navioben
{
width: 1300px;
height: 45px;
background-color: #494949;
color: #D2D2D2;
padding-bottom: 15px;
padding-top: 15px;
}

.navilinks
{
width: 150px;
height: 1000px;
background-color: #D6D6D6;
color: #000000;
float: left;

   }

.inhalt
{
text-algin: left;
width: 950px;
height: 1000px;
background-color: #FFFFFF;
overflow: auto;
float: left;
margin: 5px;
}

.navirechts
{
width: 200px;
height: 1000px;
background-color: #FFFFFF;
color: #000000;
}[/CODE]

Keine Ahnung was du meinst, weil sehr unverständlich. Ich kann nur die leeren Tabellenzellen erkennen. Wenn du diese ausblenden möchtest, kannst du es mit
table {

empty-cells:hi
de;
}

erreichen.

Ach und unterm .title-Selektorblock ist eine geschlossene Klammer zu viel.

.titel
       {
          width: 1300px;
          height: 100px;
          background-color: #FFFFFF;
      
       }

       } 

Und der Unterschied der Darstellung rührt daher, dass dein Programm eine Browser-Engine verwendet, die den Quellcode offenbar anders rendert als der Firefox. Für eine zuverlässige Ansicht solltest Du dich immer auf die Browser-Ansicht verlassen, nicht auf Vorschau-Funktionen von Editoren, solange Du nicht weißt was dahinter steckt.

Indem du dem Link eine class gibst.
Zum Beispiel:

[HTML]Beispiellink[/HTML]

[HTML]a.anders:link
{
color:#ff0000;
text-decoration:none;
}[/HTML]

Ich kann ja verstehen das du Anfänger bist, aber solche Fragen lassen sich innerhalb von 1 Minute mit Google beantworten.

Gruss
Elroy