CSS Datei einbinden

Hier dreht sich alles um die auf der Webseite veröffentlichten Tutorials. // This forum is all about the APF tutorials.
Antworten
rockr
Beiträge: 9
Registriert: 21.09.2009, 11:15:00

CSS Datei einbinden

Beitrag von rockr » 21.09.2009, 11:23:58

Hallo zusammen,
versuch mich grade in APF einzuarbeiten und stoße auf gewisse Probleme.
zBsp. wie ich eine CSS Datei in mein Template einbinde, habe schon mit

Code: Alles auswählen

<link rel="stylesheet" media="all" type="text/css" href="style.css">

versucht was leider nicht funktioniert hat.

Gruß

Benutzeravatar
Screeze
Beiträge: 1920
Registriert: 05.08.2009, 09:49:04
Kontaktdaten:

Re: CSS Datei einbinden

Beitrag von Screeze » 21.09.2009, 11:26:36

Nun, das ist kein APF spezifisches Problem, sondern grundlage von html.

Die css angaben müssen natürlich in den header der seite, außerdem ist dein syntax nicht ganz korrekt. den richtigen findest du hier:
http://de.selfhtml.org/css/formate/einbinden.htm

Ich werde im laufe des Tages noch 2 Module für das APF im Erweiterungsbereich vorstellen, welche dafür ausgelegt sind header informationen (wie z.b. css und javascript dateien) in einem beliebigen template der seite einzubinden, diese dann allerdings im head der seite erscheinen. damit können seitenspezifische css und js dateien dynamisch eingebunden werden, nur wenn sie von nöten sind.
mfg
Screeze

rockr
Beiträge: 9
Registriert: 21.09.2009, 11:15:00

Re: CSS Datei einbinden

Beitrag von rockr » 21.09.2009, 11:54:19

Hallo,
danke für die schnelle Antwort!
Die css angaben müssen natürlich in den header der seite, außerdem ist dein syntax nicht ganz korrekt. den richtigen findest du hier:
http://de.selfhtml.org/css/formate/einbinden.htm
Weis leider nicht was an der Syntax falsch ist :shock: ?
Habe es aber mal von dem Link versucht, das gleiche Ergebniss :?

gruß

Benutzeravatar
Screeze
Beiträge: 1920
Registriert: 05.08.2009, 09:49:04
Kontaktdaten:

Re: CSS Datei einbinden

Beitrag von Screeze » 21.09.2009, 12:00:06

Dein seitentemplate sollte auf jedenfall einen <head> und eineen <body> bereich enthalten.
innerhalb des head bereiches musst du dann die css datei ausliefern. das könnte z.b. so aussehen:

Code: Alles auswählen


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Dein titel</title>

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

</head>
<body>
.....
</body>
</html>

das media=all in deinem tag ist nutzlos.

rockr
Beiträge: 9
Registriert: 21.09.2009, 11:15:00

Re: CSS Datei einbinden

Beitrag von rockr » 21.09.2009, 12:07:21

So hab ich es auch gemacht.
Rufe ich das Template vom Ordner (Templats) auf, dann funktioniert es, bin schon ein wenig verwirrt! :?

Code: Alles auswählen

<html>
<head>
  <title>Testseite</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <center>
    <table width="800" border="0" cellpadding="0" cellspacing="0" class="table_layout">
      <tr>
        <td class="logo">
        </td>
        <td class="header">
          <core:importdesign namespace="sites::testseite::pres::templates" template="header" />
        </td>
      </tr>
      <tr>
        <td class="table_menu">
          <core:importdesign namespace="sites::testseite::pres::templates" template="menu" />
              </td>
        <td class="table_content">
          <core:importdesign namespace="sites::testseite::pres::templates" template="content" />
        </td>
      </tr>
    </table>
  </center>
</body>
</html>

Benutzeravatar
Screeze
Beiträge: 1920
Registriert: 05.08.2009, 09:49:04
Kontaktdaten:

Re: CSS Datei einbinden

Beitrag von Screeze » 21.09.2009, 12:08:38

wo liegt denn deine style.css?
nach deiner definition liegt diese nämlich paralell zur bootstrab datei (index.php).
liegt hier der fehler?

rockr
Beiträge: 9
Registriert: 21.09.2009, 11:15:00

Re: CSS Datei einbinden

Beitrag von rockr » 21.09.2009, 12:10:37

Momentan im selben Ordner, und das war mein Fehler, die css datei muss in den gleichen Ordner wo die index.php liegt.
Danke!
habe vorher noch nicht mit Templates gearbeitet. ;)

Benutzeravatar
Screeze
Beiträge: 1920
Registriert: 05.08.2009, 09:49:04
Kontaktdaten:

Re: CSS Datei einbinden

Beitrag von Screeze » 21.09.2009, 12:14:57

wie die template datei?

Dann liegt hier der fehler.

am besten legst du für die ersten versuche dort wo deine index.php liegt einen ordner /styles/ an, und kopierst dort die style dateien rein.
dann addressierst du im template einfach mit "styles/styles.css"
Du musst bedenken dass ja die index.php alle dateien ausliefert. wenn der browser also die angabe "styles.css" findet, sucht er von der index.php ausgehend nach der datei.

edit: und wenn du später mehr mit dem apf arbeitest schau dir mal meine erweiterung screezeGetCssJs an, die kann auch dateien aus z.b. dem template ordner ausliefern.

rockr
Beiträge: 9
Registriert: 21.09.2009, 11:15:00

Re: CSS Datei einbinden

Beitrag von rockr » 21.09.2009, 12:20:17

Danke,
ich hatte es vorher auch schon so verstanden, es funktioniert.
War mein Fehler, wie immer ;) .

Megger
Beiträge: 1233
Registriert: 04.11.2008, 10:57:37

Re: CSS Datei einbinden

Beitrag von Megger » 21.09.2009, 12:22:34

Umso mehr man damit arbeitet. desto mehr Erfahrungen sammelt man und deswegen wird es auch einfacher. Ich programmiere schon eine Weile mit dem APF und habe mich schon sehr daran gewöhnt, allerdings denke ich, dass ich trotzdem noch viel lernen muss. Man lernt halt nie aus :D
Tutorial: Browsergame mit dem APF (Die ersten Parts handeln von Installation und Inbetriebnahme des APFs, deswegen sicherlich auch für alle Nicht-Browsergame-Programmierer interessant)

APF-Version
  • Entwicklung: 2.0
  • Produktiv: 1.15

rockr
Beiträge: 9
Registriert: 21.09.2009, 11:15:00

Re: CSS Datei einbinden

Beitrag von rockr » 21.09.2009, 12:26:11

habe vorher noch nie mit Frameworks was zu tun gehabt, bin zufällig drauf gekommen, ich finde es klasse ganz besonders hier das APF!!

Megger
Beiträge: 1233
Registriert: 04.11.2008, 10:57:37

Re: CSS Datei einbinden

Beitrag von Megger » 21.09.2009, 12:34:10

Da haben wir etwas gemeinsam :D Ich habe vorher auch noch nie mit einem Framework gearbeitet. Es war immer schwer wieder in das Projekt zu finden wenn man eine Weile nicht daran gearbeitet hat. Im APF habe ich nicht so das Problem, da kann ich mich eigentlich immer recht einfach einarbeiten.
Tutorial: Browsergame mit dem APF (Die ersten Parts handeln von Installation und Inbetriebnahme des APFs, deswegen sicherlich auch für alle Nicht-Browsergame-Programmierer interessant)

APF-Version
  • Entwicklung: 2.0
  • Produktiv: 1.15

Benutzeravatar
dr.e.
Administrator
Beiträge: 4555
Registriert: 04.11.2007, 16:13:53

Re: CSS Datei einbinden

Beitrag von dr.e. » 21.09.2009, 21:17:15

Hallo Jungs,

ich sehe, ihr könnt das schon alles ganz alleine. :)
Viele Grüße,
Christian

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast