tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
650
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 12.03.09 02:23 #1
    Avatar von Hektik
    Hektik Hektik ist offline Mitglied Brokat
    Registriert seit
    May 2004
    Ort
    Kleve (NRW)
    Beiträge
    300
    Hallo!

    Eins vorweg: Ich schäme mich, diesen Thread zu eröffnen, aber ich weiß nicht mehr weiter -.- Da macht man mal 1 Jahr Pause und schon hat man die Hälfte vergessen

    Mein Problem in einfachen Worten:
    Ich kriegs nicht mehr hin, eine externe css-Datei im Head meiner html-Datei zu importieren. Hab google, selfhtml und das Forum hier bemüht, aber ich kriegs nicht hin.

    mein HTML-Doc (aufs wesentliche reduziert) sieht so aus:
    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <    html>
    <    head>
    <    style type="text/css">
    @    import "css/css.css";
    </    style>
    </    head>
    <    body>
    <    div class="top"></div>
    </    body>
    </    html> 
    meine CSS-Datei liegt im Unterverzeichnis "css" und heißt css.css:
    Code :
    1
2
3
4
5
6
7

    div.top {
background:url("design/background_inverted.jpg");
position: absolute;
top: 0;
width: 100%;
height: 70px;
}

    Ausgegeben wird eine weiße Seite

    Wenn ich jedoch das Stylesheet direkt im Head schreibe, nämlich so:
    PHP-Code:
    <head>
    <    style type="text/css">
    div.top {
    background:url("design/background_inverted.jpg");
    position: absolute;
    top: 0;
    width: 100%;
    height: 70px;
    }</    style>
    </    head> 
    Dann funktioniert das. Warum? Steh ich aufm Schlauch und bin verdummt? Ich hab sogar aus meinen vorhergehenden Webseiten 1zu1 kopiert, aber auch das klappt nicht. Bitte erlöst mich
     
    Zitieren Zitieren
  2. 12.03.09 05:48 #2
    Avatar von Dennis Wronka
    Dennis Wronka Dennis Wronka ist offline Soulcollector
    Registriert seit
    Apr 2002
    Ort
    Hong Kong
    Beiträge
    12.296
    Blog-Einträge
    231
    Hi.

    Probier mal das hier:
    HTML-Code:
    <link rel="stylesheet" type="text/css" href="css/css.css"/>
    Uebrigens, schicke Namensgebung -> css/css.css
     
    PHP Class Collection - PHP-Klassen fuer PHP 5 (und Teilweise auch fuer PHP 4)
    Updates: Catcher 1.1, FTPConnection 1.2, MultiSQL 1.1, RSS2 1.1, SMTPConnection 1.4
    __________________
    EasyLFS - Hintergrundinformationen, Installationsanleitung, Softwareliste und Download
    EasyLFS Projektthread - Informationen, Status und Diskussion zu meiner Linux-Distribution
    __________________
    Ich bin die Schildkroete, mein Sohn. Ich habe das Universum erschaffen, aber bitte mach mir daraus keinen Vorwurf; ich hatte Bauchschmerzen.
    __________________
    Zitat Zitat von Friedrich Nietzsche
    Man muss noch Chaos in sich haben, um einen tanzenden Stern gebaeren zu koennen.
    Zitieren Zitieren
  3. 12.03.09 06:52 #3
    Maik Tutorials.de Gastzugang
    Moin,

    in deinem Stylesheet (CSS-Datei) stimmt der Grafikpfad nicht - daher auch die Ausgabe der weißen Seite
    Wenn Sie background-image in einer separaten CSS-Datei notieren, beziehen sich relative Pfadangaben auf das Verzeichnis, in dem diese Stylesheet-Datei liegt.

    Bei dieser Verzeichnisstruktur
    • html-doc
    • css
      • css.css
    • design
      • background_inverted.jpg
    lautet demnach der relative URL:

    Code css:
    1
2
3
4
5
6
7

    div.top {
background:url("../design/background_inverted.jpg");
position: absolute;
top: 0;
width: 100%;
height: 70px;
}

    mfg Maik
     
    Zitieren Zitieren
  4. 13.03.09 17:19 #4
    Avatar von Hektik
    Hektik Hektik ist offline Mitglied Brokat
    Registriert seit
    May 2004
    Ort
    Kleve (NRW)
    Beiträge
    300
    Zitat Zitat von Maik Beitrag anzeigen
    Moin,

    in deinem Stylesheet (CSS-Datei) stimmt der Grafikpfad nicht - daher auch die Ausgabe der weißen Seite

    Bei dieser Verzeichnisstruktur
    • html-doc
    • css
      • css.css
    • design
      • background_inverted.jpg
    lautet demnach der relative URL:

    Code css:
    1
2
3
4
5
6
7

    div.top {
background:url("../design/background_inverted.jpg");
position: absolute;
top: 0;
width: 100%;
height: 70px;
}

    mfg Maik
    Dennis: Das hab ich auch versucht

    Maik: Na klaaaaaar relative Pfadangaben Oh mann :P
     
    Zitieren Zitieren
  5. 13.03.09 18:13 #5
    Avatar von Dennis Wronka
    Dennis Wronka Dennis Wronka ist offline Soulcollector
    Registriert seit
    Apr 2002
    Ort
    Hong Kong
    Beiträge
    12.296
    Blog-Einträge
    231
    Zitat Zitat von Maik Beitrag anzeigen
    in deinem Stylesheet (CSS-Datei) stimmt der Grafikpfad nicht - daher auch die Ausgabe der weißen Seite
    Argh. Haett ich ja auch mal drauf kommen koennen...

    Aber gut dass wir den Maik 24x7 hier im CSS-Forum rumspringen haben...
     
    PHP Class Collection - PHP-Klassen fuer PHP 5 (und Teilweise auch fuer PHP 4)
    Updates: Catcher 1.1, FTPConnection 1.2, MultiSQL 1.1, RSS2 1.1, SMTPConnection 1.4
    __________________
    EasyLFS - Hintergrundinformationen, Installationsanleitung, Softwareliste und Download
    EasyLFS Projektthread - Informationen, Status und Diskussion zu meiner Linux-Distribution
    __________________
    Ich bin die Schildkroete, mein Sohn. Ich habe das Universum erschaffen, aber bitte mach mir daraus keinen Vorwurf; ich hatte Bauchschmerzen.
    __________________
    Zitat Zitat von Friedrich Nietzsche
    Man muss noch Chaos in sich haben, um einen tanzenden Stern gebaeren zu koennen.
    Zitieren Zitieren
« Bilder an DIV anpassen und Seitenverhältnis beibehalten? | Divs - absolute, relative und so weiter »

Ähnliche Themen

  1. DW CS4 - Javascript aus <head> in ext. Datei verschieben
    Von maccafé im Forum HTML-Editoren
    Antworten: 1
    Letzter Beitrag: 17.03.10, 14:41
  2. HTML-Head auslesen?
    Von DataFox im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 12.02.08, 20:58
  3. Eine im Head eingebundene JS-Datei nur für neue Browser einbinden?
    Von josDesign im Forum Javascript & Ajax
    Antworten: 9
    Letzter Beitrag: 05.02.08, 18:05
  4. Fehler in Head Datei
    Von Blackylein im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 08.07.05, 10:38
  5. HTML Zeile über dem Head Bereich
    Von Precog im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 12.05.02, 12:46