Page 1 of 1

Links not working inside DIV tags

Posted: Thu Sep 22, 2011 3:38 am
by hoofhearted
As the title says I am having a problem getting the links to work within the 2 div tags.

If I remove the 2nd div tag then the drop down works fine.

Is there something obvious I'm missing?

Can be seen working/not working here:
http://dvlp.coedllyscountryhouse.co.uk/ ... avgood.php
http://dvlp.coedllyscountryhouse.co.uk/headernavbad.php


I want to be able to get all the links and the drop-down working.

Thank you.


Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type ="text/css">

#wrapper {
	text-align: left;
		width: 100%;
}

#side-a {
	float: left;
	width: 240px;
}

#cont {
	position: fixed;
	top: 116px;
	height: 30px;
	float: left;
	width: 650px;
	padding-left:250px;
}

  body {
	background-color: #e0e0e0;
}
    </style>

<link rel="stylesheet" type="text/css" media="all" href="assets/media/styles/site.css">

<script language="JavaScript" src="assets/media/javascript/javascript.js" type="text/JavaScript"></script>
<script language="JavaScript" src="/includes/searchbox.js" type="text/JavaScript"></script>
<script src="assets/media/javascript/graph.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/media/javascript/mootools-1_002.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/media/javascript/mootools-1.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/media/javascript/mymoo.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/media/javascript/menumatic.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="assets/media/javascript/InitiateCall2.js"></script>  
<div><input name="lng" id="lng" value="en-GB" type="hidden"></div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>

<script src="assets/media/javascript/WebResource.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_005.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_009.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_012.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_002.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_008.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_003.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_010.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_004.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_013.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_006.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_011.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_007.js" type="text/javascript"></script>
<script src="assets/media/javascript/ScriptResource_014.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[

function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>
</head>
<body>
            <div id="avail">
<a class="toggle" href="#">Check Availability <img src="assets/media/images/down-triangle.png" alt="check availability" border="0" /></a>
<div class="avail_form">
            
<form name="checka" action="/obm/availability.php" method="post" onSubmit="return verifica(this)">
<table cellspacing="0" cellpadding="0" width="100%">
  <tr>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><input type="hidden" value="en" name="ln" />
          <input type="hidden" value="1" name="refid" />
          <table width="100%" border="0" align="left" cellpadding="2" cellspacing="0">
            <tr>
              <td>Arrival</td>
              <td><select name="daysI" class="roomsearchformfields" onChange="adjustDate( this.form.monthsI, this, this.form.yearI )">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
              </select></td>
              <td><select name="monthsI" class="roomsearchformfields" onChange="adjustDate( this, this.form.daysI, this.form.yearI )">
                <option value="1">Jan</option>
                <option value="2">Feb</option>
                <option value="3">Mar</option>
                <option value="4">Apr</option>
                <option value="5">May</option>
                <option value="6">Jun</option>
                <option value="7">Jul</option>
                <option value="8">Aug</option>
                <option value="9">Sep</option>
                <option value="10">Oct</option>
                <option value="11">Nov</option>
                <option value="12">Dec</option>
              </select></td>
              <td><select name="yearI" class="roomsearchformfields" onChange="adjustDate( this.form.monthsI, this.form.daysI, this )">
                <option value="2011"selected="selected">2011</option>
                <option value="2012">2012</option>
                <option value="2013">2013</option>
              </select></td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>Depart</td>
              <td><select name="daysS" class="roomsearchformfields" onChange="adjustDate( this.form.monthsS, this, this.form.yearS )">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
                </select></td>
              <td><select name="monthsS" class="roomsearchformfields" onChange="adjustDate( this, this.form.daysS, this.form.yearS )">
                <option value="1">Jan</option>
                <option value="2">Feb</option>
                <option value="3">Mar</option>
                <option value="4">Apr</option>
                <option value="5">May</option>
                <option value="6">Jun</option>
                <option value="7">Jul</option>
                <option value="8">Aug</option>
                <option value="9">Sep</option>
                <option value="10">Oct</option>
                <option value="11">Nov</option>
                <option value="12">Dec</option>
                </select></td>
              <td><select name="yearS" class="roomsearchformfields" onChange="adjustDate( this.form.monthsS, this.form.daysS, this )">
                <option value="2011"selected="selected">2011</option>
                <option value="2012">2012</option>
                <option value="2013">2013</option>
                </select></td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td colspan="5"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="16%" align="left">Rooms:</td>
                  <td width="10%" align="left" > <input name="rooms" id="rooms" value="1" size="2" maxlength="2" /></td>
                  <td width="16%" align="left" >Adults:</td>
                  <td width="10%" align="left" ><input name="guests"   id="guests" value="0" size="2" maxlength="2" /></td>
                  <td width="20%" align="left" >Children:</td>
                  <td width="28%" align="left" ><input name="childs"  id="childs" value="0" size="2" maxlength="2" /></td>
                  </tr>
                <tr>
                  <td colspan="2" align="left">Promo Code:</td>
                  <td colspan="4" align="left" ><input name="promoCode" id="promoCode" value="Promo Code" size="20" maxlength="20" /></td>
                </tr>
                </table></td>
            </tr>
            <tr>
              <td colspan="5"><br>                <input name="submit" type="submit" id="submit" value="Check Now..." /></td>
              </tr>
          </table>
</td>
      </tr>
    </table></td>
  </tr>
  </table>

<blockquote>
    </table> 
</blockquote>
</form>
		<div id="cont">
        | <a href="#">link 1</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="#">link 2</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="#">link 3</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="#">link 4</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="#">link 5</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="#">link 6</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="#">link 7</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="#">link 8</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="#">link 9</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          </div>   
</body>
</html>

Re: Links not working inside DIV tags

Posted: Thu Sep 22, 2011 11:56 am
by malakiahs
I noticed that 2 divs don't have ending divs

<div id="avail">

and

<div class="avail_form">

That might be causing the problem. Fix it and let us know what happened.

Re: Links not working inside DIV tags

Posted: Thu Sep 22, 2011 2:10 pm
by Neilos
to check your markup use this...

http://validator.w3.org/

everybody likes W3C compliance , after all, what is the point of standards if no one uses them. If you say that your document is xhtml1-strict.dtd compliant then you should really make sure that it is.

Re: Links not working inside DIV tags

Posted: Fri Sep 23, 2011 5:23 am
by hoofhearted
malakiahs wrote:I noticed that 2 divs don't have ending divs

<div id="avail">

and

<div class="avail_form">

That might be causing the problem. Fix it and let us know what happened.
Fixed - thank you. I couldn't see it as I'd been staring at it for days. Fresh pair of eyes, thank you. :D