css tutorial

  • Hallo ich hoffe ihr könnt mir weiter helfen? Ich arbeite mich gerade durchs css Tutoial
    und hänge bei dem punkt fest Grafiken einbinden. Ich habe Css ausgelagert weil ich es so übersichtlicher finde. aber egal wie ich es änder das bild wird nicht angezeigt ich poste mal beides und vieleicht sieht ja jemand den fehler. Als Bild habe ich das logo meiner Firma genommen ist ein jpeg-bild 720-321 und ist 14,3 kb groß.
    also erst mal die html seite :


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
    <title>Empfehlungen</title>
    <link rel="stylesheet" href="design.css" type="text/css"/>
    </head>
    <body>
    <h1> wichtigste Überschrift</h1>
    <h2> Überschrift </h2>
    <p>noch ein absatz mit text </p>
    <h2> überschrift h2 </h2>
    <p> noch mehr text </p>
    </body>
    </html>



    und nun CSS :


    p {

    }


    h1 {
    background-image:url("Hintergrund.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right;
    }


    h2 {
    text-align:center;
    color:white;
    background-color:limegreen;
    }




    So ich hoffe jemand kann mir helfen bin langsam am verzweifeln danke

  • ich hoffe mal das deine css datei auch design.css heißt wirklich.
    soll denn der text der in <h1> steht auf dem bild stehen oder soll das bild im endeffekt nur so heißen?
    Mir wäre nicht bekannt, dass man einer Überschrift einen Hintergrund setzen kann.
    Gib mal im css ein


    Code
    #test {
    background:url(Hintergrund.jpg) no-repeat;
    }


    und gib dann in html ein


    Code
    <div id="test">
    <h1>Überschrift #1</h1>
    </div>


    dann dürfte es gehen

  • Das Heißt alles schon wirklich so.


    Das Bild sollte im hintergrund vom text sein so wie im b.s vom tutorial seite 148


    aber schon mal danke für die hilfe

  • Huhu (=


    Kazu:
    Versuch nach Möglichkeiten nicht für alles einen div zu erzeugen.. :/
    Das müsste auch ohne gehen :wink:


    Olaf:
    heißt das Bild auch 'Hintergrund.jpg'? Groß oder Klein geschrieben? jpg oder jpeg? Oder vielleicht sogar JPG? Liegt das Bild in dem selben Verzeichnis, wie die Styledatei? und versuch es bitte mal ohne die " (Anführungszeichen) bei dem url()-Befehl :)

  • hmmmm i-wo ist der wurm drinne habe gerade noch mal die seite geöffnet und oben bissel rumgedrückt und wenn ich rechtsklicke kann ich mir die Hintergrundgrafik anzeigen lassen ohne probleme also wo ist der verdammte fehler werde noch verrückt :)

  • Code
    height:100px;
    width:100px;


    die 100 musste natürlich durch die neue größe ändern. Ansonsten würde ich dir raten das bild mit einem bildbearbeitungsprogramm
    (z.B. Photoshop) immer auf die größe zu bringen die es wirklich haben soll.


    gruß


    Kazu

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!