No matter how many ways I’ve tried, I can’t get my text (which is placed inside a div tag placed inside another div tag) to show up on the bottom. I need it to be on the bottom without having to adjust margins when the lines of text change.
current code:
[CODE]
echo ‘<a href=”‘.$row[‘url’].'”><div style=”position: relative; background-image:url(./data/flashrotation/’.$row[‘FRID’].’_beta.jpg); background-repeat:no-repeat; width:536px; height:370px; ” class=”panel”></a>’;
echo ‘<div style=”height:auto; width:100%; position:absolute; top:0; left:0; right:0; bottom:0; color:#fff; background: rgba(0, 0, 0, 0.5); background-opacity:0.6;padding-right:5px; padding-left:5px; padding-top:5px; padding-bottom:5px; border:10px;”>’;
echo ‘<span style=”font-family:copperplate gothic bold”>Text Goes Here</span>’;
echo ‘</div>’;
echo ‘</div>’;
I’ve tried as many ways I could find on the internet, and none have worked.
Essentiall, I need my end result to be a transparent news box over a flash rotation photo (hence the code). ESPN.com has exactly what I need, but still no good.
Any ideas would be AWESOME!
Thanks guys!