htmk css xperts

**anjum12356** · 15th April 2016, 08:52 AM

dosto main psd to html kr rha hun is main left side py site logo hn right side py mail link hnn dost left side ki img fire bug main area full show kr rha hn right side wala content nechy a rha hn jb dono ko float krta hun to phr jb fire bug main dykhu to header ka area yop sy andr ja rha hn koi solution bto yr

**Atique rk** · 15th April 2016, 10:00 AM

anjum12356 said:

dosto main psd to html kr rha hun is main left side py site logo hn right side py mail link hnn dost left side ki img fire bug main area full show kr rha hn right side wala content nechy a rha hn jb dono ko float krta hun to phr jb fire bug main dykhu to header ka area yop sy andr ja rha hn koi solution bto yr

بھر آسن ھے بھائی آپ نے شاید دونوں جو فلوٹ نھیں دیا میں نے تین ڈوز بنائیں ھیں اور ایک پورے ھیڈر کی ایک امج لیفٹ سائیڈ پر 60% اسکی میں نے ھیڈر سے سائیز سیڈ کی ھے اور فلوٹ لیفٹ پھر میں نے اس میں ایک اور ڈو کلاس کرئیٹ کیا ھے اس میں لنک رکھی ھے فلوٹ رائیٹ کے ساتھ اس کی وڈتھ 40% کی ھے اور پرفیکٹ کام کر رھا ھے کوڈ میرا آپ ڈائونلوڈ کریں ھو سکھتا ھے پوسٹ میں پورا شو نھیں ھو اور رزلڈ آپ نیچے امیج میں دیںکھیں نوٹ سمپل سی ایس ایس یوز کی ھے اس لیے آپ اس کو موڈیفاء کر لینا

Code:

<html>
<head>
<title>it dunya header</title>
<style>
.header{
width:100%;
height:180px;
background-color:black;


}
.leftimg{

width:60%;
float:left;
}
.leftimg img{
height:170px;
width:100%;
border:3px solid brown;
}
.rightlink{
float:right;
margin-top:10px;

}
.rightlink a{
text-decoration:none;
font-size:69px;
background-color:white;
margin-right:10px;
border-radius:15px 5px;
 
}
</style>
</head>
<body>
<div class="header">
<div class="leftimg">
<img src="img.gif"></img>

</div>
<div class="rightlink">
<a href="#">mail us</a>

</div>


</div>


</body>
</html>