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 @@
.txt{
position: absolute;
opacity: 0;
top:100px;
left:60px;
top:95px;
left:50px;
}
.txtb{
position: absolute;
......@@ -120,13 +120,13 @@
<div id="border">
<img id="img1" class="img" src="assets/img1.jpg" alt="img1@60" width="444" height="250">
<img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="200">
<img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="220">
<img id="img2" class="img" src="assets/img2.jpg" alt="img2@60" width="444" height="250">
<img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="200">
<img id="img3" class="img" src="assets/img3.jpg" alt="img3@60" width="444" height="250">
<img id="txt3" class="txt" src="assets/txt3@2x.png" alt="txt3@2x" width="200">
<img id="txt3" class="txt" src="assets/txt3@2x.png" alt="txt3@2x" width="220">
<img id="logo" src="assets/logo@2x.png" alt="Huntsville Hospital Foundation logo. Healthcare for Life. Here.">
......
......@@ -75,10 +75,15 @@
}
.txt{
position: absolute;
left:0;
top:240px;
opacity: 0;
}
#txt1 {
left:10px;
}
#txt2 {
left:40px;
}
.txtb{
position: absolute;
left:-300px;
......@@ -137,10 +142,10 @@
<div id="border">
<img id="img1" class="img" src="assets/img1.jpg" alt="img1@60" width="300">
<img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="300">
<img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="280">
<img id="img2" class="img" src="assets/img2.jpg" alt="img2@60" width="300">
<img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="300">
<img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="230">
<img id="img3" class="img" src="assets/img3.jpg" alt="img3@60" width="300">
......
......@@ -82,7 +82,9 @@
.txtb{
position: absolute;
}
#txt1,#txt2 {
left:260px;
}
#img1{
opacity: 1;
background-color: #395252;
......@@ -126,10 +128,10 @@
<div id="border">
<div id="img1" class="img"><img src="assets/img1.jpg" alt="img1@60" width="728"></div>
<img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="250">
<img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="230">
<div id="img2" class="img"><img src="assets/img2.jpg" alt="img2@60" width="728"></div>
<img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="250">
<img id="txt2" class="txt" src="assets/txt2@2x.png" alt="txt2@2x" width="210">
<div id="img3" class="img"><img src="assets/img3.jpg" alt="img3@60" width="728"></div>
......