position of text within div tag

Craigj1303 · #1 (**permalink**) Apr 23rd, 2007, 22:41

Hi All

http://uk.geocities.com/johnson463@btinternet.com/

In the above link, the flash animation and text "this is some text" is held within a div called #middlecontainer.

I would like to know how i position my text at the top of the division to the right of the Flash object instead of it's current position at the bottom. Whatever changes I make to the CSS affects the Flash as well because they are in the same div.

JasonStanley · #2 (**permalink**) Apr 24th, 2007, 11:01

Why not add another div...

Code: Select all

<div id="middlecontainer">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="365" height="255">
<param name="movie" value="Untitled-5.swf" />
<param name="quality" value="high" />
<embed src="Untitled-5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="365" height="255"></embed> 
</object>This is some text
</div>

Change to

Code: Select all

<div id="middlecontainer">
 <div id="left">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="365" height="255">
    <param name="movie" value="Untitled-5.swf" />
    <param name="quality" value="high" />
    <embed src="Untitled-5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="365" height="255"></embed>   
    </object>
 </div>
 <div id="right">
   <p>This is some text</p>
 </div>
</div>

Your CSS would then need.

Code: Select all

#middlecontainer #left {float:left;}

Craigj1303 · #3 (**permalink**) Apr 24th, 2007, 12:26

I tried that code and added the rule to the CSS but the whole middlecontainer div aligns to the left of the page.

Also, you said add a division called #left but in the HTML you also referrenced a div called #right so does this mean we're adding 2 new divisions?

Gwayn · #4 (**permalink**) Apr 24th, 2007, 12:42

For example if you want the two div's side by side apply the float:left propriety to both the id's.

If you want them at the opposite sides apply float:left to #left and float:right to #right. Remember to set the width value for both the containers.

Craigj1303 · #5 (**permalink**) Apr 24th, 2007, 23:04

Thanks guys, had a play with your suggestions and sussed it out.

Rgs, Craig

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
making text field text disapear	Phixon	JavaScript Forum	4	Feb 2nd, 2008 07:49
[SOLVED] Image with text -> text with background	alexgeek	Web Page Design	5	Nov 13th, 2007 23:25
Text position inside DIV element.	Monie	Web Page Design	6	Sep 13th, 2007 13:14
text position	bean_2k1	Web Page Design	2	May 13th, 2006 21:58
Help with position	tunafishy	Web Page Design	1	Jul 26th, 2005 03:14

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
position of text within div tag