Verständnisfrage CSS

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Verständnisfrage CSS

    Hi,

    wo bzw. wie muss ich Angabe zu meinem Stylesheet machen, wenn ich eine .htm Seite in eine index.php include ??
    In der zu includenden htm seite definiere ich nur ausschließlich den body, sprich es geht gelich los mit table .... aber die Verknüpfungen zum Stylesheet stehn doch im Header ???

    Oder mache ich alle Verknüpfungen direkt auf die index.php, also der
    Startseite ?? Wenn ja, spricht was dagegen alle Formatierungen in eine Datei zu setzen ?

    Auch wenn ich auf der zu includenden Seite Java Script einsetzte, wo bzw. iwe mache ich dann die Angaben, die normalerweise im Head Bereich stehn ?

    Besten Dank

    Marcus

  • #2
    stylesheet einbinden im head (der index.php, da du in der htm ja keinen head haben wirst)

    javascript ebenfalls auslagern inexterne datei und im head (der index.php bla bla bla) einbinden

    Was meinst du mit "spricht was dagegen alle Formatierungen in eine Datei zu setzen"?
    Ich denke, also bin ich. - Einige sind trotzdem...

    Kommentar


    • #3
      Hi,

      danke für die Antwort.

      Na ja, theoretisch könnte ich ja alle Formatierungen in eine css schreiben
      also so in der Art TABLE.tabelle1, TABLE.tabelle2 usw.

      Keine Ahnung, ob man das so macht.

      Gruß

      Marcus

      Kommentar


      • #4
        Gegenfrage: Warum sollte ich denn nicht alles was mit Präsentation und Darstellung zu tunhat in Stylesheets auslagern? Dazu sind die Dinger ja da
        Ich denke, also bin ich. - Einige sind trotzdem...

        Kommentar


        • #5
          Original geschrieben von travelfreak
          Na ja, theoretisch könnte ich ja alle Formatierungen in eine css schreiben also so in der Art TABLE.tabelle1, TABLE.tabelle2 usw.

          Keine Ahnung, ob man das so macht.
          klar macht man das so.

          siehe: http://www.selfhtml.net/css/formate/...en.htm#separat
          I don't believe in rebirth. Actually, I never did in my whole lives.

          Kommentar


          • #6
            Hi,

            ich habs so gemacht (versucht ;-) nun aber irgendwo ist noch der Wurm drin. Kann sich mal einer kurz die Seite und die css Datei dazu anschaun und sagen, warum das Menü rechts und das Menü oben nicht korrekt formatiert werden ? Oben wird die Schrift richtig gesetzt, die Links jedoch bleiben schwarz, obwohl ich gesagt habe a:link color: #FFFFFF;

            Ich mach da jetzt schon lange dran herum und komme auf keinen grünen Zweig.

            Hier die Seite: http://www.vierlefanz.de/new/index.php

            Und hier die main.css:

            .main
            {
            scrollbar-face-color: #000000 ;
            scrollbar-highlight-color: #000000 ;
            scrollbar-arrow-color: #FF0099 ;
            scrollbar-track-color: #CCCCCC ;
            scrollbar-darkshadow-color: #999999 ;
            }

            /*Formatierungen des oberen Menüs der Startseite*/
            TABLE.menutop
            {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #FFFFFF;
            text-decoration: none;
            }
            a:link {
            color: #FFFFFF;
            text-decoration: none;
            }
            a:visited {
            color: #FFFFFF;
            text-decoration: none;
            }
            a:hover {
            color: #FF0099;
            text-decoration: none;
            }
            a:active {
            color: #FFFFFF;
            text-decoration: none;
            }


            /*Formatierungen des Menüs auf der navi.htm*/
            TABLE.navi
            {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #000000;
            text-decoration: none;
            }
            a:link {
            text-decoration: none;
            color: #000000;
            }
            a:visited {
            text-decoration: none;
            color: #000000;
            }
            a:hover {
            color: #FF0099;
            text-decoration: none;
            }
            a:active {
            color: #FF0099;
            text-decoration: none;
            }

            /*Formatierung der Tabelle, die in die Startseite includet wird*/
            TABLE.tableout
            {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            margin-left: 50px;
            margin-top: 80px;
            }

            /*Formatierung, wenn weitere Tabellen innerhalb der Startseite (tableout) benötigt werden*/
            TABLE.tablein
            {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            }
            a:link {
            color: #000000;
            text-decoration: none;
            }
            a:visited {
            color: #000000;
            text-decoration: none;
            }
            a:hover {
            color: #000000;
            text-decoration: underline;
            }
            a:active {
            color: #000000;
            text-decoration: none;
            }


            Vielen Dank

            Marcus

            Kommentar


            • #7
              hat sich erledigt !!

              so hat es geklappt:

              .
              .
              .
              }
              .menutop a:link {
              color:#FFFFFF;
              text-decoration: none;
              }
              .
              .
              .

              Gruß
              Marcus

              Kommentar

              Lädt...
              X