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

iFrame transparenter Hintergrund

Status
Für weitere Antworten geschlossen.
S

sushiexpress

Neues Mitglied
Ich weiss dass im Forum schon ein Post mit diesem Thema ist, aber ich stelle mich irgendwie zu blöd an und es funktioniert nicht...es ist immer noch ein weisser Balken überhalb dem Bild.
Es funktioniert ja sonst mit allen Browsern, mit Opera hatte ich es auch gecheckt, nur der IE kann das iFrame nicht richtig darstellen.
Habe ich viell irgendwas falsch eingegeben?

Es handelt sich um eine "Bildergalerie" - links sind die thumbs, und rechts wird das Bild reingeladen. Habe den Code etwas gekürzt - es sind natürlich weit mehr als drei Bilder.

Das Stylesheet das ebenfalls verlinkt wird ist für die Formatierung von den links etc für die komplette Seite. Das dürfte ja hier nicht relevant sein.
Habe den Code für den transparenten Hintergrund so eingegeben wie es hier im Forum stand nur wie gesagt klappt es trotzdem nicht :-((

<html>
<head>
<title></title>
<link rel="stylesheet" href="../style.css" type="text/css" charset="utf-8" />
<style type="text/css">
{
background-color:transparent;
allowtransparency: true;
}

</style>
</head>

<body>

<div id="wrapper">
<h1><strong>Massivholzwerkstatt Wolfgang Dotzer</strong></h1>
<div id="nav">
<a href="../index.html">&Uuml;ber uns</a>
<a href="service.html">Service</a>
<a href="referenzen.html">Referenzen</a>
<a href="kontakt.html">Kontakt</a> </div>
<div id="body">
<div id="body-top"><div id="body-bot"><div id="body-top2">
<div id="body-top3">
<div id="body-bot2">
<div id="body-top4">
<div id="body-top-2"></div>
<div id="body-bot3">
<div id="welcome"><br /><br />
&nbsp;<a href="../images/bilder/1.jpg" target="anzeige"><img src="../images/bilder_s/s_1.jpg" border="0" alt="Balkongel&auml;nder"></a>
&nbsp;<a href="../images/bilder/2.jpg" target="anzeige"><img src="../images/bilder_s/s_2.jpg" border="0" alt=""></a>
&nbsp;<a href="../images/bilder/3.jpg" target="anzeige"><img src="../images/bilder_s/s_3.jpg" border="0" alt=""></a>
</div>

<div id="content"> <img src="../images/pic_10.gif" width="109" height="216" alt="Pic 9" class="left" />
<h2>Referenzen</h2>

<iframe name="anzeige" width="350" height="233" allowtransparency="true" scrolling="no" frameborder="0" src="../images/bilder/1.jpg"></iframe>
<br /><br /><br />
</p>
</div>
<div class="clear-flat"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<p>&nbsp;</p>
</div>
</div>

</body>
</html>
 
..Doch doch... ich dachte nur dass meine Thematik nicht so kompliziert wäre da andere Beiträge die nach mir eingestellt wurden bereits mehrfach beantwortet wurden...
 
dein code ist nahezu unlesbar. wenn ich den nicht mit copy und paste in meinen editor lade ist von lesen des codes nicht die rede.

beim antworten auf dieses posting sieh dir deine menüleistze des editorfensters an, da gibt es eine raute (#) die code leserlich macht (tabs im code lässt, eventuell den code highlightet etc).

ein link zum code-teil fehlt immernoch. ich müsste mir den code nun kopieren und bei mir extra ausführen. mache ich das bei 50 code-fragen, habe ich hier 50 dateien rumliegen, die niemand braucht. in deinem fall sieht das dann so aus:
 

Anhänge

  • codebeispiel.jpg
    codebeispiel.jpg
    49,6 KB · Aufrufe: 10
Es gibt keinen link da die Seite nicht online ist.
Natürlich sieht der code so aus in einem Editor aufgerufen; da fehlt ja (wie man unschwer sehen kann) die style.css.
Und ich finde den code eingentlich recht gut leserlich; alles schön untereinander wie es sich gehört.
Da habe ich schon schlimmere codes gesehen.
Aber bevor ich hier jetzt stundenlang rumdiskutiere, lassen wir es einfach.
 
du willst nicht verstehen oder !

ich kann deinen fehler NICHT nachvollziehen. erstens weil ich keinen weissen rahmen finde und weil ich keinen weissen eintrag in einer css einstellung finde.

da ich aber keinen bock auf rum ratereien habe und du dich weigerst irgend was zur behebung deines fehlers zu tun, lasse ICH es jetzt. dann such doch selber !
 
sushiexpress schrieb:
...?? benutze die code-tags? Der code steht doch in meinem Posting?
Zum Vergrößern anklicken....
Du hast doch bei der Registrierung Deines Nutzers den Forenregeln zugestimmt. Da steht auch drin, dass Du die Code-Tags benutzen sollst, auch was damit gemeint ist und wie das geht.

Du hast doch nicht etwa etwas zugestimmt, was Du nicht gelesen hast? :-)

sushiexpress schrieb:
Es gibt keinen link da die Seite nicht online ist.
Zum Vergrößern anklicken....
Wenn ich mir von jemandem Hilfe wünsche, dann tu ich alles, was der von mir will, um ihm die Arbeit zu erleichtern.
Wenn jemand nach einem Link zur Seite fragt, dann antworte ich nicht "Die Seite ist nicht online", sondern setze alle Hebel in Bewegung, dass ich sie online kriege. Und wenn Inhalte drin sind, die nicht für andere Augen gemacht sind, dann schneide ich sie raus. Und wenn ich mich für die Inhalte schäme, dann stell ich die Seite sowieso nicht online.

Aber bevor ich hier jetzt stundenlang rumdiskutiere, lassen wir es einfach.
Zum Vergrößern anklicken....
Ja, ich denke das ist das beste. Manche Leute glauben, ihnen fliegen die gebratenen Hühner von selbst in den Mund.
 
sushiexpress schrieb:
Ich weiss dass im Forum schon ein Post mit diesem Thema ist, aber ich stelle mich irgendwie zu blöd an und es funktioniert nicht...es ist immer noch ein weisser Balken überhalb dem Bild.
Es funktioniert ja sonst mit allen Browsern, mit Opera hatte ich es auch gecheckt, nur der IE kann das iFrame nicht richtig darstellen.
Habe ich viell irgendwas falsch eingegeben?

Es handelt sich um eine "Bildergalerie" - links sind die thumbs, und rechts wird das Bild reingeladen. Habe den Code etwas gekürzt - es sind natürlich weit mehr als drei Bilder.

Das Stylesheet das ebenfalls verlinkt wird ist für die Formatierung von den links etc für die komplette Seite. Das dürfte ja hier nicht relevant sein.
Habe den Code für den transparenten Hintergrund so eingegeben wie es hier im Forum stand nur wie gesagt klappt es trotzdem nicht :-((

<html>
<head>
<title></title>
<link rel="stylesheet" href="../style.css" type="text/css" charset="utf-8" />
<style type="text/css">
{
background-color:transparent;
allowtransparency: true;
}

</style>
</head>

<body>

<div id="wrapper">
<h1><strong>Massivholzwerkstatt Wolfgang Dotzer</strong></h1>
<div id="nav">
<a href="../index.html">&Uuml;ber uns</a>
<a href="service.html">Service</a>
<a href="referenzen.html">Referenzen</a>
<a href="kontakt.html">Kontakt</a> </div>
<div id="body">
<div id="body-top"><div id="body-bot"><div id="body-top2">
<div id="body-top3">
<div id="body-bot2">
<div id="body-top4">
<div id="body-top-2"></div>
<div id="body-bot3">
<div id="welcome"><br /><br />
&nbsp;<a href="../images/bilder/1.jpg" target="anzeige"><img src="../images/bilder_s/s_1.jpg" border="0" alt="Balkongel&auml;nder"></a>
&nbsp;<a href="../images/bilder/2.jpg" target="anzeige"><img src="../images/bilder_s/s_2.jpg" border="0" alt=""></a>
&nbsp;<a href="../images/bilder/3.jpg" target="anzeige"><img src="../images/bilder_s/s_3.jpg" border="0" alt=""></a>
</div>

<div id="content"> <img src="../images/pic_10.gif" width="109" height="216" alt="Pic 9" class="left" />
<h2>Referenzen</h2>

<iframe name="anzeige" width="350" height="233" allowtransparency="true" scrolling="no" frameborder="0" src="../images/bilder/1.jpg"></iframe>
<br /><br /><br />
</p>
</div>
<div class="clear-flat"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<p>&nbsp;</p>
</div>
</div>

</body>
</html>
Zum Vergrößern anklicken....


Hallo,
Mit allowtransparency="true" ist es moglich.

beispiel:
border="0" allowtransparency="true" scrolling="no" width="270" frameborder="0"


ich hoffe ich konnte helfen
schone grusse
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben