Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Hintergrund (CSS) wird nicht angezeigt

  1. #1
    Großmeister(in) Avatar von Darkxor
    Registriert seit
    17.11.2007
    Ort
    NRW
    Beiträge
    663
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hintergrund (CSS) wird nicht angezeigt

    Ich habe mich hierran gehalten und wollte somit ein Hintergrundbild nur horizontal anzeigen.
    Jedoch hat der Browser anscheinend anderes vor.

    HTML-Code:
    <html>
    <head>
    <title>hierTitel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    
    <style type="text/css">
    background-image:url(backgrounds/bg1.gif);
    background-repeat:repeat-x;
    </style>
    
    </head>
    <body>
    
    <center>
    <br>
    <table width="731".....
    Kennt wer von euch woraum er das Bild nun gar nicht anzeigt?
    Und als es eben noch ging obwohl ich eigentlich gar nichts danach
    verändert hatte, da wurde nach dem automatischen Verlängern der
    Inhaltstabelle der Hintergrund nochmal horizontal angezeigt was auch
    nicht sein sollte .
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Hintergrund (CSS) wird nicht angezeigt

    Hättest Du Dich daran gehalten, dann würde Dein Quelltext so aussehen:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <html>
    <head>
    <title>background</title>
    <style type="text/css">
    #mithintergrund {
    background:url(backgrounds/bg1.gif) repeat-x;
    }
    </style>
    </head>
    <body>
    <div id="mithintergrund">.....
    Richtig wäre aber:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>background</title>
    <style type="text/css">
    * {
    margin: 0;
    padding: 0;
    }
    body {
    font-size: 100.1%;
    }
    #mithintergrund {
    background:url(backgrounds/bg1.gif) repeat-x;
    margin-top:1.5em;
    }
    </style>
    </head>
    <body>
    <div id="mithintergrund">.....

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund (CSS) wird nicht angezeigt

    Du musst die genannten Eigenschaften auch noch einem Element zuweisen.
    Wenn es in deinem Fall die Tabelle ist, kannst du das so lösen:

    Code:
    <style type="text/css">
    #content {
    background-image:url(backgrounds/bg1.gif);
    background-repeat:repeat-x;
    }
    </style>

    Und dann im body-Teil:

    <table id="content" width="731".....
    Allerdings solltest du für reine Layout-Zwecke die Tabelle nicht missbrauchen. Sie dient nur einer strukturierten, tabellarischen Darstellung, wie z.B. einer Adressliste mit Name, Straße, Ort usw.
    Besser wäre, wenn du ein CSS-Layout verwendest.

  4. #4
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Hintergrund (CSS) wird nicht angezeigt

    Zitat Zitat von sejuma Beitrag anzeigen
    wie z.B. einer Adressliste mit Name, Straße, Ort usw.
    Man sollte dies aber nicht mit der Auszeichnung einer einzelnen Adresse vertauschen. Hierzu gibt es den Tag <address>. Nur mal so als Ergänzung.

  5. #5
    Großmeister(in)
    Themenstarter
    Avatar von Darkxor
    Registriert seit
    17.11.2007
    Ort
    NRW
    Beiträge
    663
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Beitrag AW: Hintergrund (CSS) wird nicht angezeigt

    Hallo ich hoffe mal damit verstoße ich nicht gegen irgendwelche Gesetze
    wenn ich dies nun so regle:
    HTML-Code:
    <style type="text/css">
    
    
    #content {
    background-image:url(backgrounds/bg.gif);
    background-repeat:repeat-x;
    }
    
    
    #nav {
        a:link {color:23292C; text-decoration:underline}
        a:visited {color:23292C; text-decoration:underline}
        a:active {color:23292C; text-decoration:underline}
        a:hover {color:136CAE; text-decoration:underline}
    }
    </style>
    Und dann im Body für den Hintergrund:
    HTML-Code:
    <body id="content">
    Ebenso fällt euch bestimmt der Punkt #nav auf. Damit wollte ich nun
    nur der Navigation einen Sytle zuweisen.

    HTML-Code:
                <table border="0" width="456" height="41" background="Bilder/index_03.png" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <center>
                            <span style="font-size:10pt;"><font face="Tahoma">
                            <div id="nav">
                            <a href="#">Home</a>
                            </div>
                            </font></span>
                            </center>
                        </td>
                    </tr>
                </table>
    Ich habe es einmal mit der div versucht wie oben zu sehen und einmal mit:
    HTML-Code:
    <table border="0" width="456" height="41" background="Bilder/index_03.png" cellpadding="0" cellspacing="0" id="nav">
    Bei beiden Versuchen wurde der Style nicht angenommen

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund (CSS) wird nicht angezeigt

    Dem body würde ich keinen id zuweisen. Das kannst du direkt so machen:
    Code:
    body {
    background-image:url(backgrounds/bg.gif);
    background-repeat:repeat-x;
    }
    Bei den Links musst du dem Farbcode noch eine Raute voranstellen:

    a:link {color: #23292C; text-decoration:underline}

  7. #7
    Großmeister(in)
    Themenstarter
    Avatar von Darkxor
    Registriert seit
    17.11.2007
    Ort
    NRW
    Beiträge
    663
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund (CSS) wird nicht angezeigt

    Hallo,
    danke für den Hinweis leider geht es immer noch nicht.
    Habe mir schon deine Seite angesehn:
    http://www.ohne-css.gehts-gar.net/0003.php
    Ich habe es nun genauso wie dort beschrieben und mit der
    id wie mir es oben gezeigt wurde, jedoch wird der Standardstyle
    vom Firefoix (Blau a:link / visited=lila...) immer noch angezeigt

  8. #8
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Hintergrund (CSS) wird nicht angezeigt

    Anstelle immer nur andere Seiten zu verlinken, solltest Du lieber mal einen Link zu Deiner Problemseite posten.

  9. #9
    Großmeister(in)
    Themenstarter
    Avatar von Darkxor
    Registriert seit
    17.11.2007
    Ort
    NRW
    Beiträge
    663
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund (CSS) wird nicht angezeigt

    Hallo,
    ich habe die Seite nicht online sondern nur lokal.
    Die Teile, die mit dem Problem zu tun haben, habe ich
    bereits gepostet und wenn gewünscht wird alles zu sehen,
    hier die komplette HTML Datei:

    HTML-Code:
    <html>
    <head>
    <title>xxxxxxxxxxxxxxxx</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    
    
    body {
    background-image:url(backgrounds/bg.gif);
    background-repeat:repeat-x;
    }
    
    
    #nav {
        a:link {color:#23292C; text-decoration:underline}
        a:visited {color:#23292C; text-decoration:underline}
        a:active {color:#23292C; text-decoration:underline}
        a:hover {color:#136CAE; text-decoration:underline}
    }
    </style>
    
    
    
    </head>
    <body>
    
    <center>
    <br>
    <table width="731" height="488" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td rowspan="3">
                <img src="Bilder/index_01.png" width="258" height="86" alt=""></td>
            <td colspan="2">
                <img src="Bilder/index_02.png" width="473" height="34" alt=""></td>
        </tr>
        <tr>
            <td>
                <table border="0" width="456" height="41" background="Bilder/index_03.png" cellpadding="0" cellspacing="0" id="nav">
                    <tr>
                        <td>
                            <center>
                            <span style="font-size:10pt;"><font face="Tahoma">
                            <a href="#">Home</a>
                            
                            </font></span>
                            </center>
                        </td>
                    </tr>
                </table>
            </td>
            <td rowspan="2">
                <img src="Bilder/index_04.png" width="17" height="52" alt=""></td>
        </tr>
        <tr>
            <td>
                <img src="Bilder/index_05.png" width="456" height="11" alt=""></td>
        </tr>
        <tr>
            <td  colspan="3">
                <table border="0" width="731" background="Bilder/index_06.png" cellpadding="0" cellspacing="0">
                    <tr align="left" valign="top">
                        <td>
                            <center>
                            <table border="0" width="690" height="377" cellpadding="0" cellspacing="0">
                                <tr align="left" valign="top">
                                    <td>
                                    <span style="font-size:12pt;"><font face="Tahoma" color="#333333">
                                        <table border="0" width="690" cellpadding="0" cellspacing="0">
                                            <tr align="left" valign="top">
                                                <td width="406">
                                                    <p><strong><font color="#4B90C2">Herzlich Willkommen auf meiner Internetseite! </font></strong></p>
                                                    
                                                </td>
                                                <td width="284">
                                                    xxxxxxxxxxxxxxxxxxxxx
                                                </td>
                                            </tr>
                                        </table>    
                                    </font></span>
                                    </td>
                                </tr>
                            </table>
                            </center>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="3">
                <img src="Bilder/index_07.png" width="731" height="25" alt=""></td>
        </tr>
    </table>
    </center>
    </body>
    </html>

  10. #10
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund (CSS) wird nicht angezeigt

    Ganz nach Beispiel ist das auch nicht.
    So sollte es klappen:

    Code:
    #nav a {
    color:#23292C;
    }
    
    #nav a:hover {
    color:#136CAE;
    }
    Zum Verständnis:
    Die erste Angabe bedeutet: Gilt für alle Links und alle Linkzustände innerhalb von #nav.
    In der zweiten Angabe wird definiert, was bei hover von der ersten Angabe abweichen soll. Das ist nur die Farbe.
    Text-decoration: underline ist Stadard und kann man deshalb auch weglassen.
    Geändert von sejuma (01.03.2009 um 09:20 Uhr)

Ähnliche Themen

  1. Ava wird nicht angezeigt
    Von Allegra im Forum Forum-Hilfe.de intern
    Antworten: 2
    Letzter Beitrag: 16.08.2008, 14:36
  2. Transzparenter Hintergrund wird im IE nicht angezeigt.
    Von Nemesis im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 10
    Letzter Beitrag: 09.07.2007, 01:20
  3. Hintergrund in IE nicht angezeigt
    Von Starfighter im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 24.01.2007, 21:03
  4. Problem: Im Net Hintergrund nicht angezeigt
    Von Starfighter im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 22.12.2006, 22:23
  5. Hintergrund wird bei html-page nicht angezeigt brauch hilfe
    Von TobiGeiger im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 29.09.2004, 07:18

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •