rluka
05-08-2006, 01:34 PM
Thanks..Ron L
|
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>© 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 webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved. |