پر کردن دیوها از وسط ؟

6

686868

Member
سلام دوستان .. آیا راهی هست که باکس ها از وسط چیده بشوند ؟ یعنی نه fliat:right و نه float:left ؟؟ دقیقا مثل بعضی از text field هایی که از وسط پر میشوند و به کناره ها کشیده میشوند.؟ ممنون از کمکتون
 
farik

farik

Well-Known Member
باسلام..
مفهموم حرفتون واضح نیست..اگه منطور اینه که وسط صفحه چیده بشن باید تو یک دایو با width 100% بزارین و text-alignment رو center بزارین..بعد دایو رو داخلش قرار بدین..
اگه منظور دیگه ای دارین یک عکسی چیزی از نحوه ای که مد نظرتونه بگین تا کمک کنیم..
موفق باشید..
 
6

686868

Member
سلام و متشکر .. نه نمیخوام که وسط چیده بشوند .! میخواهم که از وسط پر بشوند .... فرض کنید میخواهیم 5 تا دایو در یک خط (از چپ ) بچینیم ! مگر نه اینکه از کد float : left; استفاده میکنیم .؟ اما حالا میخواهم از وسط چیده بشوند .. همانند عکس ....



71290184106913591970.gif
 
6

686868

Member
بذارشون بین تگ <center> ببین برات کار میکنه
کلیک کنید تا باز شود...

چرا که نه ؟ ممنونم دوست من . درست شد! خیلی خیلی از همه دوستان ممنونم! راستی تو یکی از سایتها هم دیدم که به همین شکل بود اما از تک center استفاده نکرده بود ! کد css نداره ؟!
 
farik

farik

Well-Known Member
باسلام..
اول از همه در حواب دوست عزیزم 686868 باید بگم این تگ استاندارد نیست..پس بیخیال..
باید تاکید کنم که جوابم باید درتس باشه...شما یک تگ مادر براش تعریف میکنین و اینکار رو انجام میده(با تنظیم خصوصیتی که گفتم)...{البته float:none باید باشه}
الان آخر شبه..فردا یک پ.ن. ای چیزی بزارین اگه مشکل حل نشد تا مثال بزارم براتون...
موفق باشید..
 
meraj-persian

meraj-persian

Active Member
برای وسط چین کردن متن :

کد:
[HTMLS]<p align="center">Text...</p>[/HTMLS]
این کد استاندارد هم هست.

برای وسط چین کردن div :

میتونید از ویژگی margin استفاده کنید.
برای مثال: margin-left:20px
به جای 20 هم باید نصف طول Header رو بزارید.(اگه خواستین عوض کنید)

برای چپ و راست هم از float استفاده کنید.
 
farik

farik

Well-Known Member
باسلام..
با عرض پوزش از اینکه دیشب دیروقت بود..اینم یک نمونه کد:
[HTMLS]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.mother{
margin:auto;
text-align:center;
width:100%;
background:#CCC;
}
.div1{
background:#666;
margin:auto;
width:100px;
height:100px;
display:inline-block;
}
</style>
</head>

<body>

<div class="mother">
<div class="div1">hi</div>
<div class="div1">hi</div>
<div class="div1">hi</div>
</div>
</body>
</html>

[/HTMLS]

موفق باشید..
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا