Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Steve on Nov 16, 2008 15:48
open dhtmlx forum
Html links on layoutobject page

Hi

I have an html page with a dhtmlxlayout object within it. It seems that the links on the page do not work if they appear above the layout object in the html code - links below seem to work fine? If I remove the layout object all the links on the page work.

If anyone has any ideas Id be most grateful :)

Thanks,
Answer posted by Support on Nov 17, 2008 03:45
Hello,

Could yout please provide any code?
Answer posted by Steve on Nov 17, 2008 07:04
Hi,

Thanks for replying -

My test file is below, ive been opening it with Firefox 3 served from Apache 2.  I tried epiphany and it was the same - although I think both use the same engine - I havent got IE as I run Linux. 

The google link at the top doesnt seem to work, whereas the one at the bottom does?

Thanks for your help,
Steve

------------------------------------
<!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">
<head>
<title>Data</title>
        <link rel="STYLESHEET" type="text/css"
href="../dhtmlxSuite/dhtmlxLayout/codebase/dhtmlxlayout.css">
        <link rel="STYLESHEET" type="text/css"
href="../dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxwindows.css">


        <script
src="../dhtmlxSuite/dhtmlxAccordion/codebase/dhtmlxcommon.js"></script>
        <script
src="../dhtmlxSuite/dhtmlxLayout/codebase/dhtmlxlayout.js"></script>
        <script
src="../dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxwindows.js"></script>
<script>window.dhx_globalImgPath="../dhtmlxSuite/dhtmlxAccordion/codebase/imgs/"
</script>

        <link rel="stylesheet" type="text/css"
href="../dhtmlxSuite/dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_blue.css">
        <link rel="stylesheet" type="text/css"
href="../dhtmlxSuite/dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_blue.css">
        <link rel="stylesheet" type="text/css"
href="../dhtmlxSuite/dhtmlxAccordion/codebase/skins/dhtmlxaccordion_dhx_blue.
css">



</head>
<body>
<div><a href="http://www.google.co.uk">google</a></div>
<div id="parentId" style="float:left; width: 850px; height:600px;"/>

    <script>

      var dhxLayout = new dhtmlXLayoutObject("parentId", "2U");

    </script>
    <div><a href="http://www.google.co.uk">google</a></div>
</body>
</html>

-------------------
Answer posted by Support on Nov 17, 2008 07:34
Hello,

Right, some troubles are present. It seems "float:left;" brakes windows' viewport behaviour.

Try replace it with "position:relative;" like this:

<div id="parentId" style="float:left; width: 850px; height:600px;"/>
to
<div id="parentId" style="position:relative; width: 850px; height:600px;"/>

And now you can pu link before <div id="parentId"...

Is it mandatory to use "float:left;" ?
Answer posted by Steve on Nov 17, 2008 07:46
Hi,

Brilliant - thanks for your help.

No it isn't mandatory to use float:left, what you suggested works fine for what I need it to do.

Thanks again,
Steve