4
Contributors
7
Replies
9
Views
6 Years
Discussion Span
Last Post by Aviplo
0

Using html... you can create a div tag and put the content in it... like

<div id="content" align="center">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>

Edited by shahbaz13: n/a

0

centre whole page - easy with a wrapper div about the whole thing:

body{
  text-align: center;
}
#wrapper{
  margin: 0 auto;
  width: 900px;
  text-align: left;
}

The text-align stuff is probably unnecessary, but I remember problem with IE6 - I think that solved it.

<body>
  <div id="wrapper">
    ...page...
  </div>
</body>
0

Thanks for your advice i tried that and now tho whole thing is in the middle except one thing that i marked red.

here is the code

<body style = "align:center;">
<!-- helloween div-->
<div id="wrap" onclick="return wrap_onclick()">
<div class="xlabel" style="text-align :right;margin-left:10px;">&nbsp
 <div id="jack" style="visibility:hidden;position:absolute;z-index:3" >
<img src="flying_bat48.gif" style="height:48px;width:48px" alt="fying bat"/>
</div>

<div id="container">
        <div id="navigation">
            <ul>
                <li><a HREF="contactUs.php" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"><b>CONTACT US</a></li>  
                <li><a href="javascript:MM_openBrWindow('about.php','','width=470,height=350')" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"><b>ABOUT US</a></li>
                <li><a class="active" HREF="index.php" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"><b>HOME</a></li>


            </ul>
        </div>
        <div id="nav">
        <div id="current">
            <?php
            include "connect.php";
            include "type_list.php";
            ?> 
        </div>
        </div>

    <!--random screenprinting-->
        <div id="random_Image">
        <script language="JavaScript1.2">

        var clickmessage="āļ·Not allow to save!!"

        function disableclick(e) {
        if (document.all) {
        if (event.button==2||event.button==3) {
        if (event.srcElement.tagName=="IMG"){
        alert(clickmessage);
        return false;
        }
        }
        }
        else if (document.layers) {
        if (e.which == 3) {
        alert(clickmessage);
        return false;
        }
        }
        else if (document.getElementById){
        if (e.which==3&&e.target.tagName=="IMG"){
        alert(clickmessage)
        return false
        }
        }
        }

        function associateimages(){
        for(i=0;i<document.images.length;i++)
        document.images[i].onmousedown=disableclick;
        }

        if (document.all)
        document.onmousedown=disableclick
        else if (document.getElementById)
        document.onmouseup=disableclick
        else if (document.layers)
        associateimages()
        </script>
        <a id="imageLink" href="#">
        <img id="image" src="<?php echo "images_small/".$photo_prd ; ?>" alt="" />
        </a>
        </div>
<!--end random  screenprinting-->
<!--random bestseller-->
        <div id="random_Image2">
            <a id="imageLink2" href="#">
                <img id="image2" src="<?php echo "images_bestsel/".$photo_prd2 ; ?>" alt="" />
            </a>
        </div>
<!--end random bestseller-->
</div>
        [COLOR="Red"]<div id ="content_2">
        <a><img src="bestseller.gif"></a>
        </div>[/COLOR]
        </div>
        </div> 

</body>

Edited by pyTony: fixed formating

0

that red part that i mention above is still on the left.

0

and here is the css for that

#content_2 {
position: absolute;
top: 293px;
left: 5px;
list-style: none;
}

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.