Jump to content

help

scarezekiel

By scarezekiel
in HTML Help

 Share

Recommended Posts

scarezekiel Member

scarezekiel

Posted
Posted

photo explains all...

 

 

 

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>confidential - Property Development</title>

<link href="css/templates.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
html, body {
margin:0;
padding:0;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>

<body>
<div id="body60">
<span class="class1">

<link rel="stylesheet" type="text/css" href="nav/nav.css" />
<script src="nav/stuHover.js" type="text/javascript"></script>
<ul id="nav">
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="career.html">Career</a></li>

<li><a href="#">Lauching Soon &#187;</a>
<ul>
<li><a href="http://confidential/minisite.html" target="_blank" class="parent">The Vale</a></li>
<li><a href="http://confidential" target="_blank" class="parent">Paragon</a></li>
<li><a href="http://confidential" target="_blank" class="parent">Solstice</a></li>
</ul>
</li>
<li><a href="investorrelations.html">Investor Relations </a>
</li>
<li><a href="about_us.html">About Us</a></li>
</ul>

</span>
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="confidential" border="0" height="69" width="99" /></a></div>
<div id="bottom_menu10">
<div id="image_button"> </div>
<div id="image_click">

</div>
<div id="menu4">
<div id="body4_box1">
<div class="font_menu2" id="body4_titile1"><span class="font_menu">confidential BIZ PARK</span></div>
<div class="font_menu2" id="body4_titile2"><span class="font_menu"></span></div>
<div class="font_menu2" id="body4_titile3"></div>
<div class="font_menu2" id="body4_titile4"></div>
</div>
<span class="class2">
<div id="body4_box2"> <span class="class2">
<div id="body_center1"><strong><span class="font_menu2">LOCATION</span></strong><span class="class2">
<p><a href="images/sutera-location.jpg" rel="lightbox"><img src="images/locations1.jpg" border="0" height="119" width="145" /></a><br />
<a href="map/suteradamansara.pdf" target="_blank">download
to print</a> </p>
</span>
<p class="class2"><a href="mainsite.html"><strong class="font_vios">back to main projects</strong></a></p>
</div>
</span>
<div class="font_menu2" id="body_center6">
<div id="table_box1">
<p class="font_menu2"><strong>FLOOR PLAN</strong></p>
<p><a href="Download/floor_ria3.pdf" target="_blank">RIA
3</a><br />
<a href="Download/semi-D%20floria%20floorplan.pdf" target="_blank">FLORIA</a><br />
<a href="Download/semi-D%20gloria%20floorplan.pdf" target="_blank">GLORIA</a><br />
<a href="Download/zaria-floor-plan.pdf" target="_blank">ZARIA</a><br />
<a href="Download/SQ_floor_plan.pdf" target="_blank">SUTERA SQUARE</a><br />
</p>
</div>
<div id="table_box1">
<p class="font_menu2"><strong>BROCHURE</strong></p>
<p><a href="Download/gravitas.pdf" target="_blank">confidential BIZ PARK</a><br />
</p>
</div>
<div id="table_box1">
<p class="font_menu2"><strong>UNIT TYPE</strong></p>
<div class="font_menu3">
•CORPORATE FACTORY <br />
•3 STOREY LINK  <br />
•SEMI DETACHED
</div>
<p>
</p>
</div>
</div>
<br />
<div class="font_menu2" id="body_center9"><span class="font_menu4">ALL IN-ONE CONVENIENCE</span></div>
<br />
<div class="font_menu2">
•Showroom on site <br />
•Dedicated factory  <br />
•Ample warehousing <br />
•Upscale office 
</div>
<div class="font_menu2" id="body_center4">Evolve your business with the reinvention of common
traditional factory space. confidential Biz Park brings
factory, warehouse, office and showroom together
in one functional concept. Your production and sales
can now be at a single corporate address to bring
efficiency and connectivity to the next level.</div>

<div class="font_menu2"><span class="font_menu4">CUSTOMIZED FLEXIBILITY</span></div>
<br />
<div class="font_menu2">
•Practical & Impressive infrastructure <br />
•Flexibility to customize<br /> according to needs <br />
•High Ceiling Storage Space <br />
•Generous access ways <br />
•Ample power supply 
</div>
<div class="font_menu2" id="body_center11">Flexibility of layout that brings
unprecedented customization to your
business requirements.<br/></div>
</div>
<div id="body4_box3">
<div id="body_footer4"></div>
</div>
</span></div>
</div>
<div id="copyright"><span class="font_menu1"><strong>ALL
RIGHT RESERVED 2012 &copy</strong><strong> confidential</strong><strong></strong></span></div>
</div>
</body></html>

 

 

 

 

css code

 


@charset "UTF-8";

._menu {
margin: 0px;
padding: 0px;
}

#body {
height: 970px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/pangeatop.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body2 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/aboutus_banner1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body3 {
height: 950px;
width: 1099px;
margin-right: auto;
margin-left: auto;
}
#body4 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/finalcorner.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#bodyliving {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/living2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#bodyvale {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/Finalterrace2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#bodyzaria {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/zaria.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#bodyentrance {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/entrance.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body5 {
height: 1200px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/contactus_banner.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#address_1 {
float: left;
height: 150px;
width: 200px;
padding: 10px;
}
#body6 {
height: 1500px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/investorrelations.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body7 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/bedroom2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body8 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/gym.jpg);
background-repeat: no-repeat;
background-position: center top;
   
   
}
#body9 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/livinghall.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body10 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/nightview.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body11 {
height: 900px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/career.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body12 {
height: 1350px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/contactus_banner.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body13 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/pic5.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body14 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/pic4.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#body_bangi_lakehill {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/bangi_lakehill/bangi_lakehill.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#body15 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/pic3.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body16 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/bangi_lakevilla.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body17 {
height: 1000px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/investorrelations.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body18 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/Mont_Jade.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body19 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../seremban/seremban1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body20 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/atria_1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body21 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/atria_2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body22 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/atria_3.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body23 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/atria_4.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body24 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/sribanyan.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body25 {
height: 1500px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/investorrelations.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body26 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/bandarputerijaya.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body27 {
height: 1350px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/investorrelations.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body28 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mont-jade-interior1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body29 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mont-jade-interior2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body30 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mont-jade-interior3.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body31 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mont-jade-interior4.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body32 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mont-jade-interior5.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body33 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/sutera_damansara_image_1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body34 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/sutera_damansara_image_2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body35 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/sutera_damansara_image_3.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body36 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../sri_banyan/sri_banyan6.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body37 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../sri_banyan/sri_banyan2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body38 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../sri_banyan/sri_banyan3.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body39 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../sri_banyan/sri_banyan4.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#body40 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../sri_banyan/sri_banyan5.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body41 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../sri_banyan/sri_banyan1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body42 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/body42.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body43 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/floria_room.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body44 {
height: 900px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/news_room.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body45 {
height: 1000px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/aboutus_banner1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body46 {
height: 900px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/news_room.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body47 {
height: 1150px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/career.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body48 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../seremban/seremban1.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#body_project_pangaea {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/pangaea/pangea3.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#body_project_atria_damansara {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/atria_damansara/atria_damansara.jpg);
background-repeat: no-repeat;
background-position: center top;
}


#body49 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../seremban/seremban2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body50 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../seremban/seremban3.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body51 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../seremban/seremban4.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body52 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../seremban/seremban5.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body53 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../seremban/seremban6.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body52 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../seremban/seremban5.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body54 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../BPJ/BPJ3.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body55 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../BPJ/BPJ2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body56 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/body56.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body57 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/NEW_MJ1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body58 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/body58background.jpg);
background-repeat: no-repeat;
background-position: center top;
    
}
#body59 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/suteramain.jpg);
background-repeat: no-repeat;
background-position: center top;   
    
}
#body60 {
height: 1130px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/gravitasmain.jpg);
background-repeat: no-repeat;
background-position: center top;         
           
}
#body111 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mont_jade_12.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body112 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/cyberjaya.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body113 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mirage_residence/mirage_residence.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body114 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mont-jade-interior6.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body115 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/mont-jade-interior7.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body116 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/gtype.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body117 {
height: 1100px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/news_room.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body118 {
height: 950px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/bedroom.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body119 {
height: 1000px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/aboutus_banner1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#body1200 {
height: 980px;
width: 1100px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/cyberjaya.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#button {
float: right;
height: 45px;
width: 185px;
padding-top: 25px;
background-image: url(../images/button.png);
background-repeat: no-repeat;
background-position: center center;
padding-left: 15px;
}
#logo {
float: left;
height: 80px;
width: 289px;
padding-top: 10px;
padding-left: 10px;
}
#logo2 {
float: right;
height: 129px;
width: 130px;
padding-left: 10px;
}
#logo3 {
float: right;
height: 329px;
width: 170px;
padding-left: 10px;
}
#bottom_menu {
height: 230px;
width: 1100px;
padding-top: 630px;
}
#bottom_menu1 {
height: 506px;
width: 1100px;
padding-top: 394px;
}
#bottom_menu2 {
height: 270px;
width: 1100px;
padding-top: 630px;
}
#bottom_menu3 {
height: 330px;
width: 1100px;
padding-top: 570px;
}
#bottom_menu4 {
height: 806px;
width: 1100px;
padding-top: 394px;
}
#bottom_menu5 {
height: 606px;
width: 1100px;
padding-top: 394px;
}
#bottom_menu6 {
height: 1106px;
width: 1100px;
padding-top: 394px;
}
#bottom_menu7 {
height: 956px;
width: 1100px;
padding-top: 394px;
}
#bottom_menu8 {
height: 900px;
width: 1100px;
padding-top: 394px;
}
#bottom_menu9 {
height: 706px;
width: 1100px;
padding-top: 394px;

}
#bottom_menu10 {
height: 270px;
width: 1100px;
padding-top: 665px;    
    
}

#menu {
background-image: url(../images/body_background.png);
background-repeat: repeat;
height: 260px;
width: 1060px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
    
}

#menu1 {
background-image: url(../images/body_background.png);
background-repeat: repeat;
height: 280px;
width: 1060px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;  
   
}
#menu2 {
background-image: url(../images/body_background.png);
background-repeat: repeat;
height: 260px;
width: 1060px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
#menu3 {
background-image: url(../images/body_background.png);
background-repeat: repeat;
height: 260px;
width: 1060px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
    
}
#menu4 {
background-image: url(../images/body_background.png);
background-repeat: repeat;
height: 335px;
width: 1060px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;  
    
}
#menu_box {
float: right;
height: 260px;
width: 338px;
}
#menu_box1 {
font-family: Arial, Helvetica, sans-serif;
float: left;
height: 260px;
width: 160px;
padding-right: 10px;
padding-left: 10px;
font-size: 12px;
}
#body_2 {
height: 350px;
width: 900px;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
}
#body_3 {
height: 350px;
width: 1000px;
margin-right: auto;
margin-left: auto;
padding-left: 50px;
}
#body_4 {
height: 850px;
width: 1000px;
margin-right: auto;
margin-left: auto;
padding-left: 50px;
}
#body_5 {
height: 450px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#body_6 {
height: 950px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#body_7 {
height: 350px;
width: 950px;
margin-right: auto;
margin-left: auto;
padding-left: 50px;
}
#body_8 {
height: 30px;
width: 750px;
margin-right: auto;
margin-left: auto;
padding-left: 150px;
padding-top: 60px;
padding-bottom: 120px;
padding-right: 150px;
}
#body_9 {
height: 650px;
width: 950px;
margin-right: auto;
margin-left: auto;
padding-left: 50px;
}
#a_box1 {
float: right;
height: 250px;
width: 250px;
padding-right: 25px;
padding-left: 25px;
padding-top: 50px;
padding-bottom: 50px;
}
#a_box2 {
float: right;
height: 280px;
width: 250px;
padding-right: 25px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 50px;
}
#a_box3 {
float: right;
height: 280px;
width: 400px;
padding-right: 25px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 50px;
}
#title1 {
height: 15px;
width: 1000px;
margin-right: auto;
margin-left: auto;
padding-top: 8px;
}
#title2 {
height: 30px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#image31 {
height: 115px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#image32 {
height: 90px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#title2_box1 {
float: right;
height: 20px;
width: 110px;
padding-top: 10px;
}
#image31_1 {
float: right;
height: 100px;
width: 110px;
padding-top: 10px;
}
#image_32a {
float: left;
height: 90px;
width: 240px;
}
#image_32b {
float: right;
height: 90px;
width: 110px;
padding-left: 90px;
}
#image_32c {
float: right;
height: 90px;
width: 180px;
}
#image_32d {
float: right;
height: 90px;
width: 140px;
padding-right: 10px;
padding-left: 10px;
}
#image_32e {
float: right;
height: 90px;
width: 170px;
padding-right: 10px;
}
#image31_2 {
float: right;
height: 100px;
width: 610px;
padding-top: 10px;
}
#image31_3 {
float: left;
height: 100px;
width: 240px;
padding-top: 10px;
}
#right_main {
float: left;
height: 30px;
width: 108px;
text-align: left;
}
#right_main2 {
float: left;
height: 25px;
width: 207px;
text-align: center;
}
#right_main3 {
float: left;
height: 22px;
width: 107px;
text-align: left;
padding-top: 0px;
}
#right_main4 {
float: left;
height: 30px;
width: 105px;
text-align: left;
}
#right_main5 {
float: left;
height: 30px;
width: 110px;
text-align: left;
}
#title2_box2 {
float: right;
height: 20px;
width: 610px;
padding-top: 10px;
}
#title2_box3 {
float: left;
height: 20px;
width: 160px;
padding-top: 10px;
}
#body4_box1 {
height: 30px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#body4_box2 {
height: 215px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#body4_titile1 {
float: left;
height: 20px;
width: 350px;
padding-top: 10px;
}
#body4_titile2 {
float: right;
height: 20px;
width: 180px;
padding-top: 10px;
padding-left: 20px;
}
#body4_titile3 {
float: right;
height: 20px;
width: 160px;
padding-top: 10px;
}
#body4_titile4 {
float: right;
height: 20px;
width: 240px;
padding-top: 10px;
}
#body4_titile5 {
float: right;
height: 20px;
width: 200px;
padding-top: 10px;
}
#body4_titile6 {
float: left;
height: 20px;
width: 350px;
padding-top: 10px;
}
#body_center1 {
float: right;
height: 200px;
width: 180px;
margin-left: 20px;
margin-top: 17px;
text-align: left;
}
#body_footer4 {
float: left;
height: 20px;
width: 200px;
text-align: right;
}
#image_click {
height: 60px;
width: 1000px;
margin-left: auto;
}
#body4_box3 {
height: 20px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#body_center2 {
float: right;
height: 215px;
width: 160px;
margin-left: 30px;
margin-top: 20px;
}
#body_center3 {
float: right;
height: 190px;
width: 160px;
}
#body_center4 {
float: left;
height: 200px;
width: 150px;
margin-right: 50px;
margin-top: 15px;
}
#body_center5 {
float: left;
height: 200px;
width: 150px;
margin-top: 15px;
}
#body_center6 {
float: right;
height: 190px;
width: 450px;
}
#body_center7 {
float: left;
height: 200px;
width: 450px;
margin-right: 50px;
margin-top: 15px;
}
#body_center8 {
float: left;
height: 200px;
width: 150px;
margin-right: 50px;
margin-top: 15px;
}
#body_center10 {
float: left;
height: 200px;
width: 750px;
margin-right: 50px;
margin-top: 15px;
    
}
#body_center11 {
float: left;
height: 60px;
width: 150px;
margin-top: 15px;    
    
}
#image_clicka {
float: right;
height: 42px;
width: 71px;
margin-right: 20px;
margin-top: 10px;
}
.font_9 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #B59859;
}
#copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
height: 30px;
width: 1100px;
text-align: right;
float: right;
}
#main_site {
float: right;
height: 10px;
width: 100px;
margin-top: 25px;
}
.back_main {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #B59859;
}
#aboutus {
float: left;
height: 50px;
width: 180px;
}
#vision {
float: left;
height: 50px;
width: 380px;
}
#contactus {
float: left;
height: 50px;
width: 250px;
}
#investor {
float: left;
height: 50px;
width: 350px;
}#contact_box1 {
float: left;
height: 800px;
width: 450px;
border-right-width: 1px;
border-right-style: dotted;
padding-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.FONT_MAP {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F5F5F5;
}
#contact_box {
float: right;
height: 800px;
width: 450px;
padding-top: 40px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
}
#contact_left {
float: left;
height: 800px;
width: 450px;
}
#contact_box3 {
float: left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
height: 150px;
width: 200px;
}
#contact_box4 {
float: left;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
height: 150px;
width: 200px;
}
#MENU_BOX_RIGHT {
float: right;
height: 190px;
width: 165px;
}
.font_vios {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#financial {
float: left;
height: 500px;
width: 200px;
padding-left: 200px;
}
#financial2 {
float: left;
height: 500px;
width: 360px;
padding-left: 140px;
}
#table_box3 {
padding: 5px;
height: 170px;
width: 163px;
float: right;
}
#table_box1 {
padding: 5px;
height: 170px;
width: 123px;
float: right;
}
#table_box2 {
padding: 5px;
height: 170px;
width: 383px;
float: right;
}
#table_box {
height: 330px;
width: 940px;
padding: 30px;
}
#table_box12 {
padding top: 5px;
padding-left: 5px;
height: 190px;
width: 180px;
float: right;
}
#table_box13 {
padding: 5px;
height: 170px;
width: 103px;
float: right;
}
#table_box14 {
padding: 5px;
height: 170px;
width: 140px;
float: right;
}
#investor_form {
height: 700px;
width: 600px;
float: right;
padding-top: 50px;
}
#b_ins {
float: left;
width: 280px;
height: 600px;
padding-top: 50px;
padding-right: 10px;
}
#financial3 {
float: left;
height: 500px;
width: 400px;
}
#financial4 {
float: left;
height: 500px;
width: 450px;
}
#newsroom {
height: 375px;
width: 930px;
overflow: scroll;
}
#career_page {
height: 300px;
width: 700px;
}
#company_annoucement {
float: left;
height: 200px;
width: 220px;
padding-right: 20px;
padding-left: 80px;
padding-top: 50px;
}
#company_annoucement2 {
float: left;
height: 200px;
width: 300px;
padding-right: 20px;
padding-left: 30px;
padding-top: 50px;
}
#vision {
float: left;
height: 50px;
width: 800px;
}
#annoucement_box {
height: 100px;
width: 200px;
text-align: center;
vertical-align: middle;
padding-top: 80px;
}
.red {
font-size: 9px;
color: #FFF;
font-family: "Arial Black", Gadget, sans-serif;
}
.FONT_11MAP {
font-size: 11px;
color: #B59859;
}
#new_table {
height: 150px;
width: 100px;
}
.red {
color: #F00;
}
#financial5 {
float: left;
height: 500px;
width: 400px;
}
#body4_titile122 {
float: left;
height: 20px;
width: 400px;
padding-top: 10px;
}

post-131669-1348240362379_thumb.jpg

Link to comment
https://forums.phpfreaks.com/topic/264595-help/
Share on other sites
Mahngiel Member

Mahngiel

Posted
Posted

I'm sorry, but there's a million things wrong with the structure of your page and it's damned near impossible to figure out the logic behind the correlating structures and their CSS.  Based off of firebug's inspector alone, I am assuming it's because this (see pic) UL isn't floated, which is because it's not in any floated parent. 

 

My advice is to rewrite that entire section all together.

 

tAVT.png

Link to comment
https://forums.phpfreaks.com/topic/264595-help/#findComment-1356146
Share on other sites
TFT2012 Member

TFT2012

Posted
Posted

You may need an additional <DIV id="A"> to wrap these three <Div>

 

<div class="font_menu2" id="body_center9"><span class="font_menu4">ALL IN-ONE CONVENIENCE</span></div>
<br />
<div class="font_menu2">
•Showroom on site <br />
•Dedicated factory  <br />
•Ample warehousing <br />
•Upscale office 
</div>
<div class="font_menu2" id="body_center4">Evolve your business with the reinvention of common
traditional factory space. confidential Biz Park brings
factory, warehouse, office and showroom together
in one functional concept. Your production and sales
can now be at a single corporate address to bring
efficiency and connectivity to the next level.</div>

 

For the one you want to move up, it needs to be done the same thing as above. Like <div id="B">.......(your three sperated DIVs)</div>

 

Then, set width and float:left to <div> A, set margin-left to <div> B.

Link to comment
https://forums.phpfreaks.com/topic/264595-help/#findComment-1357561
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.