HTML - Brower Size Change.

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>

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.

i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame
now this 1.htm is quite a long frame and has a scrollbar
and 2.htm is a short one
i dont the scroll bar beside my frame 1 but want it to be for my entire parent window
ie i wont to scroll both my left and right frames together
how do i do that

All:

Working to update a previously designed website.

Original design uses an <img> tag to create a top banner and another <img> tag
to create a side banner.

In each case there are mapped coordinates on each banner as links for the subsequent pages.

Basic page design is as follows:

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td>
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <div>
         ***PAGE CONTENT***
      </div>
   <tr>
<table>

The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages
to be much longer or shorter than others.

This causes some inconsistencey in the relationship between the side banners height and the
page content.

In other words in some cases the banner is exceptionally longer than the page content and the
reader must scroll past significant "dead-space" before being brought to the lowest
mapped links in the side banner; or...

...in some cases the side banner is significantly shorter than the page content causing the
banner image to appear "poorly-fit" to the page design.

I considered altering the 2nd table instance in the above design so that the banner is carried
in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the
image to size relative to the <td> tag carring the content....

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td size="100%">
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <td size="100%" >
         <table>
            ***PAGE CONTENT***
         </table>
      </td>
   <tr>
<table>

The problem I've found with this is that as the content size causes the image to "flex", either
readablilty or image quality or both are effected, AND the mappings become inconsistent as the
image coordinates constantly change.

I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there
are better ideas I'm overlooking.

One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a
"defalut" page size that would never be smaller than a standard for the side banner.
Problem: larger page sizes are still a problem as are the changing map coordinates

My other idea was to return to the original page design listed first above and again settle on
a standard side banner "height"... ...any page that was significantly longer than that height
would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to
the additional content.
Problem: ...possible complications splitting content...
Benefit: ...consistent page design that allows a consistent side banner with navigable links...


Question for the group:
Does this sound reasonable?
Are there better alternatives I am overlooking?

THANKS IN ADVANCE FOR ALL INPUT!!

hi;

i want to create something like this
http://www.microsoft.com/en/us/default.aspx
need to do exactly as in this site

how can i do that.... ; any script

(when mouse is over needs to change the iframe....)
Highlights
Latest releases
Using your computer

I'd like my div to automatically expand when there is more text but I don't want it smaller than a certain size. Is this possible? Please look at the following site to see what I mean and click on the Writing tab. (The right hand div is what I'd like to fix--you see the text is cut off.) Thank you so much!

http://rkgrant.110mb.com/rkghome2.html

A simple problem when I populate my combo using javascript my combo size changes (Problem is only on) Ie works ok in ff.

My code is


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>123</title>
<script type="text/javascript">
function test(){
var listFileClass = document.getElementById('listFileClass');
alert("listFileClass ="+listFileClass);
for (var loop = 0; loop < 6; loop=loop+1) {
var newDomainValueOption = document.createElement('option');
newDomainValueOption.setAttribute("value",loop);
newDomainValueOption.appendChild (document.createTextNode(loop));
listFileClass.appendChild(newDomainValueOption);
}

}
</script>
</head>
<body>
<table>
<tr>
<td width="100%">
<select style="width:100%" name="listFileClass" id="listFileClass">

</select>
</td>
<td>
<input type="button" value="test" onclick="test();">
</td>
</tr>
</table>
</body>
</html>

Im using Dreamweaver and im using a table to layout my page. I have managed to get the table width to resize with the browser window but cant get the height to do it. I have a black bar along the bottom which I want to lock to the bottom of the browser window and resize with it but I just cant do it.

I have attached the file below if someone can have a look for me it would be great!

Cheers Peeps

How do you make the website The same size on different resolution?

Thanks for all of your help.

Hello, im trying to set my screen size with a div tag to 1024x768

any help would be very helpful and i'd be very thankful

Hello everyone again,

I have searched everywhere to get the info to make the website adapt to the resolution size. I can not understand how it works.

Will someone please be able give me the info on how to make the website adapt to the resolution.

Thanks for all of your help

I don't know what part of this html is making the pictures in my table compressed width wise but if someone could help that would be fantastic.

Here is the code:



<style type="text/css">
body,table, td, li, p, div, textarea
{font-family:Tahoma; font-size:12pt; color:ffffff; font-weight:none;}

table, td { background-color:transparent; border:none; border-width:0;}
body{background-image:url(http://i7.photobucket.com/albums/y28...onlybkgd.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:bottom right;
background-color:179f99; }

body
{scrollbar-face-color:179f99;
scrollbar-shadow-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-track-color:87f5f3;
scrollbar-arrow-color:ffffff;}

.text {font-family:Tahoma; font-size:12pt;
color:000000; font-weight:none}

.redtext{font-family:Tahoma;
font-size:10pt; color:000000; font-weight:bold}

.redbtext{font-family:Tahoma;
font-size:10pt; color:000000; font-weight:bold}

.orangetext15{font-family:Tahoma;
font-size:10pt; color:000000; font-weight:bold}

.lightbluetext8{font-family:Tahoma;
font-size:10pt; color:000000; font-weight:bold}

.whitetext12{font-family:Tahoma;
font-size:10pt; color:000000; font-weight:bold}

.blacktext12{font-family:Tahoma;
font-size:10pt; color:000000; font-weight:bold}

.nametext{font-family:Tahoma;
font-size:10pt; color:000000; font-weight:bold}

.blacktext10{font-family:Tahoma;
font-size:10pt; color:000000; font-weight:bold; background-color:transparent}

strong, b {font-weight: bold; color:000000;}

a{font-family:Arial; font-size:12pt;
font-weight:normal;background-color:transparent;}
a:link{color:000000;font-weight:bold;font-family:Arial}
a:active{color:000000;font-weight:bold;font-family:Arial}
a:visited{color:000000;font-weight:bold;font-family:Arial}
a:hover{color:000000;font-weight:bold;font-family:Arial}

a.redlink{font-family:Arial; font-size:12pt;
font-weight:normal;background-color:transparent;}
a.redlink:link{color:000000;font-weight:bold;font-family:Arial}
a.redlink:active{color:000000;font-weight:bold;font-family:Arial}
a.redlink:visited{color:000000;font-weight:bold;font-family:Arial}
a.redlink:hover{color:000000;font-weight:bold;font-family:Arial}

a.navbar{font-family:Arial; font-size:12pt;
font-weight:normal;background-color:transparent;}
a.navbar:link{color:000000;font-weight:bold;font-family:Arial}
a.navbar:active{color:000000;font-weight:bold;font-family:Arial}
a.navbar:visited{color:000000;font-weight:bold;font-family:Arial}
a.navbar:hover{color:000000;font-weight:bold;font-family:Arial}

a.man{font-family:Arial; font-size:10pt;
font-weight:normal;background-color:transparent;}
a:link{color:000000;font-weight:bold;font-family:Arial}
a:active{color:000000;font-weight:bold;font-family:Arial}
a:visited{color:000000;font-weight:bold;font-family:Arial}
a:hover{color:000000;font-weight:bold;font-family:Arial}
</style>

<style> table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 2px;}
table table table {border: 16px dotted; border-color: 87f5f3; background-color: ffffff; background-image:url(); padding:0;}
table table table table{border: 0px;}
table table table table table,
table table table table table </style>

<style>
}
table table table table {border:0px;}
.{content:"Text and Link Properties";}
input {background-color:transparent !important;}
td, div, input, textarea, a, table td div div font,
div table tr td font {font-family:Verdana !important;}
td, div, input, textarea, table td div div font,div table tr td font {color:000000!important; font-size:10pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:000000!important; font-size:10pt !important;}
a {color:000000!important; font-size:10pt !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000!important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}

<style type="text/css">
table table table
{width:400px; !important;}
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}
table {width:500px;}
table table {width:400px; !important;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:400px !important; height:0px;}
td.text td a img {display: inline !important; }
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:130px }
td.text td.text a img {width:100px !important; }
td td td div strong {width:200px !important; display:block;}
.redblackfonttext14{font-weight:normal}
textarea, input, font, a, table, td, div, b {font-size:10pt !important;font-family:century gothic!important;font-weight:normal!Important;text-transform:lowercase}
span {font-size:10pt !important;font-family:century gothic!important;font-weight:normal!Important;text-transform:uppercase}
embed, object {display:inline}
.orangetext15, .blacktext10 {
display:block; width:300px; font-size:10pt !important;}
td.text td.text .orangetext15,
td.text td.text table table div {display:none;}
.thanks:mrk{.}
.mct{www.myspace.com/contacttables}
</style>




Yeah it's my myspace page. Sorry I'm such a dummy at html.....

How can I get the size of each frameset . I need to get the size wen the user drags any frameset.?

Plz help me.