Linkzeile in CSS?

[Agomy]

Hallo liebe community,

ich bin noch neu was das gesammte HTML-ieren angeht aber dort bin ich mitterweile recht weit.

Jetzt wollte ich mich mal an css wagen und das funktioniert soweit auch nicht schlecht doch bei einer sache hapert es jetzt leider doch und ich konnte mit der suche nichts der gleichen finden.
Eventuell waren meine suchbegriffe auch einfach die falschen oder es lässt sich einfach nicht mit css realisieren was ich aber nicht glaube.

Erstmal um was es geht:

Ich hab meine webseite im aufbau und da ist im moment alles in reiner HTML form und ich ich möchte anfangen und mir meine zukünftige arbeit etwas erleichtern und das ganze mit css umetzen.

Meine seite erreicht man derzeit via pressuredesigns.de oder direkt über Team PressureDesigns

Und nun zur frage:


Ich habe derzeit auf jeder html seite jedes mal die kompletten Seitenverweise eingefügt was sehr mühsam und zeitaufwendig ist.

Ich würde diese nun gerne in einer CSS zusammfassen so das ich wenn ich eine neue seite erstelle einfach nur dorthin referenzieren muss.

  <tr>
    <td valign="top" width="200">
      <table border="0" cellpadding="10" cellspacing="0">
        <tr>
          <td>

    <div align="left">


    <br>



    <a href="Home.html" 

    onmouseover="austausch4.src='Home OFF.png'"
    onmouseout="austausch4.src='Home ON.png'">
    
    <img src="Home ON.png"
    border="0" width="150"height="35"
    name="austausch4">

    </a>

    <br>

    <a href="Team.html" 

    onmouseover="austausch1.src='Team ON.png'"
    onmouseout="austausch1.src='Team OFF.png'">

    <img src="Team OFF.png"
    border="0" width="150"height="35"
    name="austausch1">

    <br>

    </a>

    <a href="Gallerie.html" 

    onmouseover="austausch2.src='Gallerie ON.png'"
    onmouseout="austausch2.src='Gallerie OFF.png'">

    <img src="Gallerie OFF.png"
    border="0" width="150"height="35"
    name="austausch2">
    
    </a>

    <br>

    <a href="Videos.html" 

    onmouseover="austausch3.src='Videos ON.png'"
    onmouseout="austausch3.src='Videos OFF.png'">

    <img src="Videos OFF.png"
    border="0" width="150"height="35"
    name="austausch3">
    </a>



          </td>
        </tr>
      </table>
    </td>

Ich habe bereits ein wenig mit css herrum experimentiert und mich auch auf diversen seiten eingelesen nur leider finde ich nie etwas bei dem es für mich verständlich erklärt wird wie man nun in css eben das obrige einbinden kann.

Ist das überhaupt möglich?
Wenn ja wie?

hier ist mal mein code zu dem ergebnis was man hier sehen kann: http://178.162.182.107/testfile.html

body
{
background-color:blue
}

h1
{
background-color:#fff900;
font-size:46pt;
text-align:center;
}


h2
{
font-size:36pt;
text-align:center;
background-color:white;
}

h3
{
color:blue;
background-color:black;
}


 p.abstand
{
margin-left:250px;
font-size:20pt;
}

p.right
{
text-align:right;
font-size:20pt;
color:white;
background-color:black;

Ich bin für jede hilfe dankbar,

MFG
Agomy

 

[Space Vampire]

Hallo.
Ich weiß garnicht wo ich anfangen soll...

Na, vielleicht erst mal damit: Deine Fragestellung ergibt keinen Sinn!
Was genau willst du in die neuen Seiten "referenzieren"?
Den gezeigten HTML-Code oder den CSS-Code dazu?

Falls CSS-Code:
Lagere dein CSS in eine externe datei aus und referenziere durch diese Zeile im Head

<link href="dein-css.css" rel="stylesheet" type="text/css">

Falls HTML-Code:
CSS ist da die völlig falsche Baustelle. Hier hieße die komfortabelste Lösung include() mit PHP oder Inhalte nachladen mit Javascript(AJAX).
Zu beidem gibt's hier im Forum und im restlichen Web reichlich Anleitungen und Hints

Weitere Hinweise:
- Den Mouseover/-out effekt, den du da unnütz mit JavaScript bewerkstelligst, kann man einfacher und vor Allem ohne das (abschaltbare) Javascript mit CSS machen.
Du benötigst dazu nur die Psoidoklasse :hover
SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen
- Layouts mit tabellen macht man seit über einem jahrzehnt nicht mehr!
Nimm dir die Zeit und beschäftige dich mal mit HTML-Semantik.

 

[Agomy]

Tut mir leid das meine frage offensichtlich so unverständlich ist.
wie man eine .css erstellt und dazu referiert weiss ich.


Was ich möchte noch einmal kurz erklärt:

Ich würde gerne in der .css datei alle links fertig konfigurieren so das beim erstellen einer weiteren seite, ich nurnoch auf die .css referenzieren muss, um die links auf der neuen seite angezeigt zu bekommen.

Mfg
Agomy

 

[Trüffelkrieger]

Das musst du, wie oben von Space Vampir beschrieben, am besten mit include(), PHP, machen.

 

[mermshaus]

Ich würde gerne in der .css datei alle links fertig konfigurieren so das beim erstellen einer weiteren seite, ich nurnoch auf die .css referenzieren muss, um die links auf der neuen seite angezeigt zu bekommen.

Dazu hat Space Vampire bereits etwas gesagt:

Falls HTML-Code:
CSS ist da die völlig falsche Baustelle.

Lies bitte die Antworten. CSS dient ausschließlich dazu, Formatierungsregeln für Inhalte festzulegen. Du kannst in CSS keine Inhalte (also: HTML-Code) definieren.