Antworten zum Thema „Kein Freiraum um Bild?“

gimpfranzel · 05.02.2008

Hallo,
ich habe eine HTML-Seite auf der sich lediglich ein Bild befindet.
Diese Seite habe ich in meine Index-Seite per IFrame eingebunden.
Nun sehe ich, dass sowohl an der Seite und auch oberhalb des Bildes ein
weißer Rand ist...bekomme ich den denn weg oder ist das immer so?
Danke schonmal für Hilfe...

Sapoot · 05.02.2008

AW: Kein Freiraum um Bild?

Ist der IFrame mit Border=0 eingestellt?
Vll stellst du den Link dazu rein, dann könnte man auch in den Code reinschauen.

Overtone · 05.02.2008

AW: Kein Freiraum um Bild?

Wenn kein Rand erwünscht ist muss auch im IMG-Tag border=0 stehen.

gimpfranzel · 06.02.2008

AW: Kein Freiraum um Bild?

Ich mein das anders...ich sende am besten mal einen Screenshot!
Ich habe die "Problemzone" mal rosa eingefärbt!
Um das Bild herum ist in der bild.html immer noch ein Rand..und zwar innerhalb des Iframes...also das hat nichts mit Border zu tun, denk ich mal!

gimpfranzel · 06.02.2008

AW: Kein Freiraum um Bild?

Hier der Screen

stb_87 · 06.02.2008

AW: Kein Freiraum um Bild?

Ohne Quelltext kann man da nicht wirklich will sagen, nur vermuten.

cellpadding="0", cellspacing="0" sofern du Tabellen verwendest in dem iFrame.

Ich vermute mal, du fügst dein Bild über <img src="...".../> ein. Erweitere diesen Tag mal mit <img src="..." style="margin: 0px; padding: 0px;" />

gimpfranzel · 06.02.2008

AW: Kein Freiraum um Bild?

HTML-Code der index-Seite (wo der Iframe dann drauf ist):

HTML:

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function change(url1, url2)
{
parent.headerframe.location = url1;
parent.Navi.location = url2;
}
//-->
</script>
</head>
<body>
<div align="center">
  <center>
  <table border="0" cellpadding="5" cellspacing="5" style="border-collapse: collapse" bordercolor="#111111" width="845" height="355" id="AutoNumber1">
    <tr>
      <td width="845" height="70" colspan="3">
      <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" height="100" width="100%" id="AutoNumber2" height="58">
        <tr>
          <td width="82%" height="58">
          <iframe src="bild1.htm" name="headerframe" frameborder="0" width="680" height="255"></iframe></td>
          <td width="118%" height="58">
          <img border="0" src="logo.png" width="200" height="200"></td>
        </tr>
      </table>
      </td>
    </tr>
    <tr>
      <td width="34" height="187" valign="top">&nbsp;<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3" height="137">
        <tr>
          <td width="50%" height="65">
          <a href="#" onClick="change('bild2.htm','pf.htm'); return false;">
          <img border="0" src="pf.png" width="95" height="67"></a></td>
          <td width="50%" height="65">
          <a href="#" onClick="change('bild3.htm','am.htm'); return false;">
          <img border="0" src="am.png" width="95" height="67"></a></td>
        </tr>
        <tr>
          <td width="50%" height="71">
          <img border="0" src="ct.png" width="95" height="67"></td>
          <td width="50%" height="71">
          <img border="0" src="ip.png" width="95" height="67"></td>
        </tr>
      </table>
      </td>
      <td width="659" height="285" rowspan="2" bgcolor="#cfcfcf">
      <iframe name="Iframe" src="home.htm" allowtransparency="1" frameborder="0" width="626" height="329"></iframe></td>
    </tr>
    <tr>
      <td width="34" height="98" valign="top">
      <iframe src frameborder="0" name="Navi" </td width="181" height="148">
      </tr>
  </table>
  </center>
</div>
</body>
</html></iframe></td>
    </tr>
  </table>
  </center>
</div>
</body>
</html>

Und HTML-Code der bild1.html (auf der sich das Bild befindet):

HTML:

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
</head>
<body>
<p><img border="0" src="pic.png" width="645" height="200" style="margin: 0px; padding: 0px;"></p>
</body>
</html>

Herr_D · 06.02.2008

AW: Kein Freiraum um Bild?

1. ist die Fronpagevorschau ganz großes Kino und sagt nix... immer im richtigen Browser anseuen...

2. wenn du ein Bild im iframe anzeigst, wird das Bild wie eine Webseite behandelt. Hier auch mit den Standardwerten, wenn keine Werte angegeben sind... sprich: 10px margin

Es reicht nicht, dem Bild einen margin oder padding wert zu geben (was ja gar nicht geht, wenn du nur das Bild einbaust)

Du mußt die angezeigetn Bilder in eine Webseite einbauen, dieser Webseite für den body margin, padding setzen und dann die Seite in den iframe einbauen...

Dann erst ist es möglich im iframe keine "Rahmen" um die Bilder zu haben...

P.S. Screenshots bringen rein gar nix bei Codefragen... lad am besten die Seite irgendwo hoch, damit man sich das Dilemma mal ansehen kann...

Whooops... Edith sächt: Zu langsam D.

Änder deine Codes wie folgt:

index

Code:

<iframe src="bild1.htm" name="headerframe" [B]marginheight="0" marginwidth="0" border="0" frameborder="0"[/B] width="680" height="255"></iframe>

Seite vom Bild

Code:

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
[B]<style type="text/css">
<!--
html, body {margin: 0px; padding: 0px;}

img {border:0; }

-->
</style>[/B]
</head>
<body>
<img border="0" src="pic.png" width="645" height="200">
</body>
</html>