PHP Datei eine CSS Datei zuteilen - (X)HTML & CSS & DHTML & Javascript

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

21

Sonntag, 25. September 2011, 19:47

Hey,

jo, genau so hab ich das gemeint, weißt du eine Lösung?

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

22

Sonntag, 25. September 2011, 20:02

Dafür müsste ich mir jetzt all' Deine Stylesheets anschauen :cursing:

und da ich ja momentan selbst an meinem CMS schreibe, habe ich leider :rolleyes:

keine Zeit dafür

Also. Ich sehe jetzt so spontan zwei Möglichkeiten die in Betracht kommen:
1) Du fügst fälschlicher Weise zwei Mal das selbe Stylesheet ein (was aber wohl kaum den Fehler bringt, aber dennoch für Fehler sorgen kann) und zwar einmal in Zeile 19 und einmal in Zeile 169.
2) Deine Stylesheets überschreiben sich gegenseitig. Soll heißen, in Deinem eingefügten Stylesheet gibt es eine ID, oder Class, oder sonstige Eigenschaft, die es in einem Deiner anderen Stylesheets auch gibt. Welche, musst Du jedoch herausfinden und dementsprechend umbennen. Nen Vorteil ist, wenn Du weißt, was sich änder, wie z.B. Dein Footer. Dann guckst Du im neu eingefügten Stylesheet, wo Du da die ID oder Class des Footers verwendet hast und änderst sie. Wenn Du noch Styleänderungen im eigentlichen HTML_Dokument gemacht hast, musst Du diese natürlich auch überprüfen.

Das ist so, was mir spontan einfällt. Ich wüde jedoch mit deutlich weniger Stylesheets arbeiten, dann kommt so ein Durcheinander gar nicht erst auf. So verwende ich zum Beispiel ein Stylesheet, welches das gesamte Gerüst der Website, also das eigentliche Design festlegt, ein Stylesheet, wo ich für Formulare die Designvorgaben mache und ein Stylesheet für Inhalte (wo sollen geladene Bilder im Text platziert werden, wie ist eine Überschrift definiert...). Des Weiteren bei Bedarf noch eins für eine Gallerie und eins für das AMCP.

Hoffe, das hilft Dir einigermaßen weiter.

Liebe Grüße,

Toast

P.S. Evlt hilft dir auch der CSS-Validator, wenn irgendwo ein Fehler im Stylesheet ist. Ich meine, der macht Dich auch auf doppelte ID-Vergabe aufmerksam

Vulpire GbR - Marketingagentur in Köln und Dülmen

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

23

Sonntag, 25. September 2011, 20:51

Hey,

ja eigendlich überschreibt es immer in den beiden CSS Dateien folgendes denn des gibt es in ww-styles.css und head-f5d68...css sonst ist nichts gleich:

Wie kann ich das machen;

PHP-Quelltext

form, ul, ol, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, p, pre, code, address, body, html, table {
     font-size: 1em;
     margin: 0pt;
     padding: 0pt;
}

*::-moz-selection {
     background-color: #528631;
     color: #FFFFFF;
}

body {
     font: 11px Arial,Helvetica,sans-serif;
}

a, a:link, a:visited {
     color: #00000;
}

a:active {
     outline: medium none;
}

dl, ul, ol {
     margin: 1em 0pt;
}

h1, h2, h3, h4, h5, h6 {
     color: #528631;
     margin: 0pt 0pt 0.5em;
}

h1 {
     font-size: 1.5em;
}

h2 {
     font-size: 1.3em;
}

h3 {
     font-size: 1.1em;
}

h4 {
     font-size: 1em;
}

h5 {
     font-size: 1em;
}

h6 {
     font-size: 1em;
}

fieldset {
     border: 1px solid #B0AFB0;
     padding: 0.5em;
}

fieldset legend {
     color: #528631;
     padding: 0.1em 0.3em;
}

label {
     cursor: pointer;
}

input, select, textarea {
     font-size: 1em;
     margin: 0pt 5px 0pt 0pt;
}

select {
     padding: 2px;
}

hr {
     background-color: #B0AFB0;
     border: medium none;
     height: 1px;
     margin: 1.35em 0pt;
     width: 100%;
}

