/    Sign up×
Community /Pin to ProfileBookmark

The dreaded MYSPACE

Hey all, [U]appreciate any help in advance[/U]. [U] This forum is great![/U]

I’m working on an artist’s Myspace page top banner. I’d like to put a video on top, with a border surrounding, i.e. [URL=”http://i31.tinypic.com/30cypw2.jpg”]http://i31.tinypic.com/30cypw2.jpg[/URL]. I can’t seem to match these two elements in html. Any suggestions for positioning a Youtube?

[B]My current coding is[/B]

<style type=”text/css”>
body{
background-position:top center;margin-top: 2000;}
div.toppage {
top: 2000;
left: 37%;
right: 37%;
margin-left: -200px;
width: 100%;
height: 2000px;
position: absolute;
}

</a><style>body { margin-top: 400px; }

.mdlproductionsheadbanner{ position: absolute; top:

0; width: 728px; text-align:center; margin-top:

1px; margin-left: -364px; left: 49.88%;

}</style></a><div

class=”mdlproductionsheadbanner”>
<object type=”application/x-shockwave-flash” allowScriptAccess=”never” allowNetworking=”internal” height=”344″ width=”425″ data=”http://www.youtube.com/v/Hi-VjIDtQOU&hl=en&autoplay=1“>
<param name=”allowScriptAccess” value=”never” />
<param name=”allowNetworking” value=”internal” />
<param name=”movie” value=”http://www.youtube.com/v/Hi-VjIDtQOU&hl=en&autoplay=1” />
</object>

<br><br>
</a><style>body { margin-top: 845px; } .mdlproductionsheadbanner2{ position: absolute; top:0; width: 728px; text-align:center; margin-top:344px; margin-left: -364px; left: 49.88%; }</style><div class=”mdlproductionsheadbanner2″><img src=”http://i32.tinypic.com/14lq61f.jpg” alt=’MdL Productions Banner 2′ border=0></a>

[U]
And I’d like to put this frame behind the Youtube video[/U]

<img src=”http://i28.tinypic.com/nfs7rb.jpg” border=”0″ ></a>

[B]I’d really appreciate any guidance, learning as I go, from you guys! [U]Thanks! [/U] [/B]

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@donatelloJun 23.2008 — Put it in a DIV, then you can put the border inside the DIV.

Alternatively, you can have a background image in the DIV, and that image can be a border. It must be the same size as the DIV or it will get cropped.

That should solve your problem.

If you have trouble with DIVs, you can even use a dreaded Table.
Copy linkTweet thisAlerts:
@prs91authorJun 23.2008 — Thanks Donatello. I've figured it out!
Copy linkTweet thisAlerts:
@WebJoelJun 24.2008 — <[B]style[/B] type="text/css">

body{

background-position:top center;margin-top: [B]2000[/B];}

div.toppage {

top: [B]2000[/B];

left: 37%;

right: 37%;

margin-left: -200px;

width: 100%;

height: 2000px;

position: absolute;

}



</a>[B]<style>[/B]body { margin-top: 400px; }

.mdlproductionsheadbanner{ position: absolute; top:

0; width: 728px; text-align:center; margin-top:

1px; margin-left: -364px; left: 49.88%;

}[B]</style>[/B][/QUOTE]
You have an extra "<style>" here (probbly a typo from the copy & paste to here?), and, is this 2000 pixels, points, pica, centimeters, EM, EX, -? Only "zero" can exist without a unit-of-measure, as "0px" = "0em" = "0pt", etc etc.. ?
×

Success!

Help @prs91 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...