مشکل در برنامه نویسی

mir.seyyed · 20 آذر

سلام،

تصویر زیر رو که مشاهده می کنید، ((تماس با ما و در باره ما)) توی یک div چهارشنه هم توی یک دایو دیگه هست

چطور میشه ایندوتا دایو کنار هم بیان نه زیر هم؟

این هم html :

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>...</title>
	<link rel="stylesheet" href="static/css/reset.css">
	<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
	<div id="main">
		<header>
			<div class="top-bar">
				<div class="data"><img src="static/img/data.svg" alt="تاریخ امروز " width="15px" >چهارشنبه، 14 آذر</div>
				<div class="soical">
					<ul>
						<li>تماس با ما</li>
						<li>درباره ما</li>
					</ul>
				</div>
			</div>
			<div class="top-2"></div>
			<div class="menu"></div>
		</header>
	</div>
</body>
</html>

و این هم css:

/*---  fonts  ---*/
@font-face{
	font-family: "IRANSasWeb";
	src: url(../fonts/IRANSansWeb.eot) format('eot'),
		 url(../fonts/IRANSansWeb.woff) format('woff'),
		 url(../fonts/IRANSansWeb.ttf) format('trutype');
}

@font-face{
	font-family: "IRANSansWebBold";
	src: url(../fonts/IRANSansWebBold.eot) format('eot'),
		 url(../fonts/IRANSansWebBold.woff) format('woff'),
		 url(../fonts/IRANSansWebBold.ttf) format('trutype');
}
/*---  general style  ---*/
body{
	background-image: url('../img/backround.jpg');
	background-attachment:fixed;
	direction: rtl;
}

a{
	text-decoration: none;
}

h1, h2, h3, h4, h4, h6{
	font-family: IRANSansWebBold;
}

.clear{
	clear: both;
}
/*---  style  ---*/
#main{
	width: 960px;
	height: 1500px;
	margin: 0 auto;
}


.top-bar{
	background-color: #fff;
	height: 50px;
	position: relative;
}

/*.soical ul{
	position: absolute;
}*/

.soical li{
	float: right;
}

mir.seyyed · 20 آذر

**asadiy4n** · 21 آذر

سلام هم با float میشه هم inline و هم flex ادرس آنلاین بدید چک کنم

mir.seyyed · 21 آذر

در 3 ساعت قبل، asadiy4n گفته است :

سلام هم با float میشه هم inline و هم flex ادرس آنلاین بدید چک کنم

روی سیستم خودم دارم اجراش می کنم، روی اینترنت نیست.

یعنی flot رو right قرار بدم؟

به کدوم استایل؟

top-bar?

data?

data img?

mir.seyyed · 21 آذر

این تمام فایل هاش هست:

(داخل پیوست)

static.zip

**asadiy4n** · 21 آذر

این خط رو به استایل اضافه کنید درست میشه

.top-bar div{
	display: inline-block;
}

mir.seyyed · 21 آذر

در 21 دقیقه قبل، asadiy4n گفته است :
این خط رو به استایل اضافه کنید درست میشه
 

خیلی ممنون از لطفتون درست شد

ورود

مشکل در برنامه نویسی

پست های پیشنهاد شده

mir.seyyed 444

لینک به ارسال

mir.seyyed 444

لینک به ارسال

asadiy4n 2,210

لینک به ارسال

mir.seyyed 444

لینک به ارسال

mir.seyyed 444

لینک به ارسال

asadiy4n 2,210

لینک به ارسال

mir.seyyed 444

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها