Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

Html Help?

HTML

  • Please log in to reply
5 replies to this topic

#1 AfroJack

AfroJack

    CC Regular

  • Member
  • PipPipPip
  • 29 posts

Posted 25 April 2012 - 09:19 AM

Hello, I'm trying to add a media player to my website.
This is what it looks like at the moment
Posted Image
and this is what I want it to look like
Posted Image
I can edit the width of the mediaplayer class to move it across, but then when I open it on a different size screen, or zoom out, it moves off the edge of the middle.
How can I attach it to the side of the middle part? The #mediaplayer is the media player and the #container is the black thing in the middle
#mediaplayer{float:right; width: 385px; margin: 0 auto;}
#container
{
width: 900px;margin: 0 auto;padding: 5px; border-top: 2px solid #cccccc;
border-right: 2px solid #cccccc;border-bottom: 2px solid #cccccc;
border-left: 2px solid #cccccc; background-color: #000;
}
  • 0

#2 papabear

papabear

    CC Devotee

  • Senior Member
  • PipPipPipPipPipPip
  • 472 posts
  • Location:DarkSide

Posted 25 April 2012 - 03:40 PM

this is a normal scenario/problem regarding screens. Is the #container a parent of #mediaplayer? like this

<div id="container">
		  <div id="mediaplayer">

		  </div>
</div>


you can also try to use and experiment the absolute positioning
example

position:absolute;
left:100px;
top:150px;

  • 1
Life has no CTRL+Z
Never Forget To HIT "LIKE" If I Helped

#3 wim DC

wim DC

    Roar

  • Expert Member
  • PipPipPipPipPipPipPipPip
  • 2681 posts
  • Programming Language:Java, JavaScript, PL/SQL
  • Learning:Python

Posted 30 April 2012 - 04:15 AM

edit: Sec, IE is annoying as usual...
  • 0

#4 marases

marases

    CC Newcomer

  • Member
  • PipPip
  • 14 posts
  • Location:Australia
  • Programming Language:PHP, (Visual) Basic, Visual Basic .NET, Assembly
  • Learning:Java

Posted 04 May 2012 - 05:17 PM

Hahaha, just forget about IE! :D
  • 0

#5 WingedPanther73

WingedPanther73

    A spammer's worst nightmare

  • Moderator
  • 17757 posts
  • Location:Upstate, South Carolina
  • Programming Language:C, C++, PL/SQL, Delphi/Object Pascal, Pascal, Transact-SQL, Others
  • Learning:Java, C#, PHP, JavaScript, Lisp, Fortran, Haskell, Others

Posted 05 May 2012 - 04:14 AM

Hahaha, just forget about IE! :D

Unfortunately, when developing websites for commercial customers, you can't. IE6 finally dropped low enough in usage that I can stop supporting it, but IE7 and up are still very important.
  • 0

Programming is a branch of mathematics.
My CodeCall Blog | My Personal Blog

My MineCraft server site: http://banishedwings.enjin.com/


#6 wim DC

wim DC

    Roar

  • Expert Member
  • PipPipPipPipPipPipPipPip
  • 2681 posts
  • Programming Language:Java, JavaScript, PL/SQL
  • Learning:Python

Posted 05 May 2012 - 05:53 AM

Yea, IE must be supported our your site sucks :P And it will remain like that for a long time since the latest IE versions aren't all THAT bad anymore.
  • 0





Also tagged with one or more of these keywords: HTML

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download