在纯 html 页面上定位 HTML5 Jquery 播放器

发布于 2024-12-02 09:16:39 字数 517 浏览 1 评论 0 原文

有问题的布局在这里: http://www.davedaranjo.com/media.html

这可能是 css 标准定位的问题,但我已经尝试了我能想到的所有定位组合来实现此目的:

https://i.sstatic.net/lFOGy.jpg

每次我尝试将播放器移动到页面上的任何位置时,它都会将自己定位在底部,甚至位于页脚下方。我什至尝试将内容放在表格中,其中链接和视频位于左侧,播放器位于右侧,但播放器甚至不会坐在表格中。我还在 css 文件中尝试了一些定位标签,如果我给它一个固定的位置,它最多会移动,但因为布局的其余部分不是固定的(并且不在布局的其余部分上)网站),这不是一个可行的解决方案。

我意识到这可能是我在这里缺少的基本内容,但任何建议都会非常有帮助。

谢谢你!

The layout in question is here: http://www.davedaranjo.com/media.html

This is probably an issue in standard positioning with css, but I've tried every positioning combination I can think of to achieve this:

https://i.sstatic.net/lFOGy.jpg

Every time I try to move the player anywhere on the page, it positions itself at the bottom, even below the footer. I've even tried putting the content in a table with the links and video in the left td and the player in the right, but the player won't even sit in the table. I've also tried a number of positioning tags in the css file and at best, it will move if I give it a fixed position, but because the rest of the layout isn't fixed (and isn't on the rest of the site), that's not a viable solution.

I realize this is probably something fundamental that I'm missing here, but any suggestions would be extremely helpful.

Thank you!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

过期以后 2024-12-09 09:16:39

快速浏览了该页面的源代码,看到了很多我要更改的内容,所以我不会详细介绍,但也许这会让您开始。

您可以尝试使用 css float: left; 浮动您的主 div(在代码中查找 ),并让您的播放器内联-像这样阻止;

.ttw-music-player { display: inline-block; }

Had a quick look at the source of that page and saw quite a few things i would change, so i will not go into detail but maybe this will get you started.

You could try floating your main div (look for <div align="center"> in your code) with css float: left; and also make your player inline-block like so;

.ttw-music-player { display: inline-block; }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文