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

Anpassung der Grafikbereiten

H

handeglo

Neues Mitglied
Hallo Zusammen,

Ich habe Folgendes Problem.
Zur Zeit habe ich ein Grafik (home_main.jpg), den ich an meine HTML seite anbinden möchte.
Beim ändern der Auflösung verschiebt sich auch die Bereite der Seite.
Mein Ziel ist, dass die Grafik zu 100% der Bereite an die Seite angepasst wird. D.h. links und rechts keine lücken.
Nun wollte ich euch um hilfe bitten. Der Grafik ist 1600*349 pixel groß.
Hier ist der KLEINE Code zum anschauen.
Code: 
<!--MAIN Tabelle-->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
 <tr>
  <td><div align="center"><img src="images/logo_new.png"></div></td>    
 </tr>
 <tr>
  <td height="40" bgcolor="#000000"></td>
 </tr>
 <tr>
  <td>
    <table width="50%" border="0">
      <tr>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
      </tr>
    </table>
  </td>    
 </tr>
 <tr>
  <td><div><img src="images/home_main.jpg"></div></td>         
 </tr>
</table><!--MAIN Tabelle ENDE-->
 
Dein Tabellengerüst ist falsch eingesetzt. Tabellen dienen zur Darstellung tabellarischer Informationen, nicht als Grundgerüst für Webseiten. Aus diesem Grund wäre es auch viel einfacher ohne diese Tabelle eine Grafik auf die volle zur Verfügung stehende Breite zu bringen.

HTML
Code: 
<body>
<img src="grafik.png" alt="" id="logo" />
</body>
CSS
Code: 
body { padding: 0px; }
img#logo { width: 100%; }
 
Zuert Vielen Dank für die Infos....

wie kann ich nun aus meinem gegebenen Code für den main_home.jpg anpassen?
alles andere ist soweit in Ordnung!

Vielen Dank im voraus
 
Da müsstest Du für alle Elemente die im DOM auf dem Weg zum Bild liegen die Breite 100% geben. Deutlich mehr Code.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben