مشکل تراز بندی

java2

New Member
سلام بر دوستان گرامی
یه مشکل برام پیش اومده هر کاری می کنم متن از قالبی که دارم تهیه می کنم میزنه بیرون موقعی که درستش می کنم تراز بندیش به هم میریزه فقط میخوام متن با کادر فیکس بشه

اینم کد قالبم

PHP:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>

 <style>
 a{
   text-decoration: none;
 }
 a:hover{
 color: #FA2776;

 }


 ul{
   list-style: none;
   line-height:30px;
 }

 html,body{
    margin: 10px 0 0 0;
   padding: 0px;
   background-color: #CCCCCC;
   font-family: Tahoma, Arial, sans-serif;
 }

#heder{
     width: 960px;
     background-color: #FF9966;
     height: 150px;
     margin: 0 auto;
      border-right: 1px solid;
      border-left: 1px solid;
      border-top: 1px solid;
      padding: 0;


 }

#logo{
text-align: right;
 margin-right: 100px;
 margin-top: 60px;
font-size:1.5em;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;



}

#warp{
  background-color: #EEEBD7;
  width: 960px;
  margin: 0 auto;
  border: 1px  solid;

}

.list{
 background-color: #FBDBED;
 width: 200px;
 margin-left: 730px;
 margin-top: 10px;
 height: 300px;

}

.post{
text-align: justify;
top: 200px;
 padding-left: 20px;
 padding-right: 20px;
 margin-left: 100px;
 margin-right: 400px;
background-color: #E1E1E1;
 position: absolute;

}

 </style>





</head>

<body>
<div id="heder">
<div id="logo">

</div>

</div>










<div id="warp">



   <div class="list">
    <ul>
     <li><a href="#">the test page</a></li>
     <li><a href="#">the test page</a></li>
     <li><a href="#">the test page</a></li>
     <li><a href="#">the test page</a></li>


    </ul>

   </div>


          <div class="post">

     Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
  Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
     Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
  Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
     Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
  Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
     Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
  Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.

</div>



</div>



</body>

</html>
 

saadatieathar2

New Member
سلام.

PHP:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>

 <style>
 a{
   text-decoration: none;
 }
 a:hover{
 color: #FA2776;

 }


 ul{
   list-style: none;
   line-height:30px;
 }

 html,body{
    margin: 10px 0 0 0;
   padding: 0px;
   background-color: #CCCCCC;
   font-family: Tahoma, Arial, sans-serif;
 }

#heder{
     width: 960px;
     background-color: #FF9966;
     height: 150px;
     margin: 0 auto;
      border-right: 1px solid;
      border-left: 1px solid;
      border-top: 1px solid;
      padding: 0;


 }

#logo{
text-align: right;
 margin-right: 100px;
 margin-top: 60px;
font-size:1.5em;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;



}

#warp{
  background-color: #EEEBD7;
  width: 960px;
  margin: 0 auto;
  border: 1px  solid;

}

.list{
 background-color: #FBDBED;
 width: 200px;
 margin-right: 40px;
 margin-top: 10px;
 height: 0000px;

}

.post{
text-align: justify;
top: 000px;
 padding-left: 20px;
 padding-right: 20px;
 margin-left: 0100px;
 margin-right: 300px;
background-color: #E1E1E1;
 position:- absolute;

}

 </style>





</head>

<body>
<center>
<div style="width:960px;">

<div id="heder">
<div id="logo">

</div>

</div>










<div id="warp" style="float:left">



   <div class="list" style="float:right">
    <ul style=" background-color: #FBDBED;">
     <li><a href="#">the test page</a></li>
     <li><a href="#">the test page</a></li>
     <li><a href="#">the test page</a></li>
     <li><a href="#">the test page</a></li>


    </ul>

   </div>


          <div class="post" style="float:left">

     Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
  Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
     Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
  Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
     Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
  Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
     Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.
  Thank you for using this software. I hope it helps you getting
your job done faster and easier.

If you encounter any problems using this software, please,
do not hesitate to contact our support team via e-mail
[email protected] so we can help you.

</div>



</div>


</div>


</body>

</html>
 

جدیدترین ارسال ها

بالا