img {
     border: medium none;
}

#socialMedia {
     margin-left: 600px;
}

html {
     background-color: #FFFFFF;
}

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

24

Sonntag, 25. September 2011, 21:22

Joa. Dafür gibt es so genannten Klassen und IDs im CSS. Am besten Du liest Dich ein (die nötigen Infos hast Du schnell genug um Dein Problem zu lösen). Solltest Du dann noch Fragen haben, antworte ich Dir gerne.
Ein paar Links (eben auf die Schnelle

- gibt noch mehr -> einfach Googlen):
http://www.drweb.de/magazin/css-id-oder-klasse/
http://www.html-seminar.de/class_und_id.htm

Noch einen schönen Abend,

Toast

Edit: Nutze das nächste mal bei so vielen Zeilen im Quellcode bitte einen Spoiler. Dann müssen andere nicht so viel scrollen

Vulpire GbR - Marketingagentur in Köln und Dülmen

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Toast« (25. September 2011, 21:22)

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

25

Sonntag, 25. September 2011, 22:24

Hey,

also soweit blick ich da durch, nur muss ich da jetzt wenn ich zum Beispiel folgendes in meiner startseite.php habe:

<h1 ID="blau">Lokalbook, einfach kostenlos Beispieltext,...</h1> und ich hier dann einfach <h1 ID.. zu <h1start ID bennene und hier auch das so nenne geht das?:

h1start {
font-size: 1.5em;
}

Aber irgendwie muss es doch ne andere Lösung geben das ne Datei eine bestimmte CSS zugewiesen wird, muss doch möglich sein

Gruß Tobi

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

26

Montag, 26. September 2011, 00:05

Die anderen Lösungen funktionieren genauso wenig, da Du ja die Styleangaben "überschreibst". Es wirkt ja immer wie ein einzelnens Stylesheet.
Zu deiner Frage: Es müsste <h1 id="start">Bla</h1> sein und dann h1#start in der CSS.

Als alternative entwickelst Du insgesamt nur ein CSS, was dann jeweils durch die Seite geladen wird, aber die anderen mitabdeckt.
Dabei dürftest Du jedoch auf die gleichen Probleme stoßen.

Liebe nächtliche Grüße,

Toast

Vulpire GbR - Marketingagentur in Köln und Dülmen

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

27

Montag, 26. September 2011, 11:04

PHP-Quelltext

<html>
<head>
<?php


if(isset($_GET['page']) && file_exists('pfad/zu/css/'.$_GET['page'].'.css')){
echo '<link rel="stylesheet" type="text/css" href="pfad/zu/css/'.$_GET['page'].'.css" />':
}
?>
</head>
<body>
<?php
if(isset($_GET['page']) && file_exists('pfad/zu/php/'.$_GET['page'].'.php')){
include 'pfad/zu/php/'.$_GET['page'].'.php':
}else{
include 'pfad/zu/php/error404.php';
}
?>
</body>
</html>

so in etwa könnte man das lösen da müsste man jede seite über index.php aufrufen..

alternative möglichkeit wäre es auf jede deiner seite folgendes zu schreiben

	Cascading Style Sheet
1 2 3	<style> @import url('home.css'); </style>

http://de.selfhtml.org/css/formate/einbinden.htm#link_media

Mein kleines Projekt
-Cruel Online-

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

28

Montag, 26. September 2011, 16:18

Hey,

einfach zum beispiel wenn die footer.php eine eigene CSS Datei haben sollte das in den Footer rein, oder?

	PHP-Quelltext
1 2 3	<style> @import url('/hp/footer.css'); </style>

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

29

Montag, 26. September 2011, 16:19

Probier es aus

Mein kleines Projekt
-Cruel Online-

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

30

Montag, 26. September 2011, 16:27

Also so wie ichs gemacht habe funktionierts leider nicht,

PHP-Quelltext

<!-- Start: Site Page -->
    <div id="sitePage">

    <!-- Start: Site Page Content -->
    <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--[if lte IE 9]><link rel="stylesheet" type="text/css" href="http://www.lokalbook.de/lokalbook/hp/startseite/css/start2_IE.css" media="all" /><![endif]-->
