View Single Post
Old 04-11-2011, 12:11 PM   #33
Youn
Human being with feelings
 
Youn's Avatar
 
Join Date: Jun 2006
Posts: 1,168
Default

ahh yes, floating bits like that are super easy with some basic css. Check it out:

Code:
<div id="transport" style="border:2px solid black;padding:12px;background:#45555f;position:fixed;">
  <img name="transport_home" src="img/transport_home.png" onClick="javascript:wwr_req(40042)"><img name="transport_play" src="img/transport_play.png" onClick="javascript:wwr_req(1007)"><img name="transport_pause" src="img/transport_pause.png" onClick="javascript:wwr_req(1008)"><img name="transport_stop" src="img/transport_stop.png" onClick="javascript:wwr_req(40667)"><img name="transport_end" src="img/transport_end.png" onClick="javascript:wwr_req(40043)"><img name="transport_record" src="img/transport_record.png" onClick="javascript:wwr_req(1013)"><img name="transport_repeat" src="img/transport_repeat_off.png" onClick="javascript:wwr_req(1068)">
  <BR>
  <div id="transport_text"></div>
</div>
<BR><BR>
<div style="margin-top:70px;">
  <div id="tracks"></div>
  <div id="log"></div>
</div>


All I did was add a "style" tag to the transport div.

Then, to offset the rest of the page, wrapped that in another div with a top margin of 70 pixels.
Youn is offline   Reply With Quote