14 Replies - 1214 Views - Last Post: 24 December 2015 - 08:14 PM

#1 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Drop menu not working

Posted 21 December 2015 - 10:05 AM

I put a drop menu on the right hand side of my site. In Dreamweaver live view it works great. But online the first menu button is all ready dropped and will not hide. Why is that.

http://www.accessibletechgroup.com/

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ATG -Home-</title>
  <meta name="description" content="Accessible Technology">
  <meta name="keywords" content="ATG, Accessible Tech Group, Accessible Devices">
  <link href="css/style.css" rel="stylesheet" type="text/css">
  
  <!--Font Resizing Starts Here-->
  
  <style type="text/css">

.controlstyle a{ /*links inside DIV sizecontroldiv*/
outline:none;
}

.controlstyle a img{ /*image links inside DIV sizecontroldiv*/
border-width:0;
}

.controlstyle a.selectedcontrol img{ /*selected control's image*/
border-bottom:4px solid darkred;
}

body,td,th {
	color: #000000;
}
  </style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fluidtextresizer.js">

/***********************************************
* Fluid Text Resizer- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* Please keep this notice intact
***********************************************/

</script>

<script type="text/javascript">

var mytextsizer=new fluidtextresizer({
	controlsdiv: "sizecontroldiv", //id of special div containing your resize controls. Enter "" if not defined
	targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc]
	levels: 3, //number of levels users can magnify (or shrink) text
	persist: "session", //enter "session" or "none"
	animate: 200 //animation duration of text resize. Enter 0 to disable
})
</script>
  
</head>
<body>
<div class="page-in">
<div class="page">
<div class="main">
<div class="header">
<div class="header-top">
<div id="sizecontroldiv" class="controlstyle">
<p>&nbsp;</p>
<h2 align="right"><strong>Increase/Decrease controls: </strong><a href="#smaller"><img src="images/fontminus.gif" /></a> <a href="#bigger"><img src="images/fontplus.gif" /></a><br /><br />
</h2>
</div>
</div> 

<!--Font Resizing Ends Here-->

 <!--Banner Starts Here-->

<div class="header-bottom">
  <img src="images/header.png" width="999" height="257" alt="Accessible Tech Group Logo"/> </div>
  
  <!--Banner Ends Here--> 
  
 <!--Navigation Starts Here-->
 
<div class="topmenu">
<ul>
  <li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 0px;"><a href="index.html"><span>Home</span></a></li>
  <li><a href="http://www.accessibletechgroup.com/phpBB3/"><span>Discussion&nbsp;Groups</span></a></li>
  <li><a href="events.html"><span>Events</span></a></li>
  <li><a href="links.html"><span>Links</span></a></li>
  <li><a href="contact.html"><span>Contact</span></a></li>
</ul>
</div>
</div>

 <!--Navigation Ends Here--> 
 
 <!--content-left Starts Here-->

<div class="content">
<div class="content-left">
<div class="row1">

</div>
<div class="row2">
<h1 class="subtitle">Welcome</h1>
<h1>&nbsp;</h1>
<h2>Welcome to the <strong>Accessible Tech Group (&ldquo;ATG&rdquo;)</strong>, where  you will find information on adaptive devices designed to make life a little  easier and a whole lot more accessible. Read on to discover helpful information  about the latest gadgets and their accessible features. ATG has tried to cover  it all; everything from cell phones, tablets, computer accessories, to talking  watches and GPS navigation devices. Learn  about basic functionality and why they may be useful in your daily life.</h2>
<h2>&nbsp;</h2>
 <h2> But that&rsquo;s  not all; another great feature of <strong>ATG </strong>is  our chat room, where anyone can join in to talk and share valuable information. Post your comments and discuss tips and  tricks regarding many various adaptive devices.  Having a problem? Post it to our  site where you can benefit from the expertise of others. Have a solution? Share your comments and advice through ATG.</h2>
 <h2>&nbsp;</h2>
 <h2>Remember  communication is the name of the  game.</h2>
</div>
</div>

<!--content-left Ends Here-->

<!--mainmenu Starts Here-->

<div class="content-right">
<div class="mainmenu">

<a href="http://free-website-translation.com/" id="ftwtranslation_button" hreflang="en" title="" style="border:0;"><img src="http://free-website-translation.com/img/fwt_button_en.gif" id="ftwtranslation_image" alt="Homepage Translator" style="border:0;"/></a> <script type="text/javascript" src="http://free-website-translation.com/scripts/fwt.js" /></script>
<h1>&nbsp;</h1>

  <h2 class="sidebar1">Accessible&nbsp;Device&nbsp;Videos</h2>
 
 <nav class="navigation">
  <ul class="mainmenu">
    <li><a href="">Apps</a><ul class="submenu">
        <li><a href="">Android</a></li>
        <li><a href="">IOS</a></li>
      </ul></li>
    <li><a href="">MENU</a></li>
    <li><a href="">MENU</a> </li>
        
   
  </ul>
</nav>
<div class="contact">
<h2 class="sidebar2">Contact</h2>
<div class="contact-detail">
<h2 class="green"><strong>Please contact us if you have any questions or comments</strong></h2>&nbsp;
<h2><strong>E-mail : <a href="mailto:[email protected]">Accessible Tech Group</a></strong></h2>
</div>
 <div align="center"><img src="images/Follow us on. logo.jpg" width="174" height="32" alt="Follow us on. logo"/> <br>
  <a href="https://www.facebook.com/Accessible-Tech-Group-921375417941802/?ref=aymt_homepage_panel" target="blank">
 <img src="images/social media logos2.jpg" width="50" height="50" alt="Facebook Logo"/>
</a> 
<a href="https://twitter.com/accessibletech2" target="blank">
 <img src="images/social media logos3.jpg" width="50" height="51" alt="Twitter Logo"/>
</a></div>
</div>
</div>
</div>
<!--mainmenu Ends Here-->

<!--footer Starts Here-->

<div class="footer">
<p>&copy; Copyright 2015. Designed by <a target="_blank" href="http://www.charismacommunications.ca">Charisma Communications</a></p>

<ul>
  <li style="border-left: medium none;"><a href="index.html"><span>Home</span></a></li>
  <li><a href="http://www.accessibletechgroup.com/phpBB3/"><span>Discussion&nbsp;Groups</span></a></li>
   <li><a href="events.html">Events</a></li>
  <li><a href="links.html#"><span>Links</span></a></li>
  <li style="padding-right: 0px;"><a href="contact.html"><span>Contact</span></a></li>
</ul>
 
</div>
</div>
</div>
</div>
</body></html>
 




/* Side Menu Starts Here */
html, body {
    font-family: Arial, Helvetica, sans-serif;
}

/* define a fixed width for the entire menu */
.navigation {
  width: 300px;
}

/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
  list-style: none;
  padding: 20;
  margin: 0;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
  display: block;
  background-color: #fff;
  text-decoration: none;
  padding: 10px;
  color: #000;
}

/* add hover behaviour */
.mainmenu a:hover {
    background-color: #C5C5C5;
}


/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

.mainmenu li:hover .submenu {
  display: block;
  max-height: 200px;
}

/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

.submenu a {
  background-color: #C5C5C5;
}

/* hover behaviour for links inside .submenu */
.submenu a:hover {
  background-color: #C5C5C5;
}

/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}
/* Side Menu Ends Here */



Attached Image

Is This A Good Question/Topic? 0
  • +

Replies To: Drop menu not working

#2 astonecipher   User is offline

  • Enterprise Software Architect
  • member icon

Reputation: 3149
  • View blog
  • Posts: 11,954
  • Joined: 03-December 12

Re: Drop menu not working

Posted 21 December 2015 - 10:49 AM

You don't have it hiding, you just have the overflow hidden.

the sub menu should be
.submenu {
  display: none;
}


{using javascript)

You would change the display on the click of the parent, or on hover.
Was This Post Helpful? 0
  • +
  • -

#3 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Re: Drop menu not working

Posted 21 December 2015 - 01:03 PM

So that worked. But it shifted my footer to the right abit, and changed the look of my contact part. Here is the image of how it looks now.

Attached Image

And what it should look like.

Attached image(s)

  • Attached Image

This post has been edited by Maxx5: 21 December 2015 - 01:05 PM

Was This Post Helpful? 0
  • +
  • -

#4 andrewsw   User is offline

  • palpable absurdity
  • member icon

Reputation: 6905
  • View blog
  • Posts: 28,565
  • Joined: 12-December 12

Re: Drop menu not working

Posted 21 December 2015 - 01:12 PM

I recommend that you validate your HTML first. Among other things you have an unclosed div and are using a number of obsolete attributes. An unclosed div can/will cause unusual behaviour further down the page.
Was This Post Helpful? 0
  • +
  • -

#5 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Re: Drop menu not working

Posted 21 December 2015 - 08:16 PM

http://www.accessibletechgroup.com/

I validated the page and had trouble understanding one error, and my footer is still off.

This is the error I don't get.

Error: The text content of element script was not in the required format: Expected asterisk or slash but found w instead.
From line 41, column 1; to line 41, column 9
*******/↩↩</script>↩↩<scr
Syntax of script documentation:
Zero or more code comments, each of which is either a single-line comment starting with "//" or a multi-line comment starting with "/*" and ending with "*/". The content must also meet the constraints of the script microsyntax. For further details, see Inline documentation for external scripts.
Was This Post Helpful? 0
  • +
  • -

#6 andrewsw   User is offline

  • palpable absurdity
  • member icon

Reputation: 6905
  • View blog
  • Posts: 28,565
  • Joined: 12-December 12

Re: Drop menu not working

Posted 22 December 2015 - 12:29 AM

When you are referencing an external script just close the script tag, don't attempt to write anything inside the tag:
<script type="text/javascript" src="fluidtextresizer.js"></script>

Was This Post Helpful? 0
  • +
  • -

#7 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Re: Drop menu not working

Posted 22 December 2015 - 07:41 AM

I validated and I now see text at the very top of my page. Why is this happening. Plus footer is still off.

http://www.accessibletechgroup.com/

This is what it should look like.

Attached Image
Was This Post Helpful? 0
  • +
  • -

#8 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Re: Drop menu not working

Posted 22 December 2015 - 10:17 AM

I've decided to start from scratch. I put the original vertical menu back, Validated everything. and will figure out how to add a drop menu to an existing menu. Thanks guys for your help.

http://www.accessibletechgroup.com/
Was This Post Helpful? 0
  • +
  • -

#9 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Re: Drop menu not working

Posted 24 December 2015 - 05:55 PM

I have a piece of script that gives the option to make the font bigger on the site. It works fine, but I got an error in validation. I bold the code. and here is the error I get.



Warning in line 33 at character 58: The script content will be ignored because the "script" tag has a "src" attribute. In this case, the script referenced by the "src" attribute will be used and the content of "script" will be ignored (per the HTML/XHTML specification). Note, however, that the script content is still accessible with Javascript and may be useful to or used by a script.



<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ATG -Home-</title>
  <meta name="description" content="Accessible Technology">
  <meta name="keywords" content="ATG, Accessible Tech Group, Accessible Devices">
  <link href="css/style.css" rel="stylesheet" type="text/css">
  
  <!--Font Resizing Starts Here-->
  
  <style type="text/css">

.controlstyle a{ /*links inside DIV sizecontroldiv*/
outline:none;
}

.controlstyle a img{ /*image links inside DIV sizecontroldiv*/
border-width:0;
}

.controlstyle a.selectedcontrol img{ /*selected control's image*/
border-bottom:4px solid darkred;
}

body,td,th {
	color: #000000;
}
  </style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

[b]<script type="text/javascript" src="fluidtextresizer.js">[/b]

/***********************************************
* Fluid Text Resizer- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* Please keep this notice intact
***********************************************/

</script>

<script type="text/javascript">

var mytextsizer=new fluidtextresizer({
	controlsdiv: "sizecontroldiv", //id of special div containing your resize controls. Enter "" if not defined
	targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc]
	levels: 3, //number of levels users can magnify (or shrink) text
	persist: "session", //enter "session" or "none"
	animate: 200 //animation duration of text resize. Enter 0 to disable
})
</script>
  
</head>
<body>
<div class="page-in">
<div class="page">
<div class="main">
<div class="header">
<div class="header-top">
<div id="sizecontroldiv" class="controlstyle">
<p>&nbsp;</p>
<div class="font-sizer">
<strong>Increase/Decrease controls: </strong><a href="#smaller"><img src="images/fontminus.gif" alt="fontminus" /></a> <a href="#bigger"><img src="images/fontplus.gif" alt="fontplus" /></a><br /><br />

</div> 
</div>
</div> 

<!--Font Resizing Ends Here-->

 <!--Banner Starts Here-->

<div class="header-bottom">
  <img src="images/header.png" width="999" height="257" alt="Accessible Tech Group Logo"/> </div>
  
  <!--Banner Ends Here--> 
  
 <!--Navigation Starts Here-->
 
<div class="topmenu">
<ul>
  <li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 0px;"><a href="index.html"><span>Home</span></a></li>
  <li><a href="http://www.accessibletechgroup.com/phpBB3/"><span>Discussion&nbsp;Groups</span></a></li>
  <li><a href="events.html"><span>Events</span></a></li>
  <li><a href="links.html"><span>Links</span></a></li>
  <li><a href="contact.html"><span>Contact</span></a></li>
</ul>
</div>
</div>

 <!--Navigation Ends Here--> 
 
 <!--content-left Starts Here-->

<div class="content">
<div class="content-left">
<div class="row1">

</div>
<div class="row2">
  <h1 class="subtitle">Contact</h1>
 
<div id="sa_contactdiv">
<iframe src='/contactform.php' frameborder='0'
width='100%' height='600' allowtransparency='true'></iframe></div>


</div>
</div>

<!--content-left Ends Here-->

<!--mainmenu Starts Here-->

<div class="content-right">
<div class="mainmenu">

<a href="http://free-website-translation.com/" id="ftwtranslation_button" hreflang="en" title="" style="border:0;"><img src="http://free-website-translation.com/img/fwt_button_en.gif" id="ftwtranslation_image" alt="Homepage Translator" style="border:0;"/></a> <script> type="text/javascript" src="http://free-website-translation.com/scripts/fwt.js" /></script>
<h1>&nbsp;</h1>

  <h2 class="sidebar1">APPS/Device Videos</h2>
  <ul>
  <li>
    <h1><a href="#">Apps</a></h1>
  </li>
  <li>
    <h1><a href="#">ipads</a></h1>
  </li>
  <li>
    <h1><a href="#">Android/cell&nbsp;phones</a></h1>
  </li>
  <li>
    <h1><a href="#">Android&nbsp;Tablets</a></h1>
  </li>
</ul>
</div>

<div class="contact">
<h2 class="sidebar2">Contact</h2>
<div class="contact-detail">
<h2 class="green"><strong>Please contact us if you have any questions or comments</strong></h2>&nbsp;
<h2><strong>E-mail : <a href="mailto:[email protected]">Accessible Tech Group</a></strong></h2>
</div>
 <div class="media"><img src="images/Follow-us-on.jpg" width="174" height="32" alt="Follow us on."/> <br>
   <a href="https://www.facebook.com/Accessible-Tech-Group-921375417941802/?ref=aymt_homepage_panel" target="blank"><img src="images/Twitter-logo.jpg" width="50" height="51" alt="Twitter Logo"/>  <img src="images/Facebook-logo.jpg" width="50" height="50" alt=""/></a></div>
</div>
</div>
</div>
<!--mainmenu Ends Here-->

<!--footer Starts Here-->

<div class="footer">
<p>&copy; Copyright 2015. Designed by <a target="_blank" href="http://www.charismacommunications.ca">Charisma Communications</a></p>

<ul>
  <li style="border-left: medium none;"><a href="index.html"><span>Home</span></a></li>
  <li><a href="http://www.accessibletechgroup.com/phpBB3/"><span>Discussion&nbsp;Groups</span></a></li>
   <li><a href="events.html">Events</a></li>
  <li><a href="links.html#"><span>Links</span></a></li>
  <li style="padding-right: 0px;"><a href="contact.html"><span>Contact</span></a></li>
</ul>
 
</div>
</div>
</div>
</div>
</body></html>
 



Was This Post Helpful? 0
  • +
  • -

#10 andrewsw   User is offline

  • palpable absurdity
  • member icon

Reputation: 6905
  • View blog
  • Posts: 28,565
  • Joined: 12-December 12

Re: Drop menu not working

Posted 24 December 2015 - 07:25 PM

Gosh the error message is clear and I already answered this in your previous topic.
Was This Post Helpful? 0
  • +
  • -

#11 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Re: Drop menu not working

Posted 24 December 2015 - 07:41 PM

If I close the script it puts the code at the very top of my page. I tried it all ready.
Was This Post Helpful? 0
  • +
  • -

#12 andrewsw   User is offline

  • palpable absurdity
  • member icon

Reputation: 6905
  • View blog
  • Posts: 28,565
  • Joined: 12-December 12

Re: Drop menu not working

Posted 24 December 2015 - 07:58 PM

Duplicate topics merged.
Was This Post Helpful? 0
  • +
  • -

#13 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Re: Drop menu not working

Posted 24 December 2015 - 08:04 PM

It I take the following code:

<script type="text/javascript" src="fluidtextresizer.js">


And I do the following:

<script type="text/javascript" src="fluidtextresizer.js"></script?

I get the following:

Attached Image
Was This Post Helpful? 0
  • +
  • -

#14 astonecipher   User is offline

  • Enterprise Software Architect
  • member icon

Reputation: 3149
  • View blog
  • Posts: 11,954
  • Joined: 03-December 12

Re: Drop menu not working

Posted 24 December 2015 - 08:09 PM

Looks like that comment isn't started correctly. Does it have the / before the asterisks start?
Was This Post Helpful? 0
  • +
  • -

#15 Maxx5   User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 227
  • Joined: 15-September 15

Re: Drop menu not working

Posted 24 December 2015 - 08:14 PM

I'm not sure what you mean, but here is the code.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ATG -Home-</title>
  <meta name="description" content="Accessible Technology">
  <meta name="keywords" content="ATG, Accessible Tech Group, Accessible Devices">
  <link href="css/style.css" rel="stylesheet" type="text/css">
  
  <!--Font Resizing Starts Here-->
  
  <style type="text/css">

.controlstyle a{ /*links inside DIV sizecontroldiv*/
outline:none;
}

.controlstyle a img{ /*image links inside DIV sizecontroldiv*/
border-width:0;
}

.controlstyle a.selectedcontrol img{ /*selected control's image*/
border-bottom:4px solid darkred;
}

body,td,th {
	color: #000000;
}
  </style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fluidtextresizer.js">

/***********************************************
* Fluid Text Resizer- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* Please keep this notice intact
***********************************************/

</script>

<script type="text/javascript">

var mytextsizer=new fluidtextresizer({
	controlsdiv: "sizecontroldiv", //id of special div containing your resize controls. Enter "" if not defined
	targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc]
	levels: 3, //number of levels users can magnify (or shrink) text
	persist: "session", //enter "session" or "none"
	animate: 200 //animation duration of text resize. Enter 0 to disable
})
</script>
  
</head>
<body>
<div class="page-in">
<div class="page">
<div class="main">
<div class="header">
<div class="header-top">
<div id="sizecontroldiv" class="controlstyle">
<p>&nbsp;</p>
<div class="font-sizer">
<strong>Increase/Decrease controls: </strong><a href="#smaller"><img src="images/fontminus.gif" alt="fontminus" /></a> <a href="#bigger"><img src="images/fontplus.gif" alt="fontplus" /></a><br /><br />

</div> 
</div>
</div> 

<!--Font Resizing Ends Here-->

 <!--Banner Starts Here-->

<div class="header-bottom">
  <img src="images/header.png" width="999" height="257" alt="Accessible Tech Group Logo"/> </div>
  
  <!--Banner Ends Here--> 
  
 <!--Navigation Starts Here-->
 
