here my last 2 days practice...
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.wrapper {
background-color: #003300;
width: 760px;
float: left;
padding: 10px;
}
.left {
background-color: #33CCCC;
width: 150px;
float: left;
padding: 0px;
}
.main {
background-color: #990033;
width: 400px;
float: left;
padding: 10px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
background-image: url(../../Users/Sab/Pictures/Sample%20Pictures/149641_150590538320215_100001078088569_244849_4000697_n.jpg);
}
.right {
background-color: #FFFF33;
width: 170px;
float: left;
}
-->
</style>
</head>
<body>
<div class="wrapper">
<div class="left">Content for New Div Tag Goes Here</div>
<div class="main">Content for New Div Tag Goes Here</div>
<div class="right">Content for New Div Tag Goes Here</div>
</div>
</body>
</html>
___________________________________________________________________________________
i just know how to that..but it look so dull...i want to make it like more well organize..
go to this site(sory i only can use this site for the moment)~http://www.malaysiaairlines.com/hq/en/site/404.html
i want to make it just like in the web,all the information in the middle just like there is a box to hold all the detail.There is a space on left and right side of the box..here i ilustrate it to make u guys understand..
i want to put all things in the middle that is "X" and leaving space "Y" and "Z" there also..How??can u guys help me...im using CS5..
P/s:~sory for the bad ilustrate,can put picture here...i draw it nice before submit.just ignore it ok....hermm...imagine it this way..we have 2 cuboid(2D cuboid),cuboid A is much more big than cuboid B..put it togehter and we have cuboid B in A..i want to put all information in B and left space there..because B is small than A..like that..=_='
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.wrapper {
background-color: #003300;
width: 760px;
float: left;
padding: 10px;
}
.left {
background-color: #33CCCC;
width: 150px;
float: left;
padding: 0px;
}
.main {
background-color: #990033;
width: 400px;
float: left;
padding: 10px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
background-image: url(../../Users/Sab/Pictures/Sample%20Pictures/149641_150590538320215_100001078088569_244849_4000697_n.jpg);
}
.right {
background-color: #FFFF33;
width: 170px;
float: left;
}
-->
</style>
</head>
<body>
<div class="wrapper">
<div class="left">Content for New Div Tag Goes Here</div>
<div class="main">Content for New Div Tag Goes Here</div>
<div class="right">Content for New Div Tag Goes Here</div>
</div>
</body>
</html>
___________________________________________________________________________________
i just know how to that..but it look so dull...i want to make it like more well organize..
go to this site(sory i only can use this site for the moment)~http://www.malaysiaairlines.com/hq/en/site/404.html
i want to make it just like in the web,all the information in the middle just like there is a box to hold all the detail.There is a space on left and right side of the box..here i ilustrate it to make u guys understand..
i want to put all things in the middle that is "X" and leaving space "Y" and "Z" there also..How??can u guys help me...im using CS5..
P/s:~sory for the bad ilustrate,can put picture here...i draw it nice before submit.just ignore it ok....hermm...imagine it this way..we have 2 cuboid(2D cuboid),cuboid A is much more big than cuboid B..put it togehter and we have cuboid B in A..i want to put all information in B and left space there..because B is small than A..like that..=_='