<script type="text/javascript" src="http://www.lokalbook.de/lokalbook/hp/startseite/css/head-f5d68da428bb64309059322dfb8f8eb5.merged.gz.css"></script>
<style>@import url('/hp/startseite/css/head-f5d68da428bb64309059322dfb8f8eb5.merged.gz.css');</style>

</head>

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

31

Montag, 26. September 2011, 16:30

wieso kommen bei dir Divs VOR dem header?

deine footer.php sollte etwa so aussehen

	PHP-Quelltext
1 2 3 4 5 6	<style> @import url("footer.css"); </style> <div class="footer"> dieser Text wird durch footer.css formatiert </div>

Mein kleines Projekt
-Cruel Online-

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

32

Montag, 26. September 2011, 16:38

Hey,

hmm, trotzdem wird meine Seite noch anders dargestellt:

HP: http://lokalbook.de/lokalbook/

Siehe hier, da wirds noch überschrieben http://lokalbook.de/mitohnecss.png

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

33

Montag, 26. September 2011, 16:45

du hast auch in JEDER php datei ein <head> drin.. nur deine haupt php Datei sollte ein head bereich haben, alle anderen dateien benötigen ledeglich die HTML Elemente und <style> tags

EDIT: außerdem gehören in <head> bereiche keine <div> rein. der Aufbau einer seite sieht so aus:

	HTML
1 2 3 4 5 6 7 8 9	<!DOCTYPE html> <html> <head> <title></title> </head> <body> deine divs </body> </html>

und nur im body bereich solltest du deine dateien includen und den eingebundenen dateien weitere css stylesheets zuweisen..

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (26. September 2011, 16:45)

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

34

Montag, 26. September 2011, 17:02

Hey,

passt das so, klappt aber noch nicht ganz:

PHP-Quelltext

<!-- Start: Site Page Content -->
    <html>    
    <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
@import url("http://www.lokalbook.de/lokalbook/hp/startseite/css/head-f5d68da428bb64309059322dfb8f8eb5.merged.gz.css");
</style>

<!--[if lte IE 9]><link rel="stylesheet" type="text/css" href="http://www.lokalbook.de/lokalbook/hp/startseite/css/start2_IE.css" media="all" /><![endif]-->
<script type="text/javascript" src="http://www.lokalbook.de/lokalbook/hp/startseite/css/head-f5d68da428bb64309059322dfb8f8eb5.merged.gz.css"></script>
</head>

    <!-- Start: Site Page -->
    <div id="sitePage">
    <div class="footer">
    <div id="start2-infobar">
        <div class="start2-infobar-plugin1">
        <ul class="start2-infobar-tabMenu" id="start2-infobar-tabMenu-8"><li id="start2-infobar-tabMenuEntry0" class="start2-infobar-tabMenuEntry start2-infobar-tabMenuEntrySelected"><span>&nbsp;</span><a href="index.html#btab0" id="btab0">Lokalbook</a></li><li id="start2-infobar-tabMenuEntry1" class="start2-infobar-tabMenuEntry"><span>&nbsp;</span><a href="index.html#btab1" id="btab1">News und Aktionen</a></li></ul>
<div class="start2-infobar-tabContents" id="start2-infobar-tabContents-8"><h4 class="start2-infobar-tabTitle">Willkommen bei Lokalbook</h4>
<div class="start2-infobar-tabContent start2-infobar-tabContentSelected" id="start2-infobar-tabContent0"><div id="start2-tab1-left">
    <h2 id="start2-tab1-left-head">
        <img src="http://www.lokalbook.de/lokalbook/hp/startseite/images/power.png" width="340" height="65" alt="Mehr Leistung. Mehr Speicherplatz. Mehr Möglichkeiten." />
    </h2>
    <div id="start2-tab1-left-text">
        <div id="c7701" class="csc-default" ><p>Lokalbook bietet einen kostenlosen Image & File Upload an, <strong>mit mehr Leistung, mehr Speicherplatz und mehr Möglichkeiten,</strong> der kostenloser Dienst steht Ihnen sofort nach dem Registrieren zur Verfügung und ist absolut Werbefrei.
