The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Help W/ Frames and alignment
AngelsNecropolis
post Aug 4 2008, 12:50 PM
Post #1





Group: Members
Posts: 5
Joined: 30-July 08
Member No.: 6,299
Hello,

I have a 3 framed site. The top frame is small with a height of 45. It consists of checkboxes that, when clicked, displays an image to the left of the check box fields. However, the width of the page is also small. As the checkboxes are checked and the pictures display, the checkboxes automatically move down and move out of the normal view of the frame. I know it can be remedied by enabling scrolling or resizing the frame height, but I'd prefer it to all be visible as is. I've tried various alignment codes so the checkboxes are aligned to the top of the frame with no success.

Here is the code for the frame page:

<title>**CN Enhanced (BETA)</title>
<html>
<frameset border=0 rows="45,*,200"> <! rows="x,*,z" where X=verticle size of menue and Y=verticle size of Paste>
<frameset rows="45,*">
<frame scrolling="no" name="menu" src="G:\Temp\Custom_Notes_Enhanced_-_Beta\CNE_Top_Frame_BETA.html">
</frameset>

<frame name="customnotes" src="G:\Temp\Custom_Notes_Enhanced_-_Beta\Custom_Notes_Prefilled.html">

<frame scrolling="no" rows="45"name="bottom"

src="G:\Temp\Custom_Notes_Enhanced_-_Beta\CNE_Bottom_Frame_BETA.html">
</frameset>
</html>

Here is the code for the checkbox page:

<html>
<head>
<base target="customnotes">
<script type="text/javascript" language="javascript">

function getElement(id) {
return document.getElementById ? document.getElementById(id) :
document.all ? document.all(id) : null;
}

function showProduct(box) {
el = getElement(box.value);
if (el) el.style.display = (box.checked) ? '' : 'none';
}
</script>
</head>
<body bgcolor=black>
<center>
<table>
<td align="top">
<A href="H:\Custom Notes\Frame Test\Custom_Notes_ft.html"><IMG align="left" id="CN" style="display:none" src="H:\Custom

Notes\Frame Test\Menu2_files\cn.bmp" border=0>

</A><A href="H:\Custom Notes\Frame Test\Custom_Notes_ft.html"><IMG align="left" id="SR" style="display:none" src="H:\Custom

Notes\Frame Test\Menu2_files\sr.bmp" border=0></A>

<A href="H:\Custom Notes\Frame Test\Ret_Mail_ft.html"><IMG align="left" id="RM" style="display:none" src="H:\Custom Notes\Frame

Test\Menu2_files\rm.bmp" border=0></A>

<A href="H:\Custom Notes\Frame Test\passes_ft.html"><IMG align="left" id="PS" style="display:none" src="H:\Custom Notes\Frame

Test\Menu2_files\ps.bmp" border=0></A><form name='frm' action='nextpage.asp'>

<font color=white>
<div id='hideablearea' style='visiblity:hidden;'>
<input type="checkbox" name="showProd" value="CN" onClick="showProduct(this)">CN
<input type="checkbox" name="showProd" value="SR" onClick="showProduct(this)">SR
<input type="checkbox" name="showProd" value="RM" onClick="showProduct(this)">RM
<input type="checkbox" name="showProd" value="PS" onClick="showProduct(this)">PS
</div>
</td></font>
<td><font color=white>
<input type='checkbox' name='chkbox' onclick='showHidefield()'>Hide Menu
</td></font>
</form>
</table>
</center>
<script type='text/javascript'>
function showHidefield()
{ if (document.frm.chkbox.checked)
{ document.getElementById('hideablearea').style.visibility = 'hidden';
}
else
{ document.getElementById('hideablearea').style.visibility = 'visible';
}
}
</script>
</head>
</form>
</BODY></HTML>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 4 2008, 01:22 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
Could you upload all that somewhere and post the URL?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Client-side Scripting · Next Newest »
 

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 19th April 2024 - 07:58 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC