Html 在站点上插入混响小部件-使用CSS放置它_Html_Css_Widget_Width

Html 在站点上插入混响小部件-使用CSS放置它

html css

Html 在站点上插入混响小部件-使用CSS放置它,html,css,widget,width,Html,Css,Widget,Width,我以前遇到过这个问题，无法解决，但它基本上只是尝试插入两个不同的嵌入（youtube嵌入和一个混响小部件）并让它们一起工作我可以让他们坐在一起。。。但是当我插入它们时，它们占据了整个页面的宽度。我知道一定有办法限制小部件的宽度，对吗下面是页面的代码-非常简单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional

我以前遇到过这个问题，无法解决，但它基本上只是尝试插入两个不同的嵌入（youtube嵌入和一个混响小部件）并让它们一起工作

我可以让他们坐在一起。。。但是当我插入它们时，它们占据了整个页面的宽度。我知道一定有办法限制小部件的宽度，对吗

下面是页面的代码-非常简单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://www.w3.org/2005/10/profile">
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type" />
<link rel="icon" type="image/png" href="http://static.tumblr.com/iorl8zv/yQxlnm3r2/favicon.png" />
<title>Official Pissing Graffiti--Rock-Industrial-Meaning</title>
<script type="text/javascript">


  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-24167987-1']);
  _gaq.push(['_setDomainName', 'pissinggraffiti.com']);
  _gaq.push(['_setAllowHash', 'false']);
  _gaq.push(['_trackPageview']);


  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();


</script>
</head>
<body style="background-color: #666666; background-image: url('http://static.tumblr.com/iorl8zv/Me9ljgnyz/pgbgtumb.gif')">

<h1><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="180" height="150"><param name="movie" value="http://cache.reverbnation.com/widgets/swf/43/pro_widget.swf?id=artist_470177&posted_by=&skin_id=PWPS4008&font_color=FFFFFF"></param><param name="allowscriptaccess" value="always"></param><param name="allowNetworking" value="all"></param><param name="allowfullscreen" value="true"></param><param name="wmode" value="transparent"></param><param name="quality" value="best"></param><embed src="http://cache.reverbnation.com/widgets/swf/43/pro_widget.swf?id=artist_470177&posted_by=&skin_id=PWPS4008&font_color=FFFFFF" type="application/x-shockwave-flash" allowscriptaccess="always" allowNetworking="all" allowfullscreen="true" wmode="transparent" quality="best" width="180" height="150"></embed></object><br/>
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://www.reverbnation.com/widgets/trk/43/artist_470177//t.gif" /></h1>
<div style="color: #ffb02e"><strong>
<center>New 8-track SAXAPHONE EP, by Pissing Graffiti</center></strong></div>
<div style="text-align: center">
<iframe width="560" height="349" src="http://www.youtube.com/embed/rn1SIXPZIgM" frameborder="0" allowfullscreen=""></iframe></div><!--
<div style="text-align: center;"><a href="http://music.pissinggraffiti.com"><img alt="" src="http://static.tumblr.com/iorl8zv/vIXlngmey/cover2.jpg" /></a></div-->
<div style="color: #ffb02d">
<center><font size="6">Free EP</font></center></div>
<div style="color: #ffb02e">
<center>Join the mailing list and immediately receive a link to a .zip file containing all 8 tracks with cover art and metadata.</center>
<center><br />
</center>
<center>
<div name="holder" style="border: 3px solid #FFB02E; width: 400px">
<div name="header" style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; padding-left: 4px; padding-top: 8px; text-align: left; color: #FFB02E!important; line-height: 12px">
      Join the mailing list</div>
<div style="text-align: center">
<form action="http://www.reverbnation.com/controller/fan_reach/add_email_direct/470177" target="_new" method="post"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color: #fff !important">
          Email Address: </span><input name="email" type="text" style="width: 220px" />&nbsp;&nbsp;<input name="Submit" style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; color: #333 !important; background-color: #FFF !important" value="SUBMIT" type="submit" /><br />
<br /></form></div></div></center>
<div><a style="color: #ffb02e" "="" href="http://blog.pissinggraffiti.com"></a>
<center><a style="color: #ffb02e" "="" href="http://blog.pissinggraffiti.com">Head over to the blog.</a>or <a style="color: #ffb02e" href="http://blog.pissinggraffiti.com/socialize">See what we're all about.</a></center></div></div>
</body>
</html>


官方撒尿涂鸦——摇滚的工业意义
var _gaq=_gaq | |[]；
_gaq.push（[''设置帐户'，'UA-24167987-1']）；
_gaq.push（[''u setDomainName'，'pissinggraffiti.com']）；
_gaq.push（[''u setallowash'，'false']）；
_gaq.push（[''u trackPageview']）；
（功能（）{
var ga=document.createElement（'script'）；ga.type='text/javascript'；ga.async=true；
ga.src=（'https:'==document.location.protocol？'https://ssl' : 'http://www“）+”.google analytics.com/ga.js'；
var s=document.getElementsByTagName（'script'）[0]；s.parentNode.insertBefore（ga，s）；
})();



新的8音轨萨克斯风EP，由撒尿涂鸦制作
免费EP
加入邮件列表，并立即收到一个指向.zip文件的链接，该文件包含封面艺术和元数据的所有8首曲目。


加入邮件列表
电子邮件地址：



或

当我在这里发帖时，我觉得自己像个白痴，因为我永远不知道如何格式化代码，使其看起来可读
我很感激你能给我的任何帮助。我通读了W3学校的图坦卡门，每次我想我明白了…我不明白，我的页面就消失了

谢谢大家！祝你幸福
啊，你只是想让quote小部件与YouTube视频保持一致？在这种情况下，请参阅。基本上我所做的就是设置
embed
s、
object
s和
iframe
s以内联显示（以保持彼此一致），去掉了您的
标记，因为它是一个块对象，会导致换行，并删除了
标记，并在HTML中将quote小部件移到YouTube视频上方。
CCS栏目帮我完成了这项工作！刚刚为元素定义了一个#widgets div，并在元素进入后调整了它们的宽度。不要忘记“moz”和“webkit”部分，这样它可以在所有浏览器上运行。
使用以下代码嵌入混响歌曲：

[gigya src="http://cache.reverbnation.com/widgets/swf/40/pro_widget.swf" flashvars="id=artist_######&posted_by=&skin_id=PWAS1009& font_color=12ff98&auto_play=false&shuffle=false" type="application/x-shockwave-flash" allowscriptaccess="always" allowNetworking="all" allowfullscreen="true" wmode="transparent" quality="best" width="100%" height="300" ]

在“id=artist###############&；段中使用您自己的用户id代码，可以在浏览器的位置栏中找到：reverbnation.com/control#room/artist/> 您还可以通过将“&；skin\u id=PWAS” 之后的数字更改为1000 和1020 之间的任意数字来更改小部件的样式。尝试看看你得到了什么。你能发布一个，或者一个链接到发生这种情况的网站吗？这是JSFIDLE-我不知道左上角是什么东西，但我正在尝试将“quote”小部件放在youtube视频的左边。这样行吗？我希望我做得对。很棒的网站，顺便说一句。谢谢！！我要读一读你所做的事情的操作指南。但我有一个问题。我如何编辑在线CSS，以便YouTube视频仍然在中间？现在，quote小部件和youtube嵌入共享“中心”命令。我会创建两个单独的css条目吗？一个是YouTube视频，另一个是YouTube视频呢？如果你想把YouTube视频放在中间，我建议把它包装在<代码> <代码>中，给那个<代码> div <代码>一个类或ID，然后使用<代码>位置：绝对值；在quote小部件上的code>将其定位到YouTube视频的左侧或右侧。现在已经很晚了，我现在无法演示，但明天回到电脑前，我可以演示我在这里的意思。好的-我将此添加到CSS部分好的-我将我认为合适的内容添加到CSS部分，给出了带有一些属性的名称#引号。只是不知道如何在体内实现它们。我试着像这样把它们放在div标签上"..... 但是不走运。如果我在小部件周围放置div标记，它会为整个页面的宽度留出空间，并且它们会彼此重叠。非常感谢您的帮助，好先生。非常感谢。很抱歉，我超时了？好的，我把jsfiddle简化为问题，因为标记的其余部分有点难以理解，但下面是使用position:absolute ：