</p>
<p>Bei weiteren Fragen können Sie sich gerne bei uns im Supportcenter oder im Supportforum melden, bei weiteren wünschen erweitern wir Ihnen gerne unser Angebot.</p></div>
    </div>
</div>

<div id="start2-tab1-right" class="clearBox">
    <h3><img src="http://www.lokalbook.de/lokalbook/hp/startseite/images/mehr_ueber_uns.png" width="117" height="15" alt="Mehr über uns" /></h3>
    <div id="start2-tab1-right-button1" class="start2-tab1-right-button">
        <div id="c7702" class="csc-default" ><p><a href="http://www.lokalbook.de/lokalbook/forum/index.php" >Supportforum</a></p></div>
    </div>
    <div id="start2-tab1-right-button2" class="start2-tab1-right-button">
        <div id="c7703" class="csc-default" ><p><a href="http://www.lokalbook.de/lokalbook/produkte/" >Unsere kostenlose Produkte</a></p></div>
    </div>
    <div id="start2-tab1-right-button3" class="start2-tab1-right-button">
        <div id="c7986" class="csc-default" ><p><a href="http://www.facebook.com/Lokalbook" >Lokalbook jetzt bei Facebook!</a></p></div>
    </div>
</div></div><h4 class="start2-infobar-tabTitle">Die neuesten News und Aktionen rund von Lokalbook</h4>
<div class="start2-infobar-tabContent" id="start2-infobar-tabContent1"><div id="start2-tab2-left">
    <div id="c8159" class="csc-default" ><h2><span class="specialText"><a href="http://www.lokalbook.de/lokalbook/webhosting/" >JETZT</a></span> <a href="http://www.lokalbook.de/lokalbook/webhosting/" >kostenloser Image Upload</a></h2>
<p>Stellen Sie Ihre Fotos einfach und bequem ins Internet mit einer Verfügbarkeit von 100%, der Image Upload von Lokalbook machts möglich. Jetzt mit noch mehr Leistung, mehr Speicherplatz, mehr Speicherdauer und einer eigenen Fotogallery Ihrer Daten. <a href="http://www.lokalbook.de/lokalbook/image-hosting/" >Zum kostenlosen Angebot</a></p></div><div id="c8160" class="csc-default" ><h2><span class="specialText"><a href="http://www.lokalbook.de/lokalbook/file-hosting/" >JETZT</a></span> <a href="http://www.lokalbook.de/lokalbook/file-hosting/" >kostenloser File Upload</a></h2>
<p>Starten Sie jetzt&nbsp;mit den kostenlosen File Uploader für Einsteiger und Professionals von Lokalbook durch, mit mehr Leistung, mehr Speicherplatz und 100% erreichbarkeit Ihrer Daten. <a href="http://www.lokalbook.de/lokalbook/file-hosting/" >Zum kostenlosen Angebot</a></p></div><div id="c7985" class="csc-default" ><h2><span class="specialText"><a href="http://www.facebook.com/Lokalbook" >NEU</a></span> <a href="http://www.facebook.com/Lokalbook" >Lokalbook jetzt bei Facebook!</a></h2>
<p>Lokalbook ist jetzt auch bei Facebook, werden Sie Fan und erfahren Sie unsere Neuigkeiten und Erweiterungen zu unseren Angeboten. <a href="http://www.facebook.com/Lokalbook" >Besuchen Sie uns auf Facebook</a></p></div>
</div>

<div id="start2-tab2-right" class="clearBox">
    <div id="start2-tab2-right-blog">
        <div id="start2-tab2-right-blogEntryTop">&nbsp;</div>
        <div id="start2-tab2-right-blogEntry">
            <h2><a href="http://www.lokalbook.de/lokalbook/partnerprogramm">Unsere Werbepartner</a></h2><p>Es existiert kein Partner.</p>
        </div>
        <div id="start2-tab2-right-blogEntryBottom">&nbsp;</div>
        <div id="start2-tab2-right-blogEntryButton">
        </div>
    </div>