<div class="topmenu">
<ul>
  <li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 0px;"><a href="index.html"><span>Home</span></a></li>
  <li><a href="http://www.accessibletechgroup.com/phpBB3/"><span>Discussion&nbsp;Groups</span></a></li>
  <li><a href="events.html"><span>Events</span></a></li>
  <li><a href="links.html"><span>Links</span></a></li>
  <li><a href="contact.html"><span>Contact</span></a></li>
</ul>
</div>
</div>

 <!--Navigation Ends Here--> 
 
 <!--content-left Starts Here-->

<div class="content">
<div class="content-left">
<div class="row1">

</div>
<div class="row2">
<h1 class="subtitle">Welcome</h1>
<h1>&nbsp;</h1>
<h2>Welcome to the <strong>Accessible Tech Group (&ldquo;ATG&rdquo;)</strong>, where  you will find information on adaptive devices designed to make life a little  easier and a whole lot more accessible. Read on to discover helpful information  about the latest gadgets and their accessible features. ATG has tried to cover  it all; everything from cell phones, tablets, computer accessories, to talking  watches and GPS navigation devices. Learn  about basic functionality and why they may be useful in your daily life.</h2>
<h2>&nbsp;</h2>
 <h2> But that&rsquo;s  not all; another great feature of <strong>ATG </strong>is  our chat room, where anyone can join in to talk and share valuable information. Post your comments and discuss tips and  tricks regarding many various adaptive devices.  Having a problem? Post it to our  site where you can benefit from the expertise of others. Have a solution? Share your comments and advice through ATG.</h2>
 <h2>&nbsp;</h2>
 <h2>Remember  communication is the name of the  game.</h2>
</div>
</div>

<!--content-left Ends Here-->

<!--mainmenu Starts Here-->

<div class="content-right">
<div class="mainmenu">

<a href="http://free-website-translation.com/" id="ftwtranslation_button" hreflang="en" title="" style="border:0;"><img src="http://free-website-translation.com/img/fwt_button_en.gif" id="ftwtranslation_image" alt="Homepage Translator" style="border:0;"/></a> <script> type="text/javascript" src="http://free-website-translation.com/scripts/fwt.js" /></script>
<h1>&nbsp;</h1>

  <h2 class="sidebar1">APPS/Device Videos</h2>
  <ul>
  <li><a>Apps</a>
 <ul class="menu">
        <li><a href="#" class="documents">IOS</a></li>
        <li><a href="#" class="messages">Android</a></li>
   
    </ul></li>
  
  <li><a href="#">Title</a></li>
   
  <li><a href="#">Title</a> </li>
   
  <li><a href="#">Title</a> </li>
 </ul>

</div>

<div class="contact">
<h2 class="sidebar2">Contact</h2>
<div class="contact-detail">
<h2 class="green"><strong>Please contact us if you have any questions or comments</strong></h2>&nbsp;
<h2><strong>E-mail : <a href="mailto:[email protected]">Accessible Tech Group</a></strong></h2>
</div>&nbsp;
 <div class="media"><img src="images/Follow-us-on.jpg" width="174" height="32" alt="Follow us on."/> <br>
   <a href="https://www.facebook.com/Accessible-Tech-Group-921375417941802/?ref=aymt_homepage_panel" target="blank"><img src="images/Twitter-logo.jpg" width="50" height="51" alt="Twitter Logo"/><img src="images/Facebook-logo.jpg" width="50" height="50" alt=""/></a></div>
</div>
</div>
</div>
<!--mainmenu Ends Here-->

<!--footer Starts Here-->

<div class="footer">
<p>&copy; Copyright 2015. Designed by <a target="_blank" href="http://www.charismacommunications.ca">Charisma Communications</a></p>

<ul>
  <li style="border-left: medium none;"><a href="index.html"><span>Home</span></a></li>
  <li><a href="http://www.accessibletechgroup.com/phpBB3/"><span>Discussion&nbsp;Groups</span></a></li>
   <li><a href="events.html">Events</a></li>
  <li><a href="links.html#"><span>Links</span></a></li>
  <li style="padding-right: 0px;"><a href="contact.html"><span>Contact</span></a></li>
</ul>
 
</div>
</div>
</div>
</div>
</body></html>
 



Was This Post Helpful? 0
  • +
  • -

Page 1 of 1