Anzeige

Kein Freiraum um Bild?

Kein Freiraum um Bild? | PSD-Tutorials.de

Erstellt von gimpfranzel, 05.02.2008.

  1. gimpfranzel

    gimpfranzel fleißig am lernen...

    Dabei seit:
    10.06.2007
    Beiträge:
    11
    Geschlecht:
    männlich
    Ort:
    Plauen
    Software:
    Photoshop CS3
    Kameratyp:
    D-SLR Olympus E-410
    Kein Freiraum um Bild?
    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...:)
     
    #1      
  2. Sapoot

    Sapoot Pixelsammler

    Dabei seit:
    23.11.2005
    Beiträge:
    391
    Geschlecht:
    männlich
    Ort:
    Unterfranken
    Kameratyp:
    EOS 300D
    Kein Freiraum um Bild?
    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.
     
    #2      
  3. Overtone

    Overtone Noch nicht viel geschrieben

    Dabei seit:
    13.10.2005
    Beiträge:
    26
    Geschlecht:
    männlich
    Kein Freiraum um Bild?
    AW: Kein Freiraum um Bild?

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

    gimpfranzel fleißig am lernen...

    Dabei seit:
    10.06.2007
    Beiträge:
    11
    Geschlecht:
    männlich
    Ort:
    Plauen
    Software:
    Photoshop CS3
    Kameratyp:
    D-SLR Olympus E-410
    Kein Freiraum um Bild?
    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!
     
    #4      
  5. gimpfranzel

    gimpfranzel fleißig am lernen...

    Dabei seit:
    10.06.2007
    Beiträge:
    11
    Geschlecht:
    männlich
    Ort:
    Plauen
    Software:
    Photoshop CS3
    Kameratyp:
    D-SLR Olympus E-410
    Kein Freiraum um Bild?
    AW: Kein Freiraum um Bild?

    Hier der Screen

    [​IMG]
     
    #5      
  6. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Kein Freiraum um Bild?
    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;" />
     
    #6      
  7. gimpfranzel

    gimpfranzel fleißig am lernen...

    Dabei seit:
    10.06.2007
    Beiträge:
    11
    Geschlecht:
    männlich
    Ort:
    Plauen
    Software:
    Photoshop CS3
    Kameratyp:
    D-SLR Olympus E-410
    Kein Freiraum um Bild?
    AW: Kein Freiraum um Bild?

    HTML-Code der index-Seite (wo der Iframe dann drauf ist):
    HTML:
    1. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    2. <meta name="ProgId" content="FrontPage.Editor.Document">
    3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    4. <title>Neue Seite 1</title>
    5. <script language="JavaScript" type="text/JavaScript">
    6. <!--
    7. function change(url1, url2)
    8. {
    9. parent.headerframe.location = url1;
    10. parent.Navi.location = url2;
    11. }
    12. //-->
    13. </head>
    14. <div align="center">
    15.   <center>
    16.   <table border="0" cellpadding="5" cellspacing="5" style="border-collapse: collapse" bordercolor="#111111" width="845" height="355" id="AutoNumber1">
    17.     <tr>
    18.       <td width="845" height="70" colspan="3">
    19.       <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" height="100" width="100%" id="AutoNumber2" height="58">
    20.         <tr>
    21.           <td width="82%" height="58">
    22.           <iframe src="bild1.htm" name="headerframe" frameborder="0" width="680" height="255"></iframe></td>
    23.           <td width="118%" height="58">
    24.           <img border="0" src="logo.png" width="200" height="200"></td>
    25.         </tr>
    26.       </table>
    27.       </td>
    28.     </tr>
    29.     <tr>
    30.       <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">
    31.         <tr>
    32.           <td width="50%" height="65">
    33.           <a href="#" onClick="change('bild2.htm','pf.htm'); return false;">
    34.           <img border="0" src="pf.png" width="95" height="67"></a></td>
    35.           <td width="50%" height="65">
    36.           <a href="#" onClick="change('bild3.htm','am.htm'); return false;">
    37.           <img border="0" src="am.png" width="95" height="67"></a></td>
    38.         </tr>
    39.         <tr>
    40.           <td width="50%" height="71">
    41.           <img border="0" src="ct.png" width="95" height="67"></td>
    42.           <td width="50%" height="71">
    43.           <img border="0" src="ip.png" width="95" height="67"></td>
    44.         </tr>
    45.       </table>
    46.       </td>
    47.       <td width="659" height="285" rowspan="2" bgcolor="#cfcfcf">
    48.       <iframe name="Iframe" src="home.htm" allowtransparency="1" frameborder="0" width="626" height="329"></iframe></td>
    49.     </tr>
    50.     <tr>
    51.       <td width="34" height="98" valign="top">
    52.       <iframe src frameborder="0" name="Navi" </td width="181" height="148">
    53.       </tr>
    54.   </table>
    55.   </center>
    56. </div>
    57. </body>
    58. </html></iframe></td>
    59.     </tr>
    60.   </table>
    61.   </center>
    62. </div>
    63. </body>
    64. </html>
    Und HTML-Code der bild1.html (auf der sich das Bild befindet):
    HTML:
    1. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    2. <meta name="ProgId" content="FrontPage.Editor.Document">
    3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    4. <title>Neue Seite 1</title>
    5. </head>
    6. <p><img border="0" src="pic.png" width="645" height="200" style="margin: 0px; padding: 0px;"></p>
    7. </body>
    8. </html>
     
    #7      
  8. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Kein Freiraum um Bild?
    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 (Text):
    1.  
    2. <iframe src="bild1.htm" name="headerframe" [B]marginheight="0" marginwidth="0" border="0" frameborder="0"[/B] width="680" height="255"></iframe>
    3.  


    Seite vom Bild

    Code (Text):
    1.  
    2. <html>
    3. <head>
    4. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    5. <meta name="ProgId" content="FrontPage.Editor.Document">
    6. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    7. <title>Neue Seite 1</title>
    8. [B]<style type="text/css">
    9. <!--
    10. html, body {margin: 0px; padding: 0px;}
    11.  
    12. img {border:0; }
    13.  
    14. -->
    15. </style>[/B]
    16. </head>
    17. <body>
    18. <img border="0" src="pic.png" width="645" height="200">
    19. </body>
    20. </html>
    21.  
     
    Zuletzt bearbeitet: 06.02.2008
    #8      
Seobility SEO Tool
x
×
×