Ticket #539: travel newsletter - long lines.htm

File travel newsletter - long lines.htm, 7.7 KB (added by Liz, 12 years ago)

html to replicate the problem - scroll down - click in bottom paragraph - jumps to top

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5    <title>ABC Travel Newsletter</title>
6    <style type="text/css">
7.style8 {
8        font-family: Verdana, Arial, Helvetica, sans-serif;
9        font-size: 12px;
10}
11.style9 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 9px; }
12.style10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
13.style11 {
14        font-family: Verdana, Arial, Helvetica, sans-serif;
15        font-weight: bold;
16        font-size: 20px;
17        font-style: italic;
18        margin-top: 0px;
19        padding-top: 0px;
20}
21.style14 {font-weight: bold; font-size: 16px; margin-top: 0px; padding-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
22
23</style>
24</head>
25<body>
26    <table border="0" cellspacing="0" cellpadding="0">
27        <tr>
28            <td colspan="2" bgcolor="#000080">
29                <table width="100%" border="0" cellspacing="0" cellpadding="0">
30                    <tr>
31                        <td width="25%" align="center" valign="middle">
32                            <span class="style9">Airline tickets </span>
33                        </td>
34                        <td width="25%" align="center" valign="middle">
35                            <span class="style9">Hotels</span></td>
36                        <td width="25%" align="center" valign="middle">
37                            <span class="style9">Cruises</span></td>
38                        <td width="25%" align="center" valign="middle">
39                            <span class="style9">Vacation Packages </span>
40                        </td>
41                    </tr>
42                </table>
43            </td>
44        </tr>
45        <tr>
46            <td align="right" valign="top" bgcolor="#000080">
47                <img src="header3_r1_c1.gif" width="54" height="113" /></td>
48            <td align="left" valign="top">
49                <img src="header3_r1_c2.gif" alt="abc travel" width="446" height="113" /></td>
50        </tr>
51        <tr>
52            <td align="center" valign="top" bgcolor="#000080" class="style9">
53                <p>
54                    &nbsp;&nbsp;<br />
55                    October&nbsp;<br />
56                    &nbsp;2006&nbsp;</p>
57            </td>
58            <td>
59                <!-- Start main body table -->
60                <table width="100%" border="0" cellspacing="0" cellpadding="0">
61                    <tr>
62                        <td align="left" valign="top">
63                            <!-- Start column 1 -->
64                            <table width="100%" border="0" cellspacing="0" cellpadding="6">
65                                <tr>
66                                    <td align="left" valign="top">
67                                        <img src="sample_pic.jpg" alt="image" width="54" height="113" /></td>
68                                    <td align="left" valign="top">
69                                        <h1 class="style11">
70                                            Main Headline</h1>
71                                        <div class="style10">
72                                            <p>
73                                                Insert main feature article here ... Insert main feature article here ... Insert
74                                                main feature article here ... Insert main feature article here ... Insert main feature
75                                                article here ... Insert main feature article here ... Insert main feature article
76                                                here ... Insert main feature article here ... Insert main feature article here ...
77                                            </p>
78                                        </div>
79                                    </td>
80                                </tr>
81                                <tr>
82                                    <td colspan="2" bgcolor="#000000" height="18">
83                                        <img src="featureddestination.gif" alt="Featured Destination" width="197" height="18" /></td>
84                                </tr>
85                                <tr>
86                                    <td colspan="2">
87                                        <h2 class="style14">
88                                            Headline if there is one</h2>
89                                        <div class="style8">
90                                            <p>
91                                                Insert description of this month's featured destination ... Insert description of
92                                                this month's featured destination ... Insert description of this month's featured
93                                                destination ... Insert description of this month's featured destination ... Insert
94                                                description of this month's featured destination ... Insert description of this
95                                                month's featured destination ... Insert description of this month's featured destination
96                                                ... Insert description of this month's featured destination ... Insert description
97                                                of this month's featured destination ... Insert description of this month's featured
98                                                destination ...
99                                            </p>
100                                        </div>
101                                    </td>
102                                </tr>
103                            </table>
104                        </td>
105                        <td width="12" align="center" valign="top" background="dot.gif">
106                        </td>
107                        <td align="left" valign="top">
108                            <!-- Start column 2 -->
109                            <table width="100%" border="0" cellspacing="0" cellpadding="6">
110                                <tr>
111                                    <td align="left" valign="top" bgcolor="#000000" height="18">
112                                        <img src="traveltips.gif" alt="Travel Tips" width="108" height="18" /></td>
113                                </tr>
114                                <tr>
115                                    <td>
116                                        <h2 class="style14">
117                                            Headline if there is one</h2>
118                                        <div class="style8">
119                                            <p>
120                                                Insert this month's &quot;Travel Tips&quot; column here. Insert this month's &quot;Travel
121                                                Tips&quot; column here. Insert this month's &quot;Travel Tips&quot; column here.
122                                                Insert this month's &quot;Travel Tips&quot; column here. Insert this month's &quot;Travel
123                                                Tips&quot; column here. Insert this month's &quot;Travel Tips&quot; column here.
124                                                Insert this month's &quot;Travel Tips&quot; column here.</p>
125                                        </div>
126                                    </td>
127                                </tr>
128                            </table>
129                        </td>
130                    </tr>
131                </table>
132            </td>
133        </tr>
134    </table>
135</body>
136</html>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy