HTML - Menuh-container Properties

i want to change this object (player) properties

PHP Code:
 <center>
<object id="Player">
<param name="URL" value="www.site.com/media.avi" ref>
<param name="fullScreen" value="1">
</object> 


i know there is a way to do this
for example

PHP Code:
 <a onclick="if (Player.playState == 3)Player.fullScreen = '1';"> 


to change the fullscreen mode

but i need to change the URL value

I'm pretty new to all of this and need some help trying to load a swf file in a container.

What I have is a thumbnail gallery where I have thumbnails on the right side of the page and when you click on the thumbnail it pops on the left side of the page in a container. So what I want to do is keep the same format so you can click on the thumbnail then the swf file appears instead of an exploded image. This is what I have.

Also I appreciate any and all help, thank you.


<style type="text/css">
img { border: 0px }

#container {
text-align: center;
border: 0px;
margin: 0 auto;
padding: 0px
}

#leftcol img {
}

#rightcol img {
}

</style>





<td width="80" height="421">&nbsp;</td>
<td width="673"><div align="center"><img src="images/AF.jpg" name="ImageOnly" align="absmiddle" /></div> </div></td>
<td width="71">&nbsp;</td>
<td width="318" valign="middle"><div id="leftcol">
<div class="root" id="root0">
<div class="scrollContainer" id="scroll0Container">
<div class="scrollContent" id="scroll0Content">
<p>
<a href="#" onclick="ImageOnly.src='images/Asylum_5.jpg'"><img src="images/Asylum_5_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/Asylum_1.jpg'"><img src="images/Asylum_1_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/Asylum_2.jpg'"> <img src="images/Asylum_2_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/Asylum_3.jpg'"><img src="images/Asylum_3_thumbnail.jpg" /></a>
</p>
<p>&nbsp;</p>
<p>
<a href="#" onclick="ImageOnly.src='images/kerryn_5.jpg'"><img src="images/kerryn_5_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_6.jpg'"><img src="images/kerryn_6_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_7.jpg'"> <img src="images/kerryn_7_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_8.jpg'"><img src="images/kerryn_8_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"><img src="images/kerryn_9_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"><img src="images/kerryn_movie_thumbnail_2.jpg" /></a> (this is where I want to add it)
</p>
<p>&nbsp;</p>
<p>
<a href="#" onclick="ImageOnly.src='images/f_h_5.jpg'"><img src="images/f_h_5_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/f_h_6.jpg'"><img src="images/f_h_6_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/f_h_7.jpg'"><img src="images/f_h_7_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/f_h_8.jpg'"><img src="images/f_h_8_thumbnail.jpg" /></a>
</p>
<p>&nbsp;</p>
<p>
<a href="#" onclick="ImageOnly.src='images/football_1.jpeg'"><img src="images/football_1_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/football_2.jpeg'"><img src="images/football_2_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/football_3.jpeg'"><img src="images/football_3_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/football_4.jpeg'"><img src="images/football_4_thumbnail.jpg" /></a>
</p>
<p>&nbsp;</p>
</div>
</div>
</div>
</div>


I hope I'm posting in the right section. Again thank you for any help.

Hi,

I recently created a landing page for my site but cannot seem to adjust the alignment of the main container element. I want to try and centre the main container vertically by putting a margin at the top. However, it will only let me put in a maximum of 10px margin?

If someone could show me how to do this I would be very grateful. The url is http://www.amokcuisine.com and I hope you will see what I am getting at!

Thanks
GG

hey forum,
does adding an image with a link in a div container make it null??
Problem:
PHP Code:
<div id="container">

<div id="top-left-box"><img src="images/rss_tab.png" width="201" height="45" longdesc="http://betyoulikeit.com/tinc?key=gNu6zzEm"></div> 


look cottonhead no slices
thanks...
-tikki-

Okay so I'm trying to get cutenews to post in rows, and I know I've done it before utilizing a div container, but I can't remember what it was I did lo those many years ago.

Can anyone help me out? I'm looking for an end result like this

Much appreciated anyone who gives this a look and/or reply =]

My container kinda works, but kinda doesn't. I've had this problem before and I can't remember how I solved it, anyway..

My container is keeping my "reading" and "sidebar" divs in place, but the background of the container div isn't following down the other divs, it's just on top of the container.

Here's my website : http://djance.net/wordpress (the layout is NOT done if you were wondering). And my Css : http://djance.net/layouts/14/css.style

I think it's the Css, but anyway Help appriciated !

http://www.iankovi.com/htmlllll.html
http://www.iankovi.com/csssss.css

Any suggestions?

Hi

I am trying to center a container from top to bottom aswell as left to right.

