Youtube The Wallze Hintergrund Bild

zB. WAP und all das was sonst nirgends zu zuordnen ist....

Moderator: lauras

Beiträge bitte im neuen Forum

Youtube The Wallze Hintergrund Bild

Beitragvon TheWallze » Freitag 19. November 2010, 22:50

Ich ein problem ich mach gerade ihr beispiel (http://www.youtube.com/watch?v=wf4RKehXtZw&feature=BF&list=PL39C8BF4C0044AFC8&index=1) und krige über css das bild nicht rein der Blaue bereich erweitet sich auf 150 px leider erscheint kein bild.

Sie sagten ich sool hir die codes rein schreiben

HTML:

Code: Alles auswählen
<!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>Beispiel S&auml;ulenbauten</title>
    <link href="style.css" type="text/css" rel="stylesheet" />
</head>

<body>
    <div id="Kopfbereich">
        <p></p>
        S&auml;ulenbauten des 20. Jahrhunderts
        </p>
    </div>

    <div id="Steuerungsbereich">
        Steuerungsbereich
    </div>

    <div id="Schatten">
        Schatten
    </div>

    <div id="Inhaltsbereich">
        Inhaltsbereich
    </div>
</body>
</html>



CSS:

Code: Alles auswählen
#Kopfbereich {
background-color:blue;
background-image:url(bilder/Kopfbereich-hintergrundbild.jpg);
height: 150px
}

#Steuerungsbereich {
background-color:#FF0
}

#Schatten {
background-color:red
}

#Inhaltsbereich {
background-color:silver
}
Zuletzt geändert von TheWallze am Samstag 20. November 2010, 10:46, insgesamt 1-mal geändert.
TheWallze
HTML-Newbie
 
Beiträge: 15
Registriert: Freitag 19. November 2010, 22:43

Re: Youtube The Wallze Hintergrund Bild

Beitragvon lauras » Samstag 20. November 2010, 07:51

Hast du das Bild im richtigen Ordner und mit dem richtigen Dateinamen? Beliebter Fehler :D

Gruß
Laura

PS: Bitte packe deine Codes mit dem Code-BB-Tag ein ;)
Benutzeravatar
lauras
Moderator
 
Beiträge: 2114
Registriert: Samstag 3. November 2007, 22:08

Re: Youtube The Wallze Hintergrund Bild

Beitragvon TheWallze » Samstag 20. November 2010, 10:44

ja habe ich diesen Punkt habe ich 5 mal geprüft.
ok mache ich das nächste mal
TheWallze
HTML-Newbie
 
Beiträge: 15
Registriert: Freitag 19. November 2010, 22:43

Re: Youtube The Wallze Hintergrund Bild

Beitragvon Sarkkan » Samstag 20. November 2010, 12:04

Setzt die Angabe des Pfades (also alles nach "url(") mal bitte in Anführungszeichen (:
Benutzeravatar
Sarkkan
HTML-Acrobat
 
Beiträge: 1557
Registriert: Montag 5. April 2010, 01:46
Wohnort: Bei Köln

Re: Youtube The Wallze Hintergrund Bild

Beitragvon TheWallze » Samstag 20. November 2010, 12:16

Meintst du so?

Code: Alles auswählen
#Kopfbereich {
background-color:blue;
background-image:url("bilder/Kopfbereich-hintergrundbild.jpg");
height: 150px;
}

#Steuerungsbereich {
background-color: yellow;
}

#Steuerungsbereich li {
    display: inline;
    border-right: 1px solid black;
    padding-right: 1em;
    margin-right: 1em;
}

#Schatten {
background-color:red;
}

#Inhaltsbereich {
background-color:silver;
}

#Kopfbereich p {
     font-size: 1.8em;
     color: #FFFFFF;
     text-align: right;
     padding-top: 15px;
     padding-right: 15px;
     font-family: Arial, sans-serif;
}
TheWallze
HTML-Newbie
 
Beiträge: 15
Registriert: Freitag 19. November 2010, 22:43

Re: Youtube The Wallze Hintergrund Bild

Beitragvon TheWallze » Samstag 20. November 2010, 12:34

Das gleiche Problem Habe ich nun auch mit dem Schatten der rein soll

hier wieder

HTML:

Code: Alles auswählen
<!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>Beispiel S&auml;ulenbauten</title>
    <link href="style.css" type="text/css" rel="stylesheet" />
</head>

<body>
    <div id="Kopfbereich">
        <p>S&auml;ulenbauten des 20. Jahrhunderts</p>
    </div>

    <div id="Steuerungsbereich">
        <ul>
            <li><a href="index.htm">Startseite</a></li>
            <li><a href="ueber.htm">&Uuml;ber mich</a></li>
            <li><a href="meher.htm">...</a></li>
            <li><a href="impressum.htm">Impressum</a></li>
        </ul>
    </div>

    <div id="Schatten">
    Schatten
    </div>

    <div id="Inhaltsbereich">
        Inhaltsbereich
    </div>
</body>
</html>


Und hier CSS:

Code: Alles auswählen
#Kopfbereich {
background-color:blue;
background-image:url("bilder/Kopfbereich-hintergrundbild.jpg");
height: 150px;
}

#Steuerungsbereich {
background-color: #D9C191;
}

#Steuerungsbereich li {
    display: inline;
    border-right: 1px solid black;
    padding-right: 1em;
    margin-right: 1em;
}

#Schatten {
background-color:red;
background-image: url(bilder/schattenwurf-grau-v);
height: 12px;
}

#Inhaltsbereich {
background-color:silver;
}

