CSS - Browser erkennt Bilder nicht

Derber02 · 20.01.14, 00:59

Hallo mygullianer,
zur zeit versuch ich eine "erste Webseite" zu machen. Ich hab mir einfach vorgestellt bisschen rumzubasteln aber schon bei den Basics hab ich schon ein problem entdeckt:
Die Browser erkennen die Bilder nicht die ich im CSS definiere:
bei der internen vorschau(Internet explorer) werden mir die bilder angezeigt und alles ist so wie ich es will. aber sobald ich die datei doppeklicke und opera sich öffnet werden die bilder ignoriert
hier mal mein Code:

CSS:

Code:

body
{
    background:url(bilder/Champions League 2.jpg) repeat ;
    background-position: center;
    background-position: top;
    background-color:#000080;

#haupt_seite
{
    margin-top: 40px;
    margin-right: 0px;
    width: 830px;
    height: auto;
    background-color: #FFF;
}

    #head_seite_container
    {
        background-color: #FFF;
        width: 100%;
        height: 240px;

    }
        .header_background
        {
            height: 240px;
            width: 100%;
            background: url(bilder/Real Madrid Head.jpg) no-repeat ;
            background-position: center;

        }
}

HTML

Code:

 <link href="stylesheet.css" type="text/css" rel="stylesheet">
</head>

<body>

<table align="center">
    <tr>
        <td>

        <div id="haupt_seite">
            <div id="head_seite_container">

                <div class="header_background">

                </div>

            </div>
            <div id="navi_container">

                <div class="navi_container">

                </div>
            </div>
            <div id="main_container">

                <div class="linke_seite">

                <table class="linke_seite_tabelle">
                    <tr>
                        <td>

PS: Die bilder sind in einem Ordner der sich im gleichen Pfad befindet.. also Bilder/ ... .jpg
müsst reichen

ich hoff ihr könnt mir helfen

MfG

Derber02 · 20.01.14, 08:08

Problem gelöst:

anscheinend erkennt der browser die leerzeichen bei den beschreibung der bilder nicht:
bei allen bilder die leerzeichen durch "_" ersetzen und im code ändern und schon wird es angezeigt

ich hoff bei anderen fragen könnt ihr mir helfen
danke

Safer · 20.01.14, 17:22

Mahlzeit,

in 8 Stunden so schnell arbeitet man hier nicht

Es gibt im Grunde genommen kein Leerzeichen in HTML Tags. Jedes Leerzeichen in einem Tag ergänzt dieses um ein Attribut oder eine Variabel. Du hast es in einem Dateinamen, das ist anders als unter gängigen Betriebssystemen.
Darin liegt wie du schon bemerkt hast der Fehler.
Stell dir mal vor du bist der Browser und die Website sagt dir: Greife auf die Datei: "Bilder/champions " zu weil mehr liest er nicht. Dann denkt sich der Browser komisch diese Datei existiert nicht und mehr ist da nicht was ich verarbeiten kann.

Bei Fragen - Frag