How do I position text just to the right of something?

Mike H · Joined: 28 Sep 2009 Posts: 17

My webpage is here:

http://www.masoncreekstudios.com/

I want to position text just to the right of the FLV Player. The text would be:

Mastering by Brian Lucey

followed by a link to his website http://www.magicgardenmastering.com/,

Would I best use this:
style="float: right" ?

If so, it is not clear to me (1) how to position it vertically, and (2) how to control the space between the player and the new text.

Help would be much appreciated!

The code I am now using is this (thanks mainly to sticks464):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Mason Creek Studios</title>

<style type="text/css">
body {background:#7C90B4;}
h1 {
font-size:40px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
h3 {
font-size:28px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
p {
font-size:18px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
h5 {
font-size:20px;
font-style:italic;
font-weight: bold;
margin-top: 30px;
margin-bottom: 0px;
padding: 0;
border: 0;
outline: 0;
}
#mediaspace {
width:470px;
height:282px;
border:4px solid #DF3232;
}
.band {
border:10px solid #000;
margin-top:10px;
width:1027px;
}
</style>

</head>

<body>
<h1>Mason Creek Studios</h1>

<h3>Current Mixes</h3>
<p>Note: Download Adobe Flash Player if you can't play these m4a files: <a href="http://get.adobe.com/flashplayer/">flashplayer download site</a></p>

<script type='text/javascript' src='swfobject.js'>
</script>

<div id='mediaspace'>Note: Download Adobe Flash Player if you can't play these m4a files: http://get.adobe.com/flashplayer/ </div>

<script type='text/javascript'>
var so = new SWFObject('player-licensed.swf','mpl','470','282','9.0.124');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file','playlist.xml');
so.addVariable('playlistsize','240');
so.addVariable('playlist','bottom');
so.addVariable('skin', 'metarby10.swf');
so.write('mediaspace');
</script>

<h5>Ellisville High School auditorium, 1963</h5>

<p class="band"><img src="High school band photo.jpg" height="549" width="1027" alt="High School Band"></p>
</body>
</html>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Could make two more divs. One for the text you want added to right of media player and a complete wrapper div for it and the media player div. You can then float left/right as you want inside the wrapper div.

sticks464 · Joined: 31 Dec 2006 Posts: 2309

Something like this

Mike H · Joined: 28 Sep 2009 Posts: 17

sticks464 · Joined: 31 Dec 2006 Posts: 2309

The simplest way to do this is not by changing widths but doing a little trickery on the right div. IE7 doesn't like this method so we add a conditional statement to get this culprit to comply.

Mike H · Joined: 28 Sep 2009 Posts: 17