The Sea King Posted October 25, 2009 Share Posted October 25, 2009 How can I fix the lower background image so that it would appear full?http://thelostwaters.com/index.php?stats=true Link to comment Share on other sites More sharing options...
Synook Posted October 25, 2009 Share Posted October 25, 2009 What do you mean by "appear full"? If you are asking whether there is a way to dynamically resize background-images, there isn't. Link to comment Share on other sites More sharing options...
dsonesuk Posted October 25, 2009 Share Posted October 25, 2009 try it without height:100%; but with overflow: hidden; .alexback {background-attachment:fixed;background-image:url(http://thelostwaters.com/ib2.png);background-position:left bottom;background-repeat:no-repeat;overflow:hidden;} Link to comment Share on other sites More sharing options...
The Sea King Posted October 25, 2009 Author Share Posted October 25, 2009 What do you mean by "appear full"? If you are asking whether there is a way to dynamically resize background-images, there isn't.No. It just that the image was cut off at the bottom (ib2.png). I tried to play around but now the problem is that the first background image (ib1.jpg) is covering the second background (ib2.png).<html><head><title>Aqua Online Stats</title><style type="text/css">BODY {font-family : Verdana, Tahoma, Arial, sans-serif;font-size : 11px;padding : 0;text-align : center;color : #000000;background-color : #6183A6;background-attachment:fixed;background-image:url(http://thelostwaters.com/ib2.png);background-position:left bottom;background-repeat:no-repeat;}a:link, a:visited, a:active {text-decoration : underline;color : #000000;}a:hover {text-decoration : underline;color : #000000;}.ct {background-color: #87cefa;background-image: url('http://thelostwaters.com/ct.jpg');border-width : 1px;border-style : solid;border-color : #000000;padding : 5px;font-family : verdana;font-size : 7pt;text-align : left;}.cc {background-color : #87ceeb;border-width : 0 1px 1px 1px;border-style : solid;padding : 5px;border-color : black;text-align : left;}.ca {background-color : #87ceeb;border-width : 0 1px 1px 1px;border-style : solid;padding : 5px;border-color : black;font-family : verdana;font-size : 7pt;text-align : left;}.r {text-align : right;margin-right : 70%;padding : 2px;}.code {white-space : normal;font-family : Courier, Courier New, Verdana, Arial;font-size : 11px;padding-top : 2px;padding-right : 2px;padding-bottom : 2px;padding-left : 2px;color : #000000;border : 1px solid #000000;}.as {border-collapse: collapse;}.alexback {background-image: url(http://thelostwaters.com/ib1.jpg);background-repeat: repeat-x;height:100%;}</style></head><body><div class="alexback"><div class="ct">Users Online</div><div class="ca"><table class="as" cellpadding="5"><tr><td><b>IP</b></td><td><b>Page<b></td><td><b>Time</b></td></tr><tr><td>65.93.134.23</td><td><a href='http://thelostwaters.com/index.php?stats=true'>http://thelostwaters.com/index.php?stats=true</a></td><td>Sunday 25th of October 2009 01:31:08 PM</td></tr><tr><td>MSN Bot (webcrawler)</td><td><a href='http://thelostwaters.com/'>http://thelostwaters.com/</a></td><td>Sunday 25th of October 2009 01:29:06 PM</td></tr></table></div><br /><div class="ct">Overall</div><div class="ca">Total Page Views: 40451<br>Most Online on: Friday 8th of May 2009 09:32:15 PM<br>Users were online at that time: 125<br>Date of installation of Aqua Online: Sunday 3rd of May 2009 (175 days since installation)<br>Average Page Views: 231.15</div>© 2009 <a href="http://aqua.thelostwaters.com" target="_blank">AquaOnline</a> - <a href="http://thelostwaters.com" target="_blank">The Lost Waters</a><br><br></div></body></html> Link to comment Share on other sites More sharing options...
The Sea King Posted October 26, 2009 Author Share Posted October 26, 2009 try it without height:100%; but with overflow: hidden; .alexback {background-attachment:fixed;background-image:url(http://thelostwaters.com/ib2.png);background-position:left bottom;background-repeat:no-repeat;overflow:hidden;}Wait. That worked after I adjusted my code once again. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.