By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
434,882 Members | 2,460 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 434,882 IT Pros & Developers. It's quick & easy.

how to align flowplayer block on right of the page

P: 20
HI Everyone

I am using flowplayer for uploading videos so that client can play them.I am working on localhost.Now problem is that by default flowplayer comes in left hand side of the page.I want it to align on right hand side.I know somewhere align="right" or something like this will be used but i dont know where i have to put this word.I have tried a lot have done google have serched in flowplayer site have read their documentation but problem is not solved can anybody help me in this matter,,,

Expand|Select|Wrap|Line Numbers
  1. <head>
  2.     <title>Home Page</title>
  3.     <script src="flowplayer-3.1.4.min.js"></script>
  4.  
  5. </head>
  6.  
  7.  
  8. in<body>
  9.  
  10. <a 
  11.     href="video.flv" 
  12.     style="display:block;width:250px;height:200px;align:right;" 
  13.     id="player">
  14. </a>
  15.  
  16.  
  17. <script language="JavaScript">
  18. flowplayer("player", "flowplayer-3.1.5.swf" , { clip: { autoPlay : false, autoBuffering: true}});  //create a object of clip name
  19. </script>
Jan 30 '10 #1

✓ answered by drhowarddrfine

Watch the spaces in your markup.

'right:0', in this case, means the right edge of the content relative to where it would normally be placed. So you are moving it 0 from where it would be normally.

Share this Question
Share on Google+
8 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Depends on the rest of the markup but try adding 'position:relative; right:0;'

There is no such thing as align:right.
Jan 30 '10 #2

P: 20
Expand|Select|Wrap|Line Numbers
  1. <a 
  2.     style="display:block;width:250px;height:200px;align:right;position:relative;right=0;" 
  3.     id="player">
  4. </a>
  5.  
  6.  
  7. <script language="JavaScript">
  8. flowplayer("player", "flowplayer-3.1.5.swf" , { clip: { autoPlay : false, autoBuffering: true},   playlist: [ 'video.flv', 'flowplayer.flv'] });  //create a object of clip name
  9. </script>
  10.  
I tried this but still it on left postion i also tried it by putting into clip section but if i am placing right still it is not working..Sir when u tell code plz also tell me where to write this code means in which section.yesterday i started using flowplayer...
Jan 30 '10 #3

Dormilich
Expert Mod 5K+
P: 8,639
although Iím repeating Doc, thereís no align:right in CSS.
Jan 30 '10 #4

P: 20
oh i am sorry actaully i used by removing this align="right" but code still not working...It is not making nay effect on my player block it is as it is on left side of page

Expand|Select|Wrap|Line Numbers
  1. <a 
  2.     style="display:block;width:320px;height:260px;position:relative;right=0;" 
  3.     id="player">
  4. </a>
  5.  
Jan 31 '10 #5

acoder
Expert Mod 15k+
P: 16,027
Look again at the first reply and compare with yours: there shouldn't be an =, replace with :
Feb 1 '10 #6

P: 20
<code>
<a
style="display:block;width:250px;height:200px;posi tion:relative;right:0;"
id="player">
</a>
</code>

I also tried this but this is also not working.i am surprised why this is happening..Any suggestion plz...
Feb 1 '10 #7

drhowarddrfine
Expert 5K+
P: 7,435
Watch the spaces in your markup.

'right:0', in this case, means the right edge of the content relative to where it would normally be placed. So you are moving it 0 from where it would be normally.
Feb 1 '10 #8

P: 20
yaa i get the point this time.Thank you very much sir...i use this code and it is working means now i am able to allign it where actully i wanted..
<code>
<a
style="display:block;width:250px;height:200px;posi tion:relative;left:1054;"
id="player">
</a>
</code>
Feb 1 '10 #9

Post your reply

Sign in to post your reply or Sign up for a free account.