• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrund in Zeile wird nicht dargestellt

Status
Für weitere Antworten geschlossen.
A

Alex66955

Neues Mitglied
Hey,


Hab ein kleines Problem. Wir sollen für die Schule ein kleines Projekt machen in html. Ich habe schon alles versucht aber ich bekomme es nicht hin dass, das Hintergrundbild in einer Zelle richtig angezeigt wird. Bzw. im Firefox ist alles in Ordnung aber im I-explorer fehlen die Bilder an dieser stelle.
Hier ist der Code vlt erkennt jemand meinen Fehler.

Code: 
<html>
<head>

<style type="text/css">
<!--
a:link { color: #f5f5f5; text-decoration:none; font-size:20; font-weight:bold;}
a:active { color: #ff0000; text-decoration:none; font-size:20;}
a:visited { color: #f5f5f5; text-decoration:none; font-size:20; font-weight:bold;}
a:hover { color: #ff0000; text-decoration:none; font-size:20;}

h1 { font-size:20; font-weight:normal; color: #e9e9e8}
//-->
</style>

</head>
<body bgcolor=#17380f background="bilder/background.gif">
<table border=0 height="800" width="100%" cellspacing="0" cellpadding="0">
<tr><td align=center>

  <table border="0" width="1000" height="100%" cellspacing="0" cellpadding="0" bgcolor=#efefe7>
  <tr><td height="200"><img src="bilder/banner.png" alt="Haus Banner"></td></tr>
  <tr><td valign="top">

    <table border="0" height="60" width="1000" cellspacing="0" cellpadding="0">
    [COLOR=Lime]<tr background="bilder/linkarea_1.png" height="30">[/COLOR]

    <td align=center width="250"><A HREF="">Startseite</a></td>
    <td align=center width="250"><A HREF="">Hausvariationen</a></td>
    <td align=center width="250"><A HREF="">Technik</a></td>
    <td align=center width="250"><A HREF="">Impressum</a></td></tr>

    [COLOR=Lime]<tr background="bilder/linkarea_2.png" height="30">[/COLOR]

    <td align=center width="250"><A HREF="">Niedrigenergiehaus</a></td>
    <td align=center width="250"><A HREF="">Nullenergiehaus</a></td>
    <td align=center width="250"><A HREF="">Plusenergiehaus</a></td>
    <td align=center width="250"></td></tr>

    </td></tr>
    </table>

   </td></tr>
   <!-- HINTERGRUNDFARBE FÜR DEN TEXT KANN HIER FESTGELEGT WERDEN-->
  <tr background="bilder/textarea.png" height="540">
      <td height="540" valign=top><iframe src="test.html" name="test" height="538" width="998" frameborder="0" scrolling="yes">Ihr Browser unterstützt keine IFRAMES.</iframe></td></tr>
    </table>
</td></tr>
</table>
</body>
</html>
<!--Links (Hausarten: Nidrieg, Null, Plus/ Technik: Solar Wärmerück.)<A HREF="">Startseite</a> <A HREF="">Hausvariationen</a> <A HREF="">Technik</a> <A HREF="">Impressum</a>-->
 
Abgesehen davon, dass Du Hintergrundbilder per CSS und nicht per HTML einbinden solltest und hier keinen validen Code zeigst - könnte es möglich sein, dass diese Bilder eine Transparenz enthalten? Wenn ja dürfte das für den IE das Problem sein, falls Du den IE6 meinst ...
 
threadi schrieb:
Abgesehen davon, dass Du Hintergrundbilder per CSS und nicht per HTML einbinden solltest und hier keinen validen Code zeigst - könnte es möglich sein, dass diese Bilder eine Transparenz enthalten? Wenn ja dürfte das für den IE das Problem sein, falls Du den IE6 meinst ...
Zum Vergrößern anklicken....


Hey,

Also eine Transparenz enthalten die Bilder nicht habe es auch schon mit anderen Bildern versucht.
Da wir in der Schule noch nicht so weit sind hat unsre Lehrerin extra gesagt CSS müssen wir bzw. können wir nicht benutzen. Aber wenn dadurch die Darstellung funktioniert im IE (ich hab den 7.) würde ich es gern umschreiben.
Bei selfhtml habe ich auch schon Beispiele gesehen aber nicht zum laufen gebracht. Bzw. eigentlich müsste doch auch mein Code funktionieren. Das macht es ja auch im Firefox.

Also mit CSS lautet das dann
<div style="background-image:url( ); px; px"></div>?
Also einfach das in die zeile schreiben wo ich den Hintergrund möchte?
 
Vielen Dank
Es funktioniert :) *Happy*


Was mich noch ein wenig verwundert ist das bei der Darstellung im IE jetzt Ränder sichtbare werden die im Firefox nicht sind.
 

Anhänge

  • 1 copy.jpg
    1 copy.jpg
    72,6 KB · Aufrufe: 7
  • 2 copy.jpg
    2 copy.jpg
    71 KB · Aufrufe: 7
Könnten die Zellenränder sein. Dafür gibst auch CSS-Eigenschaften:

Code: 
border-spacing: 0px;border-collapse: collapse;

Müssten bei <table> angegeben werden. Ansonsten schau halt mal bei selfhtml nach ;)
 
threadi schrieb:
Könnten die Zellenränder sein. Dafür gibst auch CSS-Eigenschaften:

Code: 
border-spacing: 0px;border-collapse: collapse;
Müssten bei <table> angegeben werden. Ansonsten schau halt mal bei selfhtml nach ;)
Zum Vergrößern anklicken....


Mhh also so angeben?
Code: 
<table border="0" height="60" width="1000" cellspacing="0" cellpadding="0" style="border-spacing: 0px;border-collapse:0px collapse;">
Bewirkt keine Veränderung
 
Punkt A) das war auch eher nur geraten, da ich deine Webseite nicht kenne.

Punkt B) vergleiche nochmal genau den Code von mir und den den du verwendest. Da gibt es einen Unterschied im CSS-Code.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben