Suche Rat, Hilfe

Castordesigns · 18.04.2009

AW: Suche Rat, Hilfe

Also du scheinst etwas grundlegendes nicht zu wissen...

HTML:

<style type="text/css">
  body, p a {
    color: black; background-color: #D7A7ED;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }
  h1 {
    font-size: 1.5em;
    margin: 0 0 1.7em; padding: 0.2em;
    text-align: center;
    background-color: #F0C1FF;
    border: 1px ridge silver;
  }
  html>body h1 {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }
  ul#Navigation {
    font-size: 0.83em;
    float: left; width: 18em;
    margin: 0 0 1.2em; padding: 0;
    border: 1px dashed gray;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: black; background-color: #F0C1FF;
  }
  ul#Navigation a:visited {
    color: #666; background-color: #F0C1FF;
  }
  ul#Navigation a:hover {
    color: black; background-color: #F0C1FF;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }
  div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #F0C1FF; border: 1px dashed gray;
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }
  div#Inhalt {
    margin: 0 12em 1em 16em;
    padding: 0 1em;
    border: 1px dashed gray;
    background-color: #F0C1FF;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #EEEECC; border: 1px solid gray;
  }
</style>

dieser Teil in deiner HTML datei sind STYLE ANGABEN in der Sprache die sich CSS nennt...
in einem derart grossen Projekt wie du es zu erstellen scheinst lagert man die CSS Daten in eine SEPERATE DATEI aus.
Du brauchst dazu nur den von mir zitierten Code in eine Datei zu packen und diese z.B. "allgemein.css" nennen. (aber ohne die <style></style> tags.
Diese Datei wird dann mittels folgendem Code auf die HTML datei angewendet.

HTML:

<link rel="stylesheet" href="css/allgemein.css" type="text/css" media="screen" />

href="" beschreibt dabei den Pfad vom stammverzeichnis aus. Die Datei allgemein.css befindet sich also im Ordner CSS.

Jetzt ist es so dass der Anfang deines HTML Dokumentes wie es oben steht folgendermassen lautet:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>April-Ausgabe</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

massgebend ist dabei folgende Stelle:

HTML:

<link rel="stylesheet" href="css/lightbox.css" type="text/css"

Hier wird eine CSS Datei geladen die sich ebenfalls im CSS ordner befindet und lightbox.css heisst.
Ist diese Datei im entsprechenden Ordner vorhanden???

(ich würde dir eh empfehlen die Daten in die allgemein.css zu packen)

P.S. jeder hat mal klein Angefangen aber ich denke, dass bei dir Bedarf an grundlegenden HTML und CSS kenntnissen vorhanden ist...