Show table at div top 100 left 100 position

yogarajan

Hi All

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>
 
 </HEAD>

 <style type="text/css">

#map {

    height:500px;

    width:800px;

    border:#999 solid 1px;

    /* background-image:url("test_map.jpg");*/ /*replace name with your image*/

    background-repeat:no-repeat;

}

</style>

<script type="text/javascript">

window.onload = function() {

    document.getElementById("map").style.backgroundPosition="100px 100px";

}

</script>

 <BODY>
 
  <div id ="map" class="drag">

  <table>

    <tr><td>First Image</td><td>second image</td></tr>

    <tr><td>Third Image</td><td>fourth image</td></tr>

    <tr><td>fifth Image</td><td>sixth image</td></tr>

  </table>

  </div>

 </BODY>

</HTML>

my table should be show in div tag at particular position

this is my code

this is not working. Currently my table show at top of the div. but my requirement is my table show at div top 100 left 100 position

pls guide me

veenna

try to use style for your <div>

style=" left: 100px; top: 100px;"

thanks
veenna

acoder

More a CSS problem - moved to HTML/CSS forum.

Set the top/left properties for the table, not the div and position it relatively.

yogarajan

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>
 
 </HEAD>

 <style type="text/css">

#map {

    height:500px;

    width:800px;

    border:#999 solid 1px;

    /* background-image:url("test_map.jpg");*/ /*replace name with your image*/

    background-repeat:no-repeat;

}

</style>

<script type="text/javascript">

window.onload = function() {

    document.getElementById("map").style.backgroundPosition="100px 100px";

}

</script>

 <BODY>
 
  <div id ="map" class="drag">

  <table>

    <tr><td>First Image</td><td>second image</td></tr>

    <tr><td>Third Image</td><td>fourth image</td></tr>

    <tr><td>fifth Image</td><td>sixth image</td></tr>

  </table>

  </div>

 </BODY>

</HTML>

my table should be show in div tag at particular position

this is my code

this is not working. Currently my table show at top of the div. but my requirement is my table show at div top 100 left 100 position

pls guide me

acoder

Threads merged. Your thread had already been moved here. There was no need to start another one. Have you tried what I suggested in post #3?

yogarajan

Hi

pls give some samples

acoder

It's quite self-explanatory:

Expand|Select|Wrap|Line Numbers

 #map table {

    top: 100px;

    left: 100px;

    position:relative;

}

Show table at div top 100 left 100 position

re: Show table at div top 100 left 100 position

re: Show table at div top 100 left 100 position

re: Show table at div top 100 left 100 position

re: Show table at div top 100 left 100 position

re: Show table at div top 100 left 100 position

re: Show table at div top 100 left 100 position

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about