Центрирование iframe + DIV от Bandcamp и Reverbnation - PullRequest
Новая
       91

Центрирование iframe + DIV от Bandcamp и Reverbnation

0 голосов
/ 25 июня 2011

[править 3] - Хорошо, вот код, но Chrome и Sea Monkey и Firefox не отображают его правильно. Как я могу это изменить? 

    <html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
<title>Pissing Graffiti - Home</title>
</head>
<body style=" background-color: rgb(102, 102, 102); background-image:
url(&quot;http://static.tumblr.com/iorl8zv/Me9ljgnyz/pgbgtumb.gif&quot;);">
<p></p>
<div style='color: rgb(255, 176, 46)'><b><center>Download the new 8-track SAXAPHONE EP, by Pissing Graffiti</center></b></font></div></div>
<p></p>
<div style="text-align: center;" onClick="document.location='http://music.pissinggraffiti.com';"><IMG SRC="http://static.tumblr.com/iorl8zv/vIXlngmey/cover2.jpg" ALT="Music"></div>
<p></p>
<div><a style='color: rgb(255, 176, 46);' align-text="center;"
href="www.blog.pissinggraffiti.com"><b><center>Head over to the blog.</center></b></a></div>
<p></p>
<div align="center";<img
style="visibility:hidden;width:0px;height:0px;"
src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEzMDkwMTE*OTg1MTYmcHQ9MTMwOTAxMTUwMDU2MSZwPTI3MDgxJmQ9ZmFuX2NvbGxlY3Rvcl9maXJzdF9nZW4mZz*x/Jm9mPTA=.gif"
border="0" height="0" width="0"> <object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
height="100" width="434"><param name="movie"
value="http://cache.reverbnation.com/widgets/swf/11/fancollector.swf?page_object_id=artist_470177&amp;backgroundcolor=666666&amp;font_color=FFB02E&amp;posted_by=artist_470177&amp;hide_street_team=true"><param
name="allowscriptaccess" value="always"><param
name="allowNetworking" value="all"><param
name="allowfullscreen" value="true"><param name="wmode"
value="opaque"> <param name="quality" value="best"><embed
src="http://cache.reverbnation.com/widgets/swf/11/fancollector.swf?page_object_id=artist_470177&amp;backgroundcolor=666666&amp;font_color=FFB02E&amp;posted_by=artist_470177&amp;hide_street_team=true"
type="application/x-shockwave-flash"
allowscriptaccess="always" allownetworking="all"
allowfullscreen="true" wmode="opaque" quality="best"
height="100" width="434"></object><br>
<img style="visibility:hidden;width:0px;height:0px;"
src="http://www.reverbnation.com/widgets/trk/11/artist_470177/artist_470177/t.gif"
border="0" height="0" width="0"> </div>
</body>
</html>

Забыл упомянуть о проблемах.

1 - сборщик Reverbnation @ddy не отображается

2 - весь горизонтальный экран является гиперссылкой, тогда как я просто хотел, чтобы это было изображение.

3 - Я только что узнал, что, нажимая на ссылку ниже, он пытается послать меня сюда: "http://pissinggraffiti.com/www.blog.pissinggraffiti.com", который, конечно, не существует." не могу понять. "pissinggraffiti.com переходит к моему размещенному файлу index.html, тогда как" blog.pissinggraffiti.com "является поддоменом, который указывает на мою страницу Tumblr. Что там происходит?

Спасибо за ваше время!

Ответы [ 2 ]

0 голосов
/ 29 июня 2011

ОК - я до сих пор не понял проблему 2, но:

1 - как-то связан с кодом, который они мне давали.Поэтому я попросил у них html-код и просто вставил его, настроил форматирование и вуаля.Все браузеры у меня работают.Если бы кто-то в Windows мог проверить это, я был бы очень благодарен!

3 - мне пришлось изменить ссылки = / Они все еще указывали на корень http://pissinggraffiti.com, и мне пришлось просто настроить изображениекарты / ссылки, чтобы иметь http://blog.pissinggraffiti.com

Спасибо, ребята!

0 голосов
/ 25 июня 2011

Чтобы ваш сайт Bandcamp находился слева от сборщика реверберации, вам нужно использовать свойство float с чем-то вроде этого: 

<iframe style="all-your-other-stuff-that; float: left;">

Тогда, что касается вашей ссылки, она все еще отображается синим цветом и подчеркнута, потому что это внешний вид по умолчанию, и вы не применили к ней стиль. Стиль, который вы применяете к окружающему div 

style="color: rgb(255, 176, 46);"

действительно должно быть применено к ссылке. 

<a style="color: rgb(255, 176, 46);" href="www.blog.pissinggraffiti.com">Head over to the homepage/blog.</a>

Кроме того, если вы собираетесь использовать такое большое количество стилей, вы можете подумать о том, чтобы поместить его в таблицу стилей, а не помещать все в линию.

...