HTML - Changing Frame Content Based On Submenu Selection

Hey there,
I'm very new to HTML, but I can't figure out why the content area of my page is overlapping with my top frame.

It's most obvious just to the right of the right angle formed by the place where the top and left frames each other. The website www.fourseasonssunrooms.ca.

Any ideas as to how to move the content area down so this overlap does not occur??

Hello

I have I-Framed another webpage into my webpage, but I would like the iframed content move to the left. Some of the content on the right is not showing right now, if it would move to the left, it will be perfect. Would this be possible? if so how?

Best Regards!

I have been a hobbyist web developer for a lil bit but I have been looking for this info but I dont think my search terms are corrent...

What I want to do is make a page that has the side menu, Header, Footer. Stay the same but have links and pages that would change inside the content part of the site. Embarrassingly what I have been doing is making copies of the index file for each page . I Know there must be a better way.

If someone could shed some light on my problem.

Bradley

Hi Experts,

I am designing a webpage where based on the year selection the associated years webtable needs to be displayed in the webpage.

Pls give som suggestions and if possible the code on to how to code this using HTML and Jav Script.

I know I have to write afunction and then call the fn based on the input.but need your help on this.

Thanks,
Bsquare

Okay, I am completely lost on this one. I need to create a string of code that will allow a user to submit a certain value into a form field. Then, when they click the submit button, they are taken to a specific page based on the value that they entered??? This has to be HTML only, hence my problem.

Basically, this is a poor-mans online account system. A customer enters their account number into the form field, hits the submit button and are taken to their account page which is password protected. I know, I know, this could be easily done with PHP or using simple htaccess but I have to use HTML only on this one.

Hello,

I have a html page and a drop down menu on top. The drop down menu is for like users. The user has to pick their role and based on that, the page will only show some parts of the content.

So I have the drop down on top (e.g Developer, Editor, etc) and based on what they pick, hide the contents that they're not supposed to see.

Is this possible with HTML? What do I need to do?

Hi there,

I was wondering if anyone knows how to centre an image link in another frame (yes I know frames are bad but its an old website I am updating)

i have

<a href="picturelink" target="mainframe">
<img src="thumbnail" border="0"></a>

I have tried everything from class="center" to editing the original frameset and the original page loaded into the window but I can't get the jpeg file to load up centred and so I was hoping someone might be able to help as I don't want to link all the pictures to seperate html documents with only a centred image in...

Thanks for any help.

Hey.

I have a frame and inside it there is a link.
I want it to target an anchor called Code:

<a name="anchor"></a>

that is INSIDE it's own frame. I tried Code:

<a href="#anchor">

but it tries to reload the entire page, and doesn't just "jump" to the anchor like it normally would.

How do I do this? Thanks

Hi!
I am using Dreamweaver 8 to develope my site. I have broken the page in three pieces(frames) So that the top frame shows the title, the left frame is for links that I want to show as flash movies in the right frame. I have studied the help file and I have looked on the web and I can't find an explanation that I can understand on how to do this. I believe the clickable link should be an href but I don't know how to code it. Can someone explain this to me?
Thanks in Advance!
Paul

I am using Dreamweaver and when I publish my code, the Remote Start/Alarm Combos submenu doesn't have the black background border the .leftnav menu style has. I tried changing all styles to black background, but it is still transparent.

Here's my code Part 1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">
@charset "utf-8";
/* CSS Document */

body {
background-color: #000000;
background-image: url(http://i184.photobucket.com/albums/x...kground2.png);
background-repeat: repeat-x;
}
.catHead {
background-color:#0B161A;
font-family:verdana,arial;
font-color:#0B161A;
font-size:16px;
font-weight:bold;
padding:8px;
}
.crumb { background-color:#0B161A;height:15px; font-family: verdana; color: #666; font-size: 10px; padding:4px; }
.crumb a { font-family: verdana; color: #666; font-size: 10px; text-decoration:underline; }
.crumb a:hover { font-family: verdana; color: #666; font-size: 10px; text-decoration:underline; }
.crumb a:visited { font-family: verdana; color: #666; font-size: 10px; text-decoration:underline; }
.crumb a:active { font-family: verdana; color: #666; font-size: 10px; text-decoration:underline; }
.leftNav {
FONT-SIZE: 10px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
color:#FFFFFF;
}
.leftNav {
background-color:#000000;
border:2px solid #0B161A;
padding:5px;
margin-top:5px;
}
.leftNav a{
color:#ccc;
display:block;
width:165px;
background-color:#0B161A;
padding:4px;
text-decoration:none;
vertical-align:middle;
margin-top:1px;
margin-bottom:1px;
}
.leftNav a:visited{
color:#ccc;
display:block;
width:165px;
background-color:#0B161A;
padding:4px;
text-decoration:none;
vertical-align:middle;
margin-top:1px;
margin-bottom:1px;
}
.leftNav a:active{
color:#ccc;
display:block;
width:165px;
background-color:#0B161A;
padding:4px;
text-decoration:none;
vertical-align:middle;
margin-top:1px;
margin-bottom:1px;
}
.leftNav a:hover{
color:#FFFFFF;
display:block;
width:165px;
padding:4px;
background-color:#003333;
text-decoration:none;
vertical-align:middle;
margin-top:1px;
margin-bottom:1px;
}
li.catList a, li.catList a:active, li.catList a:visited{
display:block;
font-size:14px;
font-family:verdana,arial;
color:ccc;
height:25px;
padding-left:20px;
padding-top:8px;
vertical-align:middle;
}
li.catList a:hover{
background-color:#333333;
display:block;
font-size:14px;
font-family:verdana,arial;
color:ccc;
height:25px;
padding-left:20px;
padding-top:8px;
text-decoration:none;
vertical-align:middle;
}
.link, .link a:link, .link a:visited, .link a:active {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #008080;
text-decoration: none;
}
.link, .link a:hover {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #ff0000;
text-decoration: none;
}
.mainBdy {
font-color:#fff;
min-height:400px;
color:#ccc;
width:650px;
overflow:hidden;
}
.phoneBox {
font-family:verdana,arial;
font-weight:bold;
font-size:14px;
color:ccc;
}
.small { font-family: verdana; color: #000000; font-size: 10px; }
.smallw { font-family: verdana; color: #ffffff; font-size: 10px; }
.smallw a { font-family: verdana; color: #ffffff; font-size: 10px; }
.smallw a:active { font-family: verdana; color: #ffffff; font-size: 10px; }
.smallw a:hover { font-family: verdana; color: #ffffff; font-size: 10px; }
.smallw a:visited { font-family: verdana; color: #ffffff; font-size: 10px; }
.style1 {
font-weight: bold;
font-size: 33px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
.style2 {
font-family: arial, verdana, courier new;
font-size: 12px;
color: #FFFF00;
}
.style3 {
color: #00000
}
.style4{
color: #FFFF00;
font-family: arial, verdana, courier new;
font-size: 14px;
font-weight: bold;
}
.style5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px
color: #000000;
}
.style6 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.style7 {
font-family: Verdana, Arial, Courier new;
font-size: 18px;
font-weight: bold;
color: #ffff00
}
#add2cart {
padding-top: 0px;
}
#viewcart {
padding-top: 0px;
}


/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

LAYOUT INFORMATION: describes box model, positioning, z-order

*******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 8em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
width: 8.2em;
}

/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

*******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
border: 0px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
border: 0px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
color:#ccc;
display:block;
width:165px;
background-color:#0B161A;
padding:4px;
text-decoration:none;
vertical-align:middle;
margin-top:1px;
margin-bottom:1px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
color:#FFFFFF;
display:block;
width:165px;
padding:4px;
background-color:#003333;
text-decoration:none;
vertical-align:middle;
margin-top:1px;
margin-bottom:1px;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #0B161A;
color: #FFF;
}

/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

*******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/*******************************************************************************

hey guyz...am new to this forum...good to be here....
i need some help or pointers on how to create a submenu using html and javascript and not css....can someone direct me to a simple example where there is only html and javascript and no css....am postin the code which needs a submenu....how should i create a submenu so that when the mouse is on the menu..it opens a submenu to the right...more like a vertical menu...i have googled but all i found is examples with css...
plz help me out here ....thanx

Hi all,

I created a very simple Spry menubar using dreamweaver. It copied all the necessary CSS and JS into a folder for me.

I have one question. whenever i selected (clicked) on an item(link) on the submenu. the submenu stays open while the page load in the frame. Is there a way to configure it so when i click on an item in the submenu, the submenu will close and the page will still load in the frame?

Hi,

Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please?

http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5

Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using!

Thansk alot
Joe