[HTML]Imageready geproduceerde code alleen correct in FF

Pagina: 1
Acties:

  • degroot
  • Registratie: December 2003
  • Niet online
Ik ben bezig met een mailing voor ons bedrijf.
Nu heb ik van de styling-afdeling een afbeelding gekregen , en die moet via de mail verstuurd worden.
Dus in Imageready heb ik hier slices van gemaakt (dit is nog een test).
En daarna via Imageready de HTML pagina laten aanmaken.

Nu zou je denken dat de HTML direct correct is....
Alleen ik krijg in Internet Explorer een hele andere output(lijkt wel of er afbeeldingen missen)
De hele layout is krom , terwijl als ik in Firefox kijk , de layout gewoon perfect is , zoals hij bij Imageready geexporteerd is.

Het gaat om http://80.126.191.7:82/moodstreet/1.html
Ik heb zelf niks verandert aan de HTML code , die komt rechtstreeks van Imageready af.....
Daarom zou ik ook niet weten waarom dit in IE zo raar is.....

Hopelijk kunnen jullie mij een beetje opweg helpen....

www.degroot-it.nl


Verwijderd

Je url werkt niet.

  • degroot
  • Registratie: December 2003
  • Niet online
Klopt.....Foutje in de Firwall , hebben we niet in eigen beheer......
Ik zal even 2 prt scr maken....
En ik zal ook de HTML source even posten...want die kunnen jullie nu ook niet bekijken natuurlijk...

Dit is zoals de layout moet zijn
Afbeeldingslocatie: http://img146.imageshack.us/img146/8711/ff8iz.th.png

En dit is zoals hij er in IE eruit ziet.....
Afbeeldingslocatie: http://img152.imageshack.us/img152/3613/ie4it.th.png

Heel apart dus...
Weet zelf niet goed meer waar ik het fout doe..Ook de HTML source lijkt mij vrij standaard....
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor=#FFFFFF>
<!-- ImageReady Slices (Untitled-1) -->
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=843 height=16 colspan=6>
[img]"http://10.10.20.5:82/moodstreet/images/1_01.gif"[/img]</td>
</tr>
<tr>
<td width=482 height=308 colspan=2 rowspan=4>
[img]"http://10.10.20.5:82/moodstreet/images/1_02.gif"[/img]</td>
<td width=114 height=34 colspan=3>
[img]"http://10.10.20.5:82/moodstreet/images/1_03.gif"[/img]</td>
<td width=247 height=1033 rowspan=6>
[img]"http://10.10.20.5:82/moodstreet/images/1_04.gif"[/img]</td>
</tr>
<tr>
<td width=114 height=7 colspan=3>
[img]"http://10.10.20.5:82/moodstreet/images/1_05.gif"[/img]</td>
</tr>
<tr>
<td width=102 height=992 rowspan=4>
[img]"http://10.10.20.5:82/moodstreet/images/1_06.gif"[/img]</td>
<td width=1 height=11>
[img]"http://10.10.20.5:82/moodstreet/images/1_07.gif"[/img]</td>
<td width=11 height=992 rowspan=4>
[img]"http://10.10.20.5:82/moodstreet/images/1_08.gif"[/img]</td>
</tr>
<tr>
<td width=1 height=981 rowspan=3>
[img]"http://10.10.20.5:82/moodstreet/images/1_09.gif"[/img]</td>
</tr>
<tr>
<td width=126 height=725 rowspan=2>
[img]"http://10.10.20.5:82/moodstreet/images/1_10.gif"[/img]</td>
<td width=356 height=62>
[img]"http://10.10.20.5:82/moodstreet/images/1_11.gif"[/img]</td>
</tr>
<tr>
<td width=356 height=663>
[img]"http://10.10.20.5:82/moodstreet/images/1_12.gif"[/img]</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

[ Voor 16% gewijzigd door degroot op 20-06-2006 11:26 ]

www.degroot-it.nl


  • Savantas
  • Registratie: December 2002
  • Laatst online: 17-02 11:04
Imageready levert zoiezo tabelslurrie op, het is meestal beter om zelf de layout even opnieuw te doen met de gecreeërde slices. Afhankelijk van complexiteit kun je dan alsnog kiezen voor tabellen of css.

En inderdaad niet te bereiken, die site. spuit11 :P

Hmm, als ik je screendumps zie vraag ik me af waarom je niet een hele afbeelding als background aan de tabel geeft. Dan kan je via blank gifs de eventuele tekstvelden positioneren. Lijkt me makkelijker...

[ Voor 33% gewijzigd door Savantas op 20-06-2006 11:31 ]

Ik denk niet zwart-wit, ik denk diapositief! ( ͡° ͜ʖ ͡°)


Verwijderd

Wellicht kun je deze html brij debuggen door bijvoorbeeld alle cellen een rode rand te geven, of een rode achtergrondkleur. Je kunt dan zien of het aan de spacing tussen de cellen ligt, of de padding binnen de cellen, of iets anders :)