HTML - Change Page Size

I was wondering if someone could give me the javascript to make text change color or size or make bold when mouse moves over.

Thanks for the help!

Below is code that works fine, but I wonder if someone could help so that it opens in a full size window so that they don't have to resize the pop up. Thank you.


<p><frameset frameborder="0" rows="10%,*"></frameset><frame src="menu.html"></frame><frame name="frame"></frame>Adjust the percentage to give your frames the right height. The first frame is pointing at your menu so here is menu.html :</p>
<table align="center">
<tbody>
<tr>
<td>
<form target="frame">
<select onchange="change(this)">
<option value="">Drop down 1</option>
<option value="" selected="selected">Drop down 1</option>
<option value="http://www.google.co.uk">Google</option>
<option value="http://www.yahoo.co.uk">Yahoo</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</form>
</td>
<td>
<form target="frame">
<select onchange="change(this)">
<option value="">Drop down 2</option>
<option value="" selected="selected">Drop down 2</option>
<option value="http://www.google.co.uk">Google</option>
<option value="http://www.yahoo.co.uk">Yahoo</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</form>
</td>
<td>
<form target="frame">
<select onchange="change(this)">
<option value="">Drop down 3</option>
<option value="" selected="selected">Drop down 3</option>
<option value="http://www.google.co.uk">Google</option>
<option value="http://www.yahoo.co.uk">Yahoo</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</form>
</td>
<td>
<form target="frame">
<select onchange="change(this)">
<option value="">Drop down 4</option>
<option value="" selected="selected">Drop down 4</option>
<option value="http://www.google.co.uk">Google</option>
<option value="http://www.yahoo.co.uk">Yahoo</option>
</select>
</form>
</td>
</tr>
</tbody>
</table>
<table>
<script language=Javascript>
function change(select) {
if( select.options[ select.selectedIndex].value) {
select.form.action =
select.options[ select.selectedIndex].value;
select.form.submit();
}
}
</script>
<tbody>
</tbody>
</table>

Below are the two sites I will use to explain my problem. For reference, I used Mozilla Firefox 3.08 and Google Chrome 1.0.154.53 in my tests.

Example 1: http://www.irishbyname.com/example1.htm
Example 2: http://www.irishbyname.com/example2.htm

When browsing the site in a browser other than Internet Explorer, example 1 and example 2 center to different locations on the page. In example 1, I set the height of the content area to be 200 px tall. In example 2, I set the height of the content area to be 500 px tall. When I have example 1 open in one tab and example 2 open in another, I can alternate between the two tabs and see a visual difference in alignment. The HTML code on both pages is exactly identical with the exception of the height of the content area.

Can anyone tell me why the horizontal page center changes based on the height of the page? Can anyone tell me how to change my HTML to make certain the page centers correctly no matter how tall the page is?

Thanks for your help in advance.

Hello all,
It'd be much appreciated if someone could tell me how to make the font smaller and remove visible tags (found on the left hand side) on my Tumblr page. I have the option to edit the HTML, but don't know where to begin. Here's a link to my Tumblr page. Any and all help would be appreciated. Thank you.

can html set the size of a page? such as 5" x 7" ?

if so, what are the tags?

hi,

I volunteered to maintain this (uploads and linkage):

http://www.collier-ese-reform.com/

if you go to the About Us page why is it so wide and doesn't "shrink" as some of the others? what can fix in that aspect?

THANKS!

I have created one webpage for our website.
but when i view that page in a wide screen monitor, the page is alligning left.
ie. right part of the screen its giving blank with black color.
how to justify the webpage in widescreen.

Thanks,
Vinutha.

Well, I plan on having quite a bit of text on my page, and rather than having to have lots of pages I want the page to be quite long. I've designed the site in photoshop and it's only just longer than the standard size of a web page when in full screen mode (F11). How would I make it so the web page is longer than how I designed it in photoshop? Or do I have to re-create it longer in photoshop?

Hi, when I created my website www.monkeygambling.com I didn't think about the resolution of other peoples monitors. When most internal pages (homepage is fine i think) are viewed on resolutions below 1280*1024 the page contents moves around.

Could anyone help with out with the easiest way to stop this happening so the contents are fixed?

thanks for your help

I have link to a new page. I want to set the size of that page so that it's about 3"x4".

Can I do that?

Here's what I got so far

<td class="listing"><div align="left"><a href="display_member.php?member_id=<?php echo $row_listMem['member_id']; ?>" target="_blank"><?php echo $row_listMem['name']; ?></a></div></td>

Hey

would anyone be able to tell me how i can change the page size on html so that i dont have a scrollbar along the bottom of the page. what coding do i look for? do i need to look on the css or html?




Thanks

I recently updated my homepage to include more text, and moved some of the image buttons around. I noticed however, that if I view the site and increase the size of the font (control+mouse wheel) it also increases the amount of spacing between the buttons, enough to move one of the images to the next row.

Is there any way to stop these images from moving?

The site is he http://www.bacchanalpromotions.com

The current code is written like this, I think the margin tags are what gets increased when the font size goes up, but I don't know for sure... I tested on Firefox 3.6, at 1400x900 resolution.

Code:

<a href="booking.php?page=thss"><img height="100px" width="123px" src="performers_images/home-circus.png" onmouseover="this.src='performers_images/home-circus2.png'" onmouseout="this.src='performers_images/home-circus.png'" alt="" /></a>
<a style="margin-left:13px" href="booking.php?page=fire"><img height="100px" width="123px" src="performers_images/home-fire.png" onmouseover="this.src='performers_images/home-fire2.png'" onmouseout="this.src='performers_images/home-fire.png'" alt="" /></a>
<a style="margin-left:13px" href="booking.php?page=sideshow"><img height="100px" width="123px" src="performers_images/home-sideshow.png" onmouseover="this.src='performers_images/home-sideshow2.png'" onmouseout="this.src='performers_images/home-sideshow.png'"alt="" /></a>
<a style="margin-left:13px" href="booking.php?page=stilts"><img height="100px" width="123px" src="performers_images/home-stilts.png" onmouseover="this.src='performers_images/home-stilts2.png'" onmouseout="this.src='performers_images/home-stilts.png'" alt="" /></a>

i have created a page, and i will chk that in firefox, the height of that page is not fixed, but i go through with chrome, the page size is fixed with browser?
how to avoid this???
this is the page template code
#panelIMG{
position:absolute;
width:844px;
height:652px;
z-index:1;
left: 203px;
top: 14px;
background-image:url(template_bg.jpg);
background-repeat:no-repeat;
}

Hi.

This is something I have pondered on for a very long time and wish to know how to resolve. I have no idea if it is possible but I think I have seen it done before.

I need a piece of code for a frame that will automatically readjust itself to the page that is targeted in the frame, but will only go so far as the parameters I set it to. To me, it sounds like a rather complicated code and I'm really not sure whether it is possible, but if it is, it would be extremely useful for forum pages that are set to be inside a webpage.

What I want to achieve with this, is to have the frame to be able to extend itself inside the page, without putting a scrollbar on the actual frame. The page I have isn't actually structured with frames, so I would like to keep it that way. I have no idea if this IS possible but I would like to know.

Thanks,

KGB.