31
Php templates / Re: New Moon Phase Images for WB2_2b
« Last post by Andy9164 on July 29, 2020, 11:11:19 AM »For your second problem with the background / frame not showing.
Your background image is 270px x 395px but the div its trying to fit in to is only 270px x 250px so you are (I have to be careful here as I am speaking to a teacher) 145px short.
From what I can see the DIV have a class of pan.nightlong. If you look in CSS the class .pan is defined as 220 x 250 + 20 padding right and 20 padding left so it shows up as 270 x 250.
You could create a new class in CSS by combining pan and nighlong in to one new class like this
.pannightlong {
width: 220px;
height: 395px;
padding: 0px 20px 0px 30px;
margin-bottom:15px;
font-size:120%;
float:left;
color: #000000;
background: url(style/pan_nightlong.png) 0px 0px no-repeat;
}
Then change you html code on the page to..
<div class="pannightlong" style="margin-bottom:5px;">
<h2> Earth & Moon Phase </h2>
Let me know how it goes
Andy
Your background image is 270px x 395px but the div its trying to fit in to is only 270px x 250px so you are (I have to be careful here as I am speaking to a teacher) 145px short.
From what I can see the DIV have a class of pan.nightlong. If you look in CSS the class .pan is defined as 220 x 250 + 20 padding right and 20 padding left so it shows up as 270 x 250.
You could create a new class in CSS by combining pan and nighlong in to one new class like this
.pannightlong {
width: 220px;
height: 395px;
padding: 0px 20px 0px 30px;
margin-bottom:15px;
font-size:120%;
float:left;
color: #000000;
background: url(style/pan_nightlong.png) 0px 0px no-repeat;
}
Then change you html code on the page to..
<div class="pannightlong" style="margin-bottom:5px;">
<h2> Earth & Moon Phase </h2>
Let me know how it goes
Andy