vov-mobile

Check-in [91803513da]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:hopefully banner size adapting
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | master | trunk
Files: files | file ages | folders
SHA3-256:91803513da2b8416069a50401cffdb6a341dd0bf6f8121e9ace8294907871484
User & Date: snowneck@gmail.com 2016-08-12 23:17:18
Context
2016-08-13
01:05
Require a shorter swipe to slide the images check-in: 30b8929612 user: ajv-899-334-8894@vsta.org tags: master, trunk
2016-08-12
23:17
hopefully banner size adapting check-in: 91803513da user: snowneck@gmail.com tags: master, trunk
2016-08-10
22:54
banner size fix check-in: ce80040324 user: snowneck@gmail.com tags: master, trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to index.html.

49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
..
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
  <td width="20%"></td>
<td width="20%"></td>
</tr>
</table>

<table class="padded" style="width: 100%;">
<tr>
 <td style="width: 10%;"></td>
 <td style="width: 80%;">
  <svg id="slider" preserveAspectRatio="xMidYMin" viewBox="0 0 640 100"
	onmousedown="bandown(evt);" ontouchstart="bantdown(evt);"
	onmouseup="bandone();" onblur="bandone();"
	ontouchend="bandone();"
>
    <image x="0" y="0" height="100" width="640"
	class="draggable"
................................................................................
	class="draggable"
	xlink:href="http://voiceofvashon.org/APP/BannerC.jpg" />
    <image x="1920" y="0" height="100" width="640"
	class="draggable"
	xlink:href="http://voiceofvashon.org/APP/BannerD.jpg" />
  </svg>
 </td>
 <td style="width: 10%;"></td>
</tr>
</table>
</div>

<div style="padding-bottom: 15px"></div>

<table id="eventsTable">







|
|







 







|







49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
..
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
  <td width="20%"></td>
<td width="20%"></td>
</tr>
</table>

<table class="padded" style="width: 100%;">
<tr>
 <td></td>
 <td id="bannersize">
  <svg id="slider" preserveAspectRatio="xMidYMin" viewBox="0 0 640 100"
	onmousedown="bandown(evt);" ontouchstart="bantdown(evt);"
	onmouseup="bandone();" onblur="bandone();"
	ontouchend="bandone();"
>
    <image x="0" y="0" height="100" width="640"
	class="draggable"
................................................................................
	class="draggable"
	xlink:href="http://voiceofvashon.org/APP/BannerC.jpg" />
    <image x="1920" y="0" height="100" width="640"
	class="draggable"
	xlink:href="http://voiceofvashon.org/APP/BannerD.jpg" />
  </svg>
 </td>
 <td></td>
</tr>
</table>
</div>

<div style="padding-bottom: 15px"></div>

<table id="eventsTable">

Changes to style.css.

24
25
26
27
28
29
30
31











    td.col_2 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
}


















|
>
>
>
>
>
>
>
>
>
>
>
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
    td.col_2 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }

    /* And show banner all the way across the screen */
    #bannersize {
	width: 100%;
    }
}
@media all and (min-width: 1000px) {
    /* And show banner half screen for large displays */
    #bannersize {
	width: 50%;
    }
}