• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Navigationsleiste und Rahmen

kaepten

kaepten

Mitglied
Guten Tag,
Ich habe mehrere verschiedene Links mit unterschiedlichen Formationen,also verschieden Link Klassen.
Jedoch wenn ich diese Klasse so schreibe in die Format-Datei dann erkennt mein Browser diese nicht und sagt nur das es die eine gibt. Die ganz normale. Desweiteren möchte ich wenn der Link aktiv ist das er eine andere Hintergrundfarbe hat,aber dies macht der Browser nicht!
HTML: 
<!DOCTYPE html>
<html>
 
  <head>
   <link  rel="stylesheet" type="text/css" href="formatindex.css"  />
   <meta chraset="UTF-8">
   <title> BKWI - Schulplan </title>
   <link href="bilder/favicon.ico" rel="shortcut icon">
  </head>

<body>

<div class="titel">
<img src="bilder/bkwi.png" alt="BKWI" width="200" height="90" />

</div>


<div class="navioben">


<a href="index.html"><img src="bilder/930.png" alt="BKWI" width="43" height="43"/></a>
<a href="schulplan.html">Schulplan</a>
<a href="anmeldeformular.html">Anmeldeformular</a>
<a href="kontakt.html">Kontakt</a>



</div>


<div class="navilinks">

<a class="links" href="#haupt"><h3>Hautpfächer</h3></a>
<a class="links" href="#neben"><h3>Nebenfächer</h3></a>
<a class="links" href="#pru"><h3>Prüfungen</h3></a> 
</div>

<div class="inhalt">



<h1> Anmeldeformular </h1>


<table>

<colgroup>
<col class="spalte1" />
<col class="spalte1" />
<col class="spalte1" />
<col class="spalte1" />
<col class="spalte1" />
<col class="spalte1" />
</colgroup>

<tr>
<th> Zeit </th>
<th> Montag </th>
<th> Dienstag </th>
<th> Mittwoch </th>
<th> Donnerstag </th>
<th> Freitag </th>
</tr>

<tr>
<td> 7:45-8:30 </td>
<td rowspan="2"> - </td>
<td class="farbe5" rowspan="3"><a  class="2" href="#haupt">BWL</a></td>
<td class="farbe5" rowspan="2"> BWL/IKT </td>
<td class="farbe3" rowspan="2"> WI </td>
<td class="farbe8" rowspan="2"> GW </td>
</tr>

<tr>
<td> 8:30-9:15 </td>
</tr>

<tr>
<td> 9:35-10:20 </td>
<td class="farbe3" rowspan="2"> WI </td>
<td class="farbe7" rowspan="2"> GGK </td>
<td class="farbe5" rowspan="2"> BWL </td>
<td class="farbe9" rowspan="2"> BM </td>
</tr>

<tr>
<td> 10:20-11:05 </td>
<td class="farbe6"> Religon  </td>
</tr>

<tr>
<td> 11:20-12:05 </td>
<td class="farbe1" rowspan="2"> Mathe </td>
<td class="farbe2" rowspan="2"> Deutsch </td>
<td class="farbe5" rowspan="2"> BWL </td>
<td class="farbe4" rowspan="2"> Englisch </td>
<td class="farbe3" rowspan="2"> WI </td>
</tr>

<tr>
<td> 12:15-13:00 </td>
</tr>

<tr>
<td> 13:00-13:45 </td>
<td colspan="5"> M I T T A G S P A U S E </td>
</tr>

<tr>
<td> 13:50-14:35 </td>
<td class="farbe2", rowspan="2"> Deutsch </td>
<td>  </td>
<td>  </td>
<td>  </td>
<td class="farbe4", rowspan="2"> Englisch </td>
</tr>

<tr>
<td> 14:45-15:20 </td>
</tr>




</table>


<h3>Prüfung</h3>
Abschlussprüfung Fachhochschulreife in den schriftlichen Prüfungsfächern:
<p> Deutsch,Englisch, Betriebswirtschaftslehre,Mathematik und einem mündlichen Prüfungsfach. </p>


<h3> Hautpfächer </h3>
<a id="haupt" </a>
<h3>Nebenfächer</h3>
<a id="neben" </a>

<h3>Prüfung</h3>
<a id="pru" </a>

</div>

<div class="navirechts">
<br /><br /><br /><br /><br />
<a class="icon" href="hausaufgaben.html"><img src="bilder/ha1.png" alt="Hausaufgaben" onmouseover="src='bilder/ha2.png'" onmouseout="src='bilder/ha1.png'" width="35" height="35" /></a>
<a href="information.html"><img src="bilder/info1.png" alt="Informationen" onmouseover="src='bilder/info2.png'" onmouseout="src='bilder/info1.png'" width="35" height="35" /></a>
<a href="kontakt.html"><img src="bilder/mail.png" alt="E-Mail" onmouseover="src='bilder/mail2_1.png'" onmouseout="src='bilder/mail.png'" width="35" height="35" /></a>


</div>
</body>

</html>
Habe hier mal die Seite euch hineingestellt mit dem dazugehörigen Formatdatei.
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;
     background-color: #008800;
     /* Funkoniert nicht ._. */
    }
    

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;} */

/* a.Tabelle ist die Klasse für die Tabelle */

a.tabelle:link
    {
     text-decoration: none;
     text-underline: none;
    }
   
a.tabelle:active
    {
     text-decoration: none;
     text-underline: none;
    }
    

a.tabelle:visited
    {
     text-decoration: none;
     text-underline: none;
    }
   
a.tabelle:hover
    {
      cursor:  url(bilder/finger.cur), progress;
    }
/* a.links ist die Klasse für die Navi links */

a.links:link
    {
     text-decoration: none;
     text-underline: none;
    }
   
a.links:active
    {
     text-decoration: none;
     text-underline: none;
    }
    

a.links:visited
    {
     text-decoration: none;
     text-underline: none;
    }
   
a.links:hover
    {
      cursor:  url(bilder/finger.cur), progress;
      background-color: #D2D2D2;
    }
   
a.icon:hover
    {
      cursor:  url(bilder/finger.cur), progress;
      background-color: #D2D2D2;
    }

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: 140px;
          height: 1000px;
          background-color: #E0E0E0;
          color: #000000;
          float: left;
       }
      
.inhalt
       {
          text-algin: left;  
          width: 1010px;
          height: 1000px;
          background-color: #FFFFFF;
          overflow: auto;
          float: left;
       }

.navirechts
       {
          width: 150px;
          height: 1000px;
          background-color: #FFFFFF;
          color: #000000;
          float: left;
       }

/* KONTAKTFORMULAR */
form {
  background-color: #d9d9d9;
  width: 370px; /* Breite des Formulars */
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer;  /* Mauszeiger wird zur Hand */
}
input#besuchername,
input#besuchermail,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #C0C0C0;
}

Also es sollte so ausschauen wie auf dieser Seite mit der Navigationsleiste. http://www.w3schools.com/tags/ref_colorpicker.asp . Das es verschieden Linkarten gibt mit unterschiedlichen Farben etc. aber der Browser erkennt die anderen nicht? :(
Nun zu meiner zweiten Frage,sobald ich über die Navigationsleiste über einen Link also gehe werden nur der Hintergrund schwarz,aber wie teile ich es ein das es wie auf der obengenannten Seite so einen ganzen Abschnitt gemacht wird.
Falls ich mich zu undeutlich ausgedrückt habe,sagt es mir bitte.
 
Werbung:
Werbung:
Das kannst du deinem Lehrer gerne sagen das er euch die Materie vernümpftig beibringen soll und nicht nach einem Stand von vor 10 Jahren.
 
Werbung:
nookie schrieb:
Das kannst du deinem Lehrer gerne sagen das er euch die Materie vernümpftig beibringen soll und nicht nach einem Stand von vor 10 Jahren.
Zum Vergrößern anklicken....

Dies ist leider ein sehr häufiges Problem an den Schulen in der heutigen Zeit. In einer meiner Parallelklassen wird beispielsweise noch anhand von Frames gelehrt und altes Wissen , wie Tabellenlayouts ne aufgewärmt. Gerade solche Beispiele zeigen , wo es momentan scheitert und warum man immer wieder so etwas vor die Nase bekommt. Ein Schüler der wenig Ahnung von einer Materie hat vertraut hier normalerweise seinem Lehrer , da er denkt dessen Methoden wären gut , aktuell und zielführend.

Nach dem er dann den ersten Forenbeitrag geschrieben hat und wegen den veralteten Technologien von einigen alten Hasen heruntergemacht wurde und kritisiert wurde entsteht häufig Verwirrung beim betroffenen Schüler. Bei Gesprächen musste ich leider auch teilweise feststellen das bei manchem Lehrer die letzten 515 Jahre vorbeigehuscht sind und dieser sich selbst mit aktuellen Sachen nicht auskennt. Dies ist meiner Meinung nach einer der größten vorhandenen Mängel: Es fehlt einfach an Lehrpersonal an normalen Schulen, die aktuelle und gängige Methoden zum Lehren berichten und sich noch dementsprechend weiterbilden. Und so kommt eine neue Gruppe vo nLeuten die auf veraltetes setzt heraus, so ein Kreis ist leider äußerst schwer zu schließen.....
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben