Registrieren  •  Login 
  
 
im Forum


 FAQ   Mitgliederliste   Benutzergruppen   Teamseite   Suchen 

bild zusammensetzten, ie spielt nicht mit

 
Neues Thema eröffnen   Neue Antwort erstellen
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Düsi
Mitglied
Mitglied



Anmeldedatum: 25.09.2006
Geschlecht: Keine Angabe
Beiträge: 521

BeitragVerfasst am: 15.03.2008, 14:00    Titel: bild zusammensetzten, ie spielt nicht mit

moin,
ich hab' mal wieder ein Problem:
Ich möchte mir ein Bild aus verschiedenen Teile zusammensetzten, dazu verwend ich natürlich eine Tabelle.
Im FF/Opera sieht das ganze mit cellpadding="0" cellspacing="0" ja auch so aus, wie es aussehen soll, ie will aber mal wieder nicht mitmachen. Wenn ich die Seite im ie aufrufe kommt quer noch ein weißer balken.
Was kann ich tun, damit dieser nicht mehr erscheint?

Link: http://antizicken.de/city.htm
Nach oben
Benutzer-Profile anzeigen Düsi ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden
killerbees19
Administrator & Rennleitung
Administrator & Rennleitung



OC-Nickname: KB19
Südafrika Team South Africa

Anmeldedatum: 09.05.2006
Geschlecht: Männlich
Alter: 29 Jahre
Beiträge: 13935
Wohnort: Wien

BeitragVerfasst am: 15.03.2008, 14:15    Titel:

Ganz einfach: Weil du Leerzeichen bzw. Leerzeilen innerhalb von den TD's verwendest, die interpretiert der IE anders Wink
Mit diesem Code funktioniert es perfekt:
Code:
<html>
  <body>
 
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><img src="http://antizicken.de/bauplatz.PNG" border="0"></td>
      <td colspan="2"><img src="http://antizicken.de/shop.PNG" border="0"></td>
    </tr>
    <tr>
      <td><img src="http://antizicken.de/marktplatz.PNG" border="0"></td>
      <td><img src="http://antizicken.de/city1.PNG" border="0"></td>
      <td><img src="http://antizicken.de/city3.PNG" border="0"></td>
    </tr>
  </table>
  </body>
</html>

Alternativ kannst du die Bilder auch als Hintergrundgrafiken für die Tabellen einbinden, dann sollte das Problem nicht sein, also so:
Code:
<html>
<body>
<table border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td style="width: 300px; height: 170px; background-image: url(http://antizicken.de/bauplatz.PNG);">&nbsp;</td>
      <td colspan="2" style="width: 198px; height: 170px; background-image: url(http://antizicken.de/shop.PNG);">&nbsp;</td>
   </tr>
   <tr>
      <td style="width: 300px; height: 187px; background-image: url(http://antizicken.de/marktplatz.PNG);">&nbsp;</td>
      <td style="width: 128px; height: 187px; background-image: url(http://antizicken.de/city1.PNG);">&nbsp;</td>
      <td style="width: 70px; height: 187px; background-image: url(http://antizicken.de/city3.PNG);">&nbsp;</td>
   </tr>
</table>
</body>
</html>

Bei der zweiten Methode bist also flexibler mit den Möglichkeiten Wink


MfG Christian
_________________


Dieser Beitrag wurde insgesamt 1 mal geändert. Zuletzt von killerbees19.
Nach oben
Benutzer-Profile anzeigen killerbees19 ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Daniel
Mitglied
Mitglied



Anmeldedatum: 02.08.2006
Geschlecht: Männlich
Beiträge: 406
Wohnort: Mellrichstadt (Bayern)

BeitragVerfasst am: 15.03.2008, 15:29    Titel:

oder man positioniert geleich alles über css, da es ja feste breiten & höhen gibt, also kein Problem.
_________________
oda so...

10¤ Fotobuch-Gutschein von CEWE
Nach oben
Benutzer-Profile anzeigen Daniel ist derzeit offline Private Nachricht senden
killerbees19
Administrator & Rennleitung
Administrator & Rennleitung



OC-Nickname: KB19
Südafrika Team South Africa

Anmeldedatum: 09.05.2006
Geschlecht: Männlich
Alter: 29 Jahre
Beiträge: 13935
Wohnort: Wien

BeitragVerfasst am: 15.03.2008, 17:09    Titel:

Stimm, hier noch ein Beispiel nur mit CSS für Düsi.
Code:
<html>
<head>
<title>Happytec Support - Düsi</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-16">
<meta name="generator" content="PSPad editor, www.pspad.com">
</head>
<body>
Das tolle Bild:
<br clear="all" />
<div style="float: left; width: 300px; height: 170px; background-image: url(http://antizicken.de/bauplatz.PNG);">&nbsp;</div>
<div style="float: left; width: 198px; height: 170px; background-image: url(http://antizicken.de/shop.PNG);">&nbsp;</div>
<br clear="all" />
<div style="float: left; width: 300px; height: 187px; background-image: url(http://antizicken.de/marktplatz.PNG);">&nbsp;</div>
<div style="float: left; width: 128px; height: 187px; background-image: url(http://antizicken.de/city1.PNG);">&nbsp;</div>
<div style="float: left; width: 70px; height: 187px; background-image: url(http://antizicken.de/city3.PNG);">&nbsp;</div>
<br clear="all" />
Und hier steht dann der Rest, wichtig ist, das <b>&lt;br clear=&quot;all&quot; /&gt;</b> nicht zu vergessen am Ende bzw. auch am Anfang!
</body>
</html>

Und hier noch ein CSS Beispiel, mal mit den IMG Tags.
Code:
<html>
<head>
<title>Happytec Support - Düsi</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-16">
<meta name="generator" content="PSPad editor, www.pspad.com">
</head>
<body>
Das tolle Bild:
<div style="position: relative; width: 498px; height: 357px;">
<img alt="" style="position: absolute; top: 0px; left: 0px; width: 300px; height: 170px;" src="http://antizicken.de/bauplatz.PNG" />
<img alt="" style="position: absolute; top: 0px; left: 300px; width: 198px; height: 170px;" src="http://antizicken.de/shop.PNG" />

<img alt="" style="position: absolute; top: 170px; left: 0px; width: 300px; height: 187px;" src="http://antizicken.de/marktplatz.PNG" />
<img alt="" style="position: absolute; top: 170px; left: 300px; width: 128px; height: 187px;" src="http://antizicken.de/city1.PNG" />
<img alt="" style="position: absolute; top: 170px; left: 428px; width: 70px; height: 187px;" src="http://antizicken.de/city3.PNG" />
</div>
Und hier dann wieder normaler Text...
</body>
</html>


EDIT: Mir ist noch ein kompakteres Beispiel eingefallen.
Code:
<html>
<head>
<title>Happytec Support - Düsi</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-16">
<meta name="generator" content="PSPad editor, www.pspad.com">
<style type="text/css">
div.image { float: left; }
</style>
</head>
<body>
Das tolle Bild:
<br clear="all" />
<div class="image"><img alt="" src="http://antizicken.de/bauplatz.PNG"></div>
<div class="image"><img alt="" src="http://antizicken.de/shop.PNG"></div>
<br clear="all" />
<div class="image"><img alt="" src="http://antizicken.de/marktplatz.PNG"></div>
<div class="image"><img alt="" src="http://antizicken.de/city1.PNG"></div>
<div class="image"><img alt="" src="http://antizicken.de/city3.PNG"></div>
<br clear="all" />
Und hier steht dann der Rest, wichtig ist, das <b>&lt;br clear=&quot;all&quot; /&gt;</b> nicht zu vergessen am Ende bzw. auch am Anfang!
</body>
</html>



MfG Christian
_________________


Dieser Beitrag wurde insgesamt 1 mal geändert. Zuletzt von killerbees19.
Nach oben
Benutzer-Profile anzeigen killerbees19 ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Düsi
Mitglied
Mitglied



Anmeldedatum: 25.09.2006
Geschlecht: Keine Angabe
Beiträge: 521

BeitragVerfasst am: 15.03.2008, 19:30    Titel:

Danke Smile
Nach oben
Benutzer-Profile anzeigen Düsi ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht teilnehmen.
Du kannst Dateien in diesem Forum nicht hochladen.
Du kannst Dateien in diesem Forum nicht herunterladen.

 

Alle Zeiten sind GMT + 2 Stunden (Sommerzeit)
Aktuelles Datum und Uhrzeit: 03.04.2020, 22:36
Nach oben
Valid HTML 4.01 Transitional
Valid CSS!
Software based on work from the phpBB-Group  •  Deutsche Übersetzung von phpBB.de

netcup - Internetdienstleistungen
 
 
[ happytec.at | forum.happytec.at | blog.happytec.at | esports.happytec.at | event.happytec.at ]