#Kopfbereich p {
     font-size: 1.8em;
     color: #FFFFFF;
     text-align: right;
     padding-top: 15px;
     padding-right: 15px;
     font-family: Arial, sans-serif;
}
TheWallze
HTML-Newbie
 
Beiträge: 15
Registriert: Freitag 19. November 2010, 22:43

Re: Youtube The Wallze Hintergrund Bild

Beitragvon Sarkkan » Samstag 20. November 2010, 12:55

Aus deiner Schreibweise schließe ich, dass es nun mit dem Anführungszeichen um den ersten Pfad geklappt hat?
Muss ich das dann jetzt wirklich ausschreiben oder kommst du selber drauf?^^
Code: Alles auswählen
/* So hat es geklappt: */
background-image:url("bilder/Kopfbereich-hintergrundbild.jpg");

/* So scheint es irgendwie nicht zu klappen: */
background-image: url(bilder/schattenwurf-grau-v);

Na, kommst du drauf? :D

Gib in CSS immer Pfade in " (Anführungszeichen) an (:
Die w3c lässt zwar offen, wie es gehört, aber es gibt einige Browser, die das nur so verstehen und alle Browser, die das auch ohne " (Anführungszeichen) können, wissen trotzdem, wie Sie mit den " umgehen sollen :D
Benutzeravatar
Sarkkan
HTML-Acrobat
 
Beiträge: 1557
Registriert: Montag 5. April 2010, 01:46
Wohnort: Bei Köln

Re: Youtube The Wallze Hintergrund Bild

Beitragvon TheWallze » Samstag 20. November 2010, 14:32

nein es hat nicht geklapt weder mit dem ersten noc mit dem 2 Pfad
TheWallze
HTML-Newbie
 
Beiträge: 15
Registriert: Freitag 19. November 2010, 22:43

Re: Youtube The Wallze Hintergrund Bild

Beitragvon Sarkkan » Samstag 20. November 2010, 17:57

Eine Frage:
Wie sieht deine Verzeichnisstruktur aus? So:
Code: Alles auswählen
--- Bilder
|  -- Schatten.jpg
|  -- Hintergrund.jpg
|
--- Style
|  -- style.css
|
--- andere Ordner
|
index.html
meineSeite.html
seite2.html

Dann musst du nämlich ../ machen, um einen Ebene herunter zu gehen ;)
Also z.B. von Style auf die Haupt ebene und von dort aus dann in den Bilder-Ordner,.. (=

Code: Alles auswählen
"../Bilder/Schatten.jpg"
/* bedeutet quasi: */
"eineEbeneRunter/inDenBilderOrdner/Schatten.jpg"


PS: Ich hatte keine Lust mir die Namen deiner Dateien raus zu suchen, daher ggf ändern ;)
Benutzeravatar
Sarkkan
HTML-Acrobat
 
Beiträge: 1557
Registriert: Montag 5. April 2010, 01:46
Wohnort: Bei Köln

Re: Youtube The Wallze Hintergrund Bild

Beitragvon TheWallze » Samstag 20. November 2010, 19:59

ne

1 Übungs Ordner
----Bilder
index.htm
style.css
...

----Bilder
Schatten.jpg
Säulen.jpg

also für die seiten und für das desing habe ich kein extra ordner das habe ich zussammen gemacht
TheWallze
HTML-Newbie
 
Beiträge: 15
Registriert: Freitag 19. November 2010, 22:43

Re: Youtube The Wallze Hintergrund Bild

Beitragvon Sarkkan » Samstag 20. November 2010, 20:18

Heißt der Ordner "bilder" oder "Bilder"?
Es wird nämlich zwischen Groß und Kleinschreibung unterschieden!

Keine Sonderzeichen in den Namen, es wird zwischen jpg und jpeg unterschieden... was fällt mir den noch ein?^^
Benutzeravatar
Sarkkan
HTML-Acrobat
 
Beiträge: 1557
Registriert: Montag 5. April 2010, 01:46
Wohnort: Bei Köln

Re: Youtube The Wallze Hintergrund Bild

Beitragvon TheWallze » Samstag 20. November 2010, 21:10

klein. bilder
zählt - als sonder zeichen
TheWallze
HTML-Newbie
 
Beiträge: 15
Registriert: Freitag 19. November 2010, 22:43

Re: Youtube The Wallze Hintergrund Bild

Beitragvon Sarkkan » Samstag 20. November 2010, 21:23

Nein, zählt es nicht.. :/
Und langsam bin ich überfragt.. xD

Benutzt du Scriptly? Dann zieh mal bitte aus dem Ordner das Bild in den Editor (Dann wird der Pfad zu der Datei relativ zu der Datei, die du im Editor geöffnet hat, ausgegeben)
Benutzeravatar
Sarkkan
HTML-Acrobat
 
Beiträge: 1557
Registriert: Montag 5. April 2010, 01:46
Wohnort: Bei Köln

Re: Youtube The Wallze Hintergrund Bild

Beitragvon lauras » Sonntag 21. November 2010, 09:59

TheWallze hat geschrieben:klein. bilder
zählt - als sonder zeichen


Zählt zwar wie schon gesagt nicht, sollte aber nicht am Anfang eines Dateinamens stehen.
Benutzeravatar
lauras
Moderator
 
Beiträge: 2114
Registriert: Samstag 3. November 2007, 22:08

Re: Youtube The Wallze Hintergrund Bild

Beitragvon TheWallze » Sonntag 21. November 2010, 12:47

ok also ich benutze skriptly.
wie meinst du das mit in editor ziehen
TheWallze
HTML-Newbie
 
Beiträge: 15
Registriert: Freitag 19. November 2010, 22:43

Nächste

Beiträge bitte im neuen Forum

Zurück zu Sonstiges

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast