-Anfänger- Code funktioniert nicht ?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • -Anfänger- Code funktioniert nicht ?

    Liebe Easy-Coder,

    Ich will nun auch mal etwas über HTML/CSS usw. lernen. Ich behaupte mal ich stelle mich nicht blöd an, doch bin ich verwirrt. Zur Rahmen Orientierung, schaute ich mir auf
    YouTube das Gastvideo bei BlankvidmoivZ von HTMLworld and.

    youtube.com/watch?v=Qx39dEtnEe…s&list=WL1C7F44EF613C6CC9

    Allerdings komme ich dem nicht nach, bei etwa 26 min ungefähr wird da der Header in Richtung x definiert. Was mich jetzt wundert das er in der "index.html" nur einen Div Container hat wo die "header.png" angesprochen wird.

    Soweit auch klar, gebe ich also in der Stylesheet Datei alles so ein wie er, wird mir auch der Header dargestellt, nur fängt er dann in der style.css nicht header.png anzusprechen sondern "header_bg.png".

    Somit wird Ihm dann eine zweite Grafik anezeigt udn zwar der Querbalken der in x Richtung wiederhohlt werden soll.

    Das geht bei mir aber nicht. Denn das wiederspricht sich meiner Erfahrung - In der index.html ist doch gar nicht die header_bg.png definiert wie kann er diese dann ansprechen ?

    Hat jemand eine Idee ?

    mfg

    Liveplay
    Mit freundlichen Grüßen
    best regards

    Liv3pl4y

  • Hi,

    ich hoffe ich versteh dich richtig. Wenn in dem Stylesheet ein Background mit url definiert wird, dann wird dieses in dem Container als Background angezeigt, das hat aber nichts mit dem <img - Tag zu tun, sondern ist unabhängig. Verhält sich wie eine Hintergrundfarbe (z.B keine Rechtsklickoption -> Speichern unter möglich), nur als Bild. Wiederholungen (siehe repeat).
    Wenn die Grafik bei dir nicht angezeigt wird: ist der Pfad korrekt? Ausgangspunkt ist der relative Pfad, ausgehend von der CSS-Datei.

  • Hier meine "index.html":

    Quellcode

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <title>Silverstar</title>
    5. <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    6. </head>
    7. <body>
    8. <div id="header">
    9. <img src="pics/header.gif />
    10. </div>
    11. </body>
    12. </html>
    Alles anzeigen


    Und hier meine Stylesheet:

    Quellcode

    1. body {
    2. background-color:#143860;
    3. margin:0px auto;
    4. min-width: 960px
    5. }
    6. #header {
    7. width:100%
    8. height:180px
    9. background: url(pics/header.gif) repeat-x;
    10. margin: 0px auto
    12. }
    Alles anzeigen


    Wenn ich jetzt in der Stylesheet header_bg.gif verwende wird mir nichts mehr angezeigt, wenn ich es so stehen lasse wird mit der Header angezeigt aber nur der Header (Logo) aber nicht der Container der sich wiederhohlen soll.
    Mit freundlichen Grüßen
    best regards

    Liv3pl4y

  • <img src="pics/header.gif />

    Da fehlen die abschließenden Anführungszeichen nach der Pfadangabe (würde es gern markieren, aber der Editor streikt wohl immer noch). Falls du keinen Editor hast würde ich dir dringend zu einem raten, da alle Editoren ein Syntax-Highlighting haben, wodurch du Syntaxfehler in der Regel immer gleich erkennst.

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von freeek ()