Latest Announcemnent
New thread
Status
Not open for further replies.
S

softpk

Active Member
66
2010
1
130
Dear Friends How are you. i am design fashion shop website and I want to make something like that. See in the picture

1099b2335023516279f47060613bc499.jpg


Right side 1 Big image and left side 4 images 2 image up and 2 down but same margin align right big image..... anyone help me this coding div + css?


Thank You
 
Last edited:
2 comments
Code: 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en">
<head>
<style>
#allimages{
width:602px;
}
.rightimgs{
float:right;
width:300px;
}
.rightimgs img{
width:300px;
height:auto;
}
.leftimgs{
display:inline;
width:300px;
height:auto;
float:left;
}
.leftimgs img{
width:148px;
height:auto;
}


</style>
</head>
<body>


<div id="allimages">
<div class="rightimgs">
img tag here
</div>
<div class="leftimgs">
4 img tags here
</div>
</div>


</body>
</html>

I cant see image but a simple way on the codes above
 
AlbCoder said:
Code: 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en">
<head>
<style>
#allimages{
width:602px;
}
.rightimgs{
float:right;
width:300px;
}
.rightimgs img{
width:300px;
height:auto;
}
.leftimgs{
display:inline;
width:300px;
height:auto;
float:left;
}
.leftimgs img{
width:148px;
height:auto;
}


</style>
</head>
<body>


<div id="allimages">
<div class="rightimgs">
img tag here
</div>
<div class="leftimgs">
4 img tags here
</div>
</div>


</body>
</html>

I cant see image but a simple way on the codes above
Click to expand...




Problem Solved Thank You my friend :)
 
Status
Not open for further replies.
Back
Top