</div></div></div>

    </div>
    
    </div>
    <div id="start2-infobar-close">&nbsp;</div>
    <!-- End: Site Page Content -->
    </div>
        </div>
            </html>    
    <!-- End: Site Page -->

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Lokalbook« (26. September 2011, 17:02)

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

35

Montag, 26. September 2011, 17:05

tjoa lade deine seite hoch und lasse diese durch W3C Validator durchchecken , dann siehste was du falsch gemacht hast

Mein kleines Projekt
-Cruel Online-

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

36

Montag, 26. September 2011, 17:12

ich habs durch den vali durch, aber eigendlich ist da kein schwerliegender Fehler dabei.

http://jigsaw.w3.org/css-validator/valid…arning=&lang=de

ansonsten müsste es passen.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

37

Montag, 26. September 2011, 17:15

jo und jetzt sagste was genau überschrieben werden soll, bzw was überschrieben wird aber nicht soll. Am besten noch, lädste dir Firebug runter und dann kannst du direkt im HTML COde nachsehen was für Attribute diene Klassen haben und in welcher datei diese verändert werden

Mein kleines Projekt
-Cruel Online-

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

38

Montag, 26. September 2011, 17:18

@cccpmik: Meintest Du nicht eigentlich den HTML-Validator? Da sind nämlcih deutlich mehr Fehler drin, und vor allem auch die, die Du meinst

Liebe Grüße, Toast

Vulpire GbR - Marketingagentur in Köln und Dülmen

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

39

Montag, 26. September 2011, 17:23

Hey,

das hab ich 2x in 2 verschiedene CSS Dateien, und hab 2 verschiedene CSS Dateien auf der Startseite für 2 unterschiedliche Bereiche die aber die gleiche ID haben und deshalb wird immer etwas überschrieben. Firebug hab ich schon beim FF, komm damit auch gut klar. :thumbsup:

Cascading Style Sheet

body {
     font: 11px Arial,Helvetica,sans-serif;
}

a, a:link, a:visited {
     color: #00000;
}

a:active {
     outline: medium none;
}

dl, ul, ol {
     margin: 1em 0pt;
}

h1, h2, h3, h4, h5, h6 {
     color: #528631;
     margin: 0pt 0pt 0.5em;
}

h1 {
     font-size: 1.5em;
}

h2 {
     font-size: 1.3em;
}

h3 {
     font-size: 1.1em;
}

h4 {
     font-size: 1em;
}

h5 {
     font-size: 1em;
}

h6 {
     font-size: 1em;
}

fieldset {
     border: 1px solid #B0AFB0;
     padding: 0.5em;
}

fieldset legend {
     color: #528631;
     padding: 0.1em 0.3em;
}

label {
     cursor: pointer;
}

input, select, textarea {
     font-size: 1em;
     margin: 0pt 5px 0pt 0pt;
}

select {
     padding: 2px;
}

hr {
     background-color: #B0AFB0;
     border: medium none;
     height: 1px;
     margin: 1.35em 0pt;
     width: 100%;
}

img {
     border: medium none;
}

#socialMedia {
     margin-left: 600px;
}

html {
     background-color: #FFFFFF;
}

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

40

Montag, 26. September 2011, 17:28

ja ich meinte den HTML Validator und bei diesem Code hier

Spoiler
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test import</title>
</head>
<body>


<script type="text/css">
import 'test.css';
</script>
<div class="test">test</div>

</body>
</html>

gibt es keine fehler, also ist das Importieren von css dateien im Body völlig legal.

@lokalbook,

fange von Vorne an, baue erstmal deine seite OHNE links und OHNE content auf. und ein wenig überschauberer. Also Ledeglich Header,Platz für Content , Navi und Footer. und dann sehen wir weiter. Ich persönlich habe keine lust mich da durch den HTMl Code durchzufrickeln und ich denke es geht vielen hier genauso

MFG

EDIT:
@lokalbook benutze bitte Spoiler tags ich möchte nicht immer scrollen, vorallem nach rechts

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (26. September 2011, 17:28)

PHP-Quelltext

PHP-Quelltext

Cascading Style Sheet

PHP-Quelltext

PHP-Quelltext

PHP-Quelltext

HTML

PHP-Quelltext

Cascading Style Sheet

HTML

Ähnliche Themen