hi guys need help here,

wanna need some advice on what would be the best technique for this layout
see the link below

http://imageshack.us/photo/my-images/843/layoutsn.png/

Recommended Answers

you can start with something like this...

<!doctype html>
<html>
<head>
 <title>My Page</title>
 <style>
#wrapper{
margin:0px auto;
width:800px;
height:500px;
border:1px solid black;}

#inner {
margin:75px 30px;
height:200px; 
border: 1px solid black;
position:relative;}

#box {
position:absolute;
left:50px;top:-50px;
border: 1px solid black;
height:100px;
width:100px;
background-color:white}

 </style>
</head>

<body>
 <div id="wrapper">
   <div …
Jump to Post

All 2 Replies

you can start with something like this...

<!doctype html>
<html>
<head>
 <title>My Page</title>
 <style>
#wrapper{
margin:0px auto;
width:800px;
height:500px;
border:1px solid black;}

#inner {
margin:75px 30px;
height:200px; 
border: 1px solid black;
position:relative;}

#box {
position:absolute;
left:50px;top:-50px;
border: 1px solid black;
height:100px;
width:100px;
background-color:white}

 </style>
</head>

<body>
 <div id="wrapper">
   <div id="inner">
     <div id="box"></div>
   </div>
 </div>
</body>
</html>

i want to join your community

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.