زمان کنونی: ۱۱-۲-۱۳۹۵, ۰۴:۴۳ عصر درود مهمان گرامی! (ورودثبت نام)




مشکل در margin در css
زمان کنونی: ۱۱-۲-۱۳۹۵, ۰۴:۴۳ عصر
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: masouddousam
آخرین ارسال: masouddousam
پاسخ: 2
بازدید: 26

ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
 

مشکل در margin در css

۱۰-۳۰-۱۳۹۵, ۰۶:۱۲ عصر
ارسال: #1
Question مشکل در margin در css
با سلام
لطفا راهنمایی بفرمایید چطور میتونم لوگوی سایت که یک عکس است به سمت چپ هدر و فرم سرچ که یک input است را به سمت راست هدر منتقل کنم و این دو تا دقیقا روبروی هم باشن.
فایل html و css رو پیوست کردم.تو تاپیک هم گذاشتم.

کد html:

کد HTML:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>my website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="container">
<!--start header-->
<div id="header">
<div class="header-title">
<h1><a href="#">My Site</a></h1>

<div class="search-input">
<h2>my first website design</h2>
</div>
<div class="site-logo">
<ul>
<li><a href="#"><img src="Site-logo.png" alt="site-logo"></a></li>
</ul>
</div><form action="#" method="get">
<input type="search" name="search" title="search">
<button>search</button>
</form>
</div>
</div>
<!--end header-->
</body>
</html>

کد css:

/*General Styles*/

body{

padding: 00px 00px 00px 00px;

margin: 00px 00px 00px 00px;

background-image: url("http://localhost/web-design/my_website/img/site-back-ground.png");

background-repeat:inherit;

}

h1 , h2{

padding: 00px;

margin: 00px;

font-weight: normal;

}

a{

text-decoration: none;

color: #3371bf;

}

a:hover{

color: #2a4e6e;

}



/*Container Styles*/

#container{

width: 900px;

margin: 0 auto;

}



/*Header Styles*/

#header{

background-color: #ffcb1d;

border: 1px solid #aa7e1d;

border-radius: 05px;

padding: 5px;

text-align: center;

}

#header h1{

font-size: 36px;

}

#header h2 {

font-size: 18px;

color: #2a4e6e;

margin-top: 02px;

}


سپاس
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
۱۰-۳۰-۱۳۹۵, ۰۷:۵۴ عصر
ارسال: #2
RE: مشکل در margin در css
(۱۰-۳۰-۱۳۹۵ ۰۶:۱۲ عصر)masouddousam نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
با سلام
لطفا راهنمایی بفرمایید چطور میتونم لوگوی سایت که یک عکس است به سمت چپ هدر و فرم سرچ که یک input است را به سمت راست هدر منتقل کنم و این دو تا دقیقا روبروی هم باشن.
فایل html و css رو پیوست کردم.تو تاپیک هم گذاشتم.

کد html:

کد HTML:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>my website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="container">
<!--start header-->
<div id="header">
<div class="header-title">
<h1><a href="#">My Site</a></h1>

<div class="search-input">
<h2>my first website design</h2>
</div>
<div class="site-logo">
<ul>
<li><a href="#"><img src="Site-logo.png" alt="site-logo"></a></li>
</ul>
</div><form action="#" method="get">
<input type="search" name="search" title="search">
<button>search</button>
</form>
</div>
</div>
<!--end header-->
</body>
</html>

کد css:

/*General Styles*/

body{

padding: 00px 00px 00px 00px;

margin: 00px 00px 00px 00px;

background-image: url("http://localhost/web-design/my_website/img/site-back-ground.png");

background-repeat:inherit;

}

h1 , h2{

padding: 00px;

margin: 00px;

font-weight: normal;

}

a{

text-decoration: none;

color: #3371bf;

}

a:hover{

color: #2a4e6e;

}



/*Container Styles*/

#container{

width: 900px;

margin: 0 auto;

}



/*Header Styles*/

#header{

background-color: #ffcb1d;

border: 1px solid #aa7e1d;

border-radius: 05px;

padding: 5px;

text-align: center;

}

#header h1{

font-size: 36px;

}

#header h2 {

font-size: 18px;

color: #2a4e6e;

margin-top: 02px;

}


سپاس

کد css جدید:
دوباره کد css رو تغییر دادم لطفا بفرمایید از نظر کد نویسی مشکلی نیست؟چون که نتیجه همون شد که می خواستم.

[/code]/*General Styles*/
body{
padding: 00px 00px 00px 00px;
margin: 00px 00px 00px 00px;
background-image: url("http://localhost/web-design/my_website/img/site-back-ground.png");
background-repeat:inherit;
}
h1 , h2{
padding: 00px;
margin: 00px;
font-weight: normal;
}
a{
text-decoration: none;
color: #7d501a;
}
a:hover{
color: #3b1d12;
}
li{
list-style: none;
}
/*Container Styles*/
#container{
width: 900px;
margin: 0 auto;
}

/*Header Styles*/
#container #header{
background-color: #ffcb1d;
border: 1px solid #aa7e1d;
border-radius: 05px;
padding-bottom: 50px;
text-align: center;
}
#header h1{
font-size: 36px;
}
#header h2 {
font-size: 18px;
color: #774b1d;
margin-top: 02px;
}
#container #header .site-logo{
float: right;
margin: -14px auto;
margin-right: 10px;
}
#container #header .search-input{
float: left;
margin: 14px auto;
margin-left: 10px;
}
#container #navigation-menu{
background-color: #ffcb1d;
border: 1px solid #aa7e1d;
border-radius: 05px;
}
#container #navigation-menu ul{
margin: 00px;
padding: 00px;
text-align: center;
}
#container #navigation-menu ul li{
display: inline-block;
padding: 05px;
margin: 00px;
}
#container #navigation-menu ul li a{
margin: 00px 19px;
border: 1px solid #ffcb1d;
}
#container #navigation-menu ul li a:hover{
border: 1px solid #e7b31d;
background-color: #e7b31d;
border-radius: 05px;
}

[/code][code]


فایل‌(های) پیوست شده تصویر (ها)
   
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  مشکل در ثبت نام سایت akjony1692 1 1,016 ۱-۳-۱۳۹۴ ۰۴:۴۸ عصر
آخرین ارسال: Sartist
  کمک در حل مشکل من با قالب مترو itlor 5 2,342 ۱۱-۴-۱۳۹۳ ۰۸:۴۴ عصر
آخرین ارسال: Adel
Exclamation مشکل در منوی بوت استرپ zamani 4 2,271 ۷-۲۷-۱۳۹۳ ۰۸:۲۷ عصر
آخرین ارسال: Adel
  مشکل در قالب فلش vahid 1 1,291 ۳-۱۷-۱۳۹۳ ۰۵:۵۱ عصر
آخرین ارسال: dr.mazloom

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان