Toon posts:

HTML row omhoog, maar de zijkanten houden op dezelfde plaats

Pagina: 1
Acties:

Onderwerpen

Html

dinsdag 15 februari 2011 15:35

Acties:
  • 0 Henk 'm!
  • Misha
  • Registratie: Augustus 2010
  • Laatst online: 18:23

Misha

Topicstarter
Ik ben helaas geen HTML genius, maar ik doe mijn best. Hier komt ik echt niet uit, terwijl ik dit vaak wel in andere mailings zie en het graag zelf wil

Mijn idee is om mijn e-mail vorm te geven in een iPad. Alsof de e-mail op de iPad staat. Het lukt me om een compleet kader te maken van een iPad, alleen lukt het me niet om kolommen binnen in de iPad te krijgen zodat ik daar de tekst, plaatjes en CTA in kan positioneren. Ik zie vaker bij mailings dat ze een randje rondom de mailing hebben en heb geprobeerd om uit te pluizen hoe zij dat doen, maar het wil mij simpelweg niet lukken. Kan iemand mij een tikkeltje op weg helpen? Ik verwacht niet dat iemand de gehele HTML voor me opmaakt. Een tip is voor mij voldoende! :)

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled document</title>
</head>
<body>
<table width="650" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="11" align="center">Vreemde opmaak of geen plaatjes? Klik hier.</td>
</tr>
<tr>
<td colspan="11"><img title="iPad Top" alt="iPad Top" src="http://veritate.tripolis.com/public/image_NDUxNTU0NTGPpvyJygrbRQ.jpg" width="650" align="top" border="0" height="95"></td>
</tr>
<tr>
<td style="width: 75px;" valign="middle" align="left"><img src="http://veritate.tripolis.com/public/image_NDUxNTY0NTGPpvyJygrbRQ.jpg" width="74" border="0" height="654"><br></td>
<td style="height: 80px;" colspan="9" valign="top" align="center"></td>
<td style="width: 75px;" valign="middle" align="right"><img src="http://veritate.tripolis.com/public/image_NDUxNTc0NTGPpvyJygrbRQ.jpg" width="75" border="0" height="654"><br></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="11"><img title="iPad onder" alt="iPad onder" src="http://veritate.tripolis.com/public/image_NDUxNjQ0NTGPpvyJygrbRQ.jpg" width="650" align="bottom" border="0" height="87"></td>
</tr>
</tbody>
</table>
<br class="_mce_marker"><br class="_mce_marker"><br>
</body>
</html>


Code-tags kunnen ook een taal bevatten, bijvoorbeeld: [code=html][/]. Wil je daar voortaan even op letten? :)

[ Voor 2% gewijzigd door BtM909 op 15-02-2011 17:40 ]

dinsdag 15 februari 2011 15:39

Acties:
  • 0 Henk 'm!
  • André
  • Registratie: Maart 2002
  • Laatst online: 12-09 14:32

André

Analytics dude

Maak gebruik van colspan en voeg wat cellen samen? Zet voor de grap de border van je tabel eens op 1 en zie het huidige resultaat.

dinsdag 15 februari 2011 15:50

Acties:
  • 0 Henk 'm!
  • Misha
  • Registratie: Augustus 2010
  • Laatst online: 18:23

Misha

Topicstarter
Thanks

met een border krijg ik dikke lijnen tussen iedere kolom en row die ik heb gemaakt, en dat is ook weer niet de bedoeling :)

Ik heb al een aantal cellen samengevoegd, maar de cellen onderaan verplaatsen zich dan niet naar boven zeg maar. Ik wil tussen de twee zijkanten de e-mail op kunnen maken

dinsdag 15 februari 2011 17:31

Acties:
  • 0 Henk 'm!
  • moozzuzz
  • Registratie: Januari 2005
  • Niet online

moozzuzz

Mi6 schreef op dinsdag 15 februari 2011 @ 15:50:
met een border krijg ik dikke lijnen tussen iedere kolom en row die ik heb gemaakt, en dat is ook weer niet de bedoeling :)
Het idee vd border op 1 te zetten is om net te zien wat je aan het doen bent (en te zien of dit overeenkomt met jouw bedoelingen). Zeker handig als je geen HTML-specialist bent :^)

In de lap tekst die je gepost hebt, zie ik een rij (TR) met 3 kollommen en rijen met rowspan van 11 kollommen (rarara wat loopt fout ;^).

dinsdag 15 februari 2011 18:20

Acties:
  • 0 Henk 'm!

Verwijderd

Je eerste td en laatste td vormen de rand van je ipad je kunt deze dus niet gebruiken voor de inhoud.
Hoe je de hoogte instelt kun je hier lezen.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled document</title>
</head>
<body>
<table width="650" align="center" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="11" align="center">Vreemde opmaak of geen plaatjes? Klik hier.</td>
</tr>
<tr>
<td colspan="11"><img title="iPad Top" alt="iPad Top" src="http://veritate.tripolis.com/public/image_NDUxNTU0NTGPpvyJygrbRQ.jpg" width="650" align="top" border="0" height="95"></td>
</tr>
<tr>
<td style="width: 75px;" valign="middle" align="left"><img src="http://veritate.tripolis.com/public/image_NDUxNTY0NTGPpvyJygrbRQ.jpg" width="74" border="0" height="654"><br></td>
<td style="height: 80px;" colspan="9" valign="top" align="center"></td>
<td style="width: 75px;" valign="middle" align="right"><img src="http://veritate.tripolis.com/public/image_NDUxNTc0NTGPpvyJygrbRQ.jpg" width="75" border="0" height="654"><br></td>
</tr>
<tr>
<td></td>
<td>blaat</td>
<td></td>
</tr>
<tr>
<td colspan="11"><img title="iPad onder" alt="iPad onder" src="http://veritate.tripolis.com/public/image_NDUxNjQ0NTGPpvyJygrbRQ.jpg" width="650" align="bottom" border="0" height="87"></td>
</tr>
</tbody>
</table>
<br class="_mce_marker"><br class="_mce_marker"><br>
</body>
</html>

[ Voor 22% gewijzigd door Verwijderd op 16-02-2011 17:57 . Reden: Code ingekort op verzoek MueR ]

woensdag 16 februari 2011 10:25

Acties:
  • 0 Henk 'm!
  • MueR
  • Registratie: Januari 2004
  • Laatst online: 21-09 14:53

MueR

Admin Tweakers Discord

is niet lief

Is het nodig dat er constant 100 regels html, waarvan het gros lege td's, worden gepost? Dat leest behoorlijk irritant.

Anyone who gets in between me and my morning coffee should be insecure.

woensdag 16 februari 2011 15:04

Acties:
  • 0 Henk 'm!
  • Misha
  • Registratie: Augustus 2010
  • Laatst online: 18:23

Misha

Topicstarter
Ik weet niet of dat invloed heeft op de code zelf voor de rest, vandaar dat ik het er in heb geplaatst

@ Moozzuuz, ik snap het... alleen in het programma zie ik al kartelrandjes waar onzichtbare borders staan, dus dat is niet nodig

@ Avuzo; thanks, ik ga het even doorspitten!
Pagina: 1
Reageer

Apple iPhone 16e LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2025 • Hosting door TrueFullstaq