Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
f98c312c by Jeremy Groot
Options

HHF Tweaks

1 parent 7f927159
Inline Side-by-side
Showing 3 changed files with 17 additions and 10 deletions
...@@ -71,8 +71,8 @@ ...@@ -71,8 +71,8 @@
71 .txt{ 71 .txt{
72 position: absolute; 72 position: absolute;
73 opacity: 0; 73 opacity: 0;
74 top:100px; 74 top:95px;
75 left:60px; 75 left:50px;
76 } 76 }
77 .txtb{ 77 .txtb{
78 position: absolute; 78 position: absolute;
...@@ -120,13 +120,13 @@ ...@@ -120,13 +120,13 @@
120 <div id="border"> 120 <div id="border">
121 121
122 <img id="img1" class="img" src="assets/img1.jpg" alt="img1@60" width="444" height="250"> 122 <img id="img1" class="img" src="assets/img1.jpg" alt="img1@60" width="444" height="250">
123 <img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="200"> 123 <img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="220">
124 124
125 <img id="img2" class="img" src="assets/img2.jpg" alt="img2@60" width="444" height="250"> 125 <img id="img2" class="img" src="assets/img2.jpg" alt="img2@60" width="444" height="250">
126 <img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="200"> 126 <img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="200">
127 127
128 <img id="img3" class="img" src="assets/img3.jpg" alt="img3@60" width="444" height="250"> 128 <img id="img3" class="img" src="assets/img3.jpg" alt="img3@60" width="444" height="250">
129 <img id="txt3" class="txt" src="assets/txt3@2x.png" alt="txt3@2x" width="200"> 129 <img id="txt3" class="txt" src="assets/txt3@2x.png" alt="txt3@2x" width="220">
130 130
131 131
132 <img id="logo" src="assets/logo@2x.png" alt="Huntsville Hospital Foundation logo. Healthcare for Life. Here."> 132 <img id="logo" src="assets/logo@2x.png" alt="Huntsville Hospital Foundation logo. Healthcare for Life. Here.">
......
...@@ -75,10 +75,15 @@ ...@@ -75,10 +75,15 @@
75 } 75 }
76 .txt{ 76 .txt{
77 position: absolute; 77 position: absolute;
78 left:0;
79 top:240px; 78 top:240px;
80 opacity: 0; 79 opacity: 0;
81 } 80 }
81 #txt1 {
82 left:10px;
83 }
84 #txt2 {
85 left:40px;
86 }
82 .txtb{ 87 .txtb{
83 position: absolute; 88 position: absolute;
84 left:-300px; 89 left:-300px;
...@@ -137,10 +142,10 @@ ...@@ -137,10 +142,10 @@
137 <div id="border"> 142 <div id="border">
138 143
139 <img id="img1" class="img" src="assets/img1.jpg" alt="img1@60" width="300"> 144 <img id="img1" class="img" src="assets/img1.jpg" alt="img1@60" width="300">
140 <img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="300"> 145 <img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="280">
141 146
142 <img id="img2" class="img" src="assets/img2.jpg" alt="img2@60" width="300"> 147 <img id="img2" class="img" src="assets/img2.jpg" alt="img2@60" width="300">
143 <img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="300"> 148 <img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="230">
144 149
145 150
146 <img id="img3" class="img" src="assets/img3.jpg" alt="img3@60" width="300"> 151 <img id="img3" class="img" src="assets/img3.jpg" alt="img3@60" width="300">
......
...@@ -82,7 +82,9 @@ ...@@ -82,7 +82,9 @@
82 .txtb{ 82 .txtb{
83 position: absolute; 83 position: absolute;
84 } 84 }
85 85 #txt1,#txt2 {
86 left:260px;
87 }
86 #img1{ 88 #img1{
87 opacity: 1; 89 opacity: 1;
88 background-color: #395252; 90 background-color: #395252;
...@@ -126,10 +128,10 @@ ...@@ -126,10 +128,10 @@
126 <div id="border"> 128 <div id="border">
127 129
128 <div id="img1" class="img"><img src="assets/img1.jpg" alt="img1@60" width="728"></div> 130 <div id="img1" class="img"><img src="assets/img1.jpg" alt="img1@60" width="728"></div>
129 <img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="250"> 131 <img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="230">
130 132
131 <div id="img2" class="img"><img src="assets/img2.jpg" alt="img2@60" width="728"></div> 133 <div id="img2" class="img"><img src="assets/img2.jpg" alt="img2@60" width="728"></div>
132 <img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="250"> 134 <img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="210">
133 135
134 136
135 <div id="img3" class="img"><img src="assets/img3.jpg" alt="img3@60" width="728"></div> 137 <div id="img3" class="img"><img src="assets/img3.jpg" alt="img3@60" width="728"></div>
......