Member Avatar

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/

  • 3 Contributors
  • forum 2 Replies
  • 119 Views
  • 7 Hours Discussion Span
  • comment Latest Post Latest Post by neeraj654

Recommended Answers

Answered by JorgeM 966 in a post from

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

Member Avatar

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>
Member Avatar

i want to join your community

Edited by neeraj654
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.

Sign Up — It's Free!