Click to See Complete Forum and Search --> : Problem absolute postion..rollover(CSS)


rluka
05-08-2006, 01:34 PM
Thanks..Ron L

KDLA
05-09-2006, 08:55 AM
Does the positioning need to be absolute? Couldn't a float easily handle this?
Your page doesn't need all the tables coding -- CSS can easily handle it.

#image-area {float: left; margin: 150px 100px auto auto; width: 300px;}
#image-area a {background: url(TroykaAlbumFront300x300.jpg) no-repeat; width: 300px; height: 300px;}
#image-area a:hover {background: url(TroykaAlbumBack300x300.jpg) no-repeat; width: 300px; height: 300px;}
#counter, #email {text-align: center;}
#email {font-family: arial; font-weight: bold;}
#content {margin-left: 450px;}
#player {margin-top: 15px; padding-top: 15px; text-align: center;}

HTML

<div id="image-area">
<a href="link.htm">
<p><a href="#">ENTER</a></p>
<div id="counter"><SCRIPT LANGUAGE="Javascript" SRC="http://www.troyka.ca/phpgcount/graphcount.php?page=PAGENAME"><!Troyka></SCRIPT></div>
</div>
<div id="content">
<h1>A Canadian, Progressive <br/>Rock Band from<br/> the 60s</h1>
<div id="player"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="300" height="81" id="mp3player" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mp3player.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="mp3player.swf" quality="high" bgcolor="#ffffff" width="300" height="81" name="mp3player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></div>
<div id="email">
<p>E-Mail:<a href="mailto:troyka@shaw.ca">troyka@shaw.ca</a></p>
<p>&copy; Copyright Troyka 2006, All Rights Reserved.</p>
</div>
</div>


You might need to change this a little, but it is a start.

KDLA

WebJoel
05-09-2006, 06:57 PM
html, body, #container {height: 100%;}
You want all three of these to be 100% height? I'm just curious... never seen it done like this and cannot imagine why it would be required