This is my code for the container so far:

Code:

#container1 {
	width:780px;
	height:650px;
	margin-left:auto;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	background-color:#FFFFFF;
}

As you can see my container is 780x650, i may change the height when i come to do the design but the design wont work if i cant have this container centerd on different screen resolutions.

Left and Right centering has been acheived with margin's set to auto, unfortunately this does not work for top and bottom

Anyone know how to achieve this, I am only really worried about browser compatability in FF and IE.

Thanks in advance

Hey all,

I've been trying to look this up on google but all I get as results are unanswered posts, so I'm here to ask...

If I set up a blog (on an existing blogging site) or even created a standalone XML file, would I be able to parse that data into a DIV container?
If so, how would I go about getting it to work?

Thanks in advance,

- M

This is what my assignment says to do word by word.
"Scroll down to the four div container elements(marked with ids sample 1 through sample4) and place each of the div containers in the samples class."

Here is my code and what I thought this instruction meant.

HTML Code:

      <div id="samples_container">
         <div class="samples"><div id="sample1">
            <h3>Paint Ball Fun</h3>
            <a href="sample1.jpg"><img src="sample1.jpg" alt="" /></a>
         </div></div>
         <div class="samples"><div id="sample2">
            <h3>Longs Peak Memories</h3>
            <a href="sample2.jpg"><img src="sample2.jpg" alt="" /></a>
         </div></div>
         <div class="samples"><div id="sample3">
            <h3>Trick or Treat!</h3>
            <a href="sample3.jpg"><img src="sample3.jpg" alt="" /></a>
         </div></div>
         <div class="samples"><div id="sample4">
            <h3>Michael's First Concert</h3>
            <a href="sample4.jpg"><img src="sample4.jpg" alt="" /></a>
         </div></
      </div>

The thing is it's asking me in my CSS later to make the class .samples, to have absolution positioning. Later then it asks me to set positions for ID sample1 through 4.

So i'm guessing what it's trying to do is inbox all sample1-4 inside samples, so that when I declare position as absolute in the class .samples, the other ID's will already be set to absolute position and all I will need to do is assign left and top value.

Unfortunately the way I boxed the sample class doesn't seem to work, given how vague the instruction is I doubt I did the right thing but I can't figure anything else.

Here's a sample of my CSS just in case.

Code:

.samples{position:absolute;}
.samples img{width:150px; height:193px; border-width:0px;}

#samples_container{position:relative; top:0px; left:0px; height:450px;}				
#sample1{left:0px; top:0px;}
#sample2{left:170px; top:0px;}
#sample3{left:0px; top:170px;} 
#samples4{left:170px; top:220px;}

Thanks again in advance.

Hi guys,

All of my pages are centered in the middle of the screen except my contact_us.html page which shifts half a centimeter to the right (still in the middle of the page but it moves slightly).

This page contains a form inside a table.

Why does it move??

I can put code up if the answer cannot be resolved from the info provided

Thanks,

Raggy

Hi, I have a div element, that will contain various debug/warning messages from Javascript. If I set it's height to 100%, so to fill the parent element, it overlaps the parent element. How can I automatically set the height, without manually setting the height in pixels?

Many thanks for any suggestions.

Regards

Aaron
HTML Code:

<div style="border-style: solid; border-width: 3px; margin: 0px; padding: 0px; z-index: 1000; position: fixed; top: 252px; left: 582px; width: 494px; height: 202px; background-color: white; display: block;">

<h1 style="width: 100%; height: 20px; font-size: 12px; display: block; border-bottom-width: 2px; border-bottom-style: solid; vertical-align: middle;"><img src="https://127.0.0.1/beer2/i/clear.png" style="cursor: pointer;" alt="clear"/><img src="https://127.0.0.1/beer2/i/min.png" style="cursor: pointer;" alt="Minimise"/> Debug Window</h1>

<div style="overflow: scroll; width: 100%; height: 100%; font-size: 12px; position: static;">
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>

</div>

What code do I need to place some text in some type of table or container?

thanks

Hi I'm having trouble acheiving something with a landing page.

I'm trying to get a 'full bleed' efect with a header, body, footer type of thing.

I attached a mockup and folder with html/css/images for the landing page for reference

For some reason I can't get the white background. I had it working fine when i first started writing the code, and as soon as I created a LEFT and RIGHT div column it disappeared.

Any advice?

Thanks!

Hello,

I have a website with registered users and i want to create a work space for each user where they have the option of moving about 10 to 15 container boxes freely into that workspace and save their positions so when the users login again they stay in the same order. The boxes will contain some graphics, static text, js and a form. How would i go about this ?

Thanks you!