jafar1374

ایجاد divهای پشت هم در ایندکس قالب

16 پست در این موضوع قرار دارد

سلام

چطور می تونم در صفحه اول قالب دیوهارو پشت سر هم بدون اینکه تیبلی ایجاد کنم قرار بدم و داخلش دسته بندی قرار بدم

مثل این عکس :

post-2192-0-22240700-1378014176_thumb.jp

ممنون

0

به اشتراک گذاری این پست


لینک به پست

سلام من اول كار كه طراحي شرو ع كردم همين مشكل داشتم !‌

با flaot دادن و margin دادن ميشه اين كارو كرد !‌

شما يك كلاس درست كنيد نه چند تا ! و هي همون ديگه كپي و پيست كنيد !‌ واسه نمونه هم اين مينويسم !‌


.class{
flaot:left;
margin-left:10px;
width : ? px;
height: ? px;
border: 2px;
}

اين تعريفش توي css هست فقط كافيه توي html همين كلاس رو 3 بار تكرار كنيد تا 3 تا پشت هم داشته باشين

فقط اندازه هارو طوري تعيين كنيد كه در هر سطر 3 تا جعبه قرار بگيره . و وقتي 4 بار كپي كردي خودش ميره خط پايين !‌

ویرایش شده در توسط RedPlus
4

به اشتراک گذاری این پست


لینک به پست

سلام من اول كار كه طراحي شرو ع كردم همين مشكل داشتم !‌

با flaot دادن و margin دادن ميشه اين كارو كرد !‌

شما يك كلاس درست كنيد نه چند تا ! و هي همون ديگه كپي و پيست كنيد !‌ واسه نمونه هم اين مينويسم !‌


.class{
flaot:left;
margin-left:10px;
width : ? px;
height: ? px;
border: 2px;
}

اين تعريفش توي css هست فقط كافيه توي html همين كلاس رو 3 بار تكرار كنيد تا 3 تا پشت هم داشته باشين

فقط اندازه هارو طوري تعيين كنيد كه در هر سطر 3 تا جعبه قرار بگيره . و وقتي 4 بار كپي كردي خودش ميره خط پايين !‌

خیلی جالب بود و ساده - خیلی ممنونم

0

به اشتراک گذاری این پست


لینک به پست

یه مشکلی پیش میاد بعد از ایجاد چند تا دیو یکیشون بینشون فاصله می افته

post-2192-0-28537500-1378110853_thumb.jp

0

به اشتراک گذاری این پست


لینک به پست

كد css & html قرار بده تا مشكلش رو بفهمم از روي عكس نميشه !‌

ویرایش شده در توسط RedPlus
1

به اشتراک گذاری این پست


لینک به پست

فلوت لفت یا رایت می زنم ینی هر دو رو هم ک تست می کنم اینجوری میشه


<?php get_header(); ?>
<style type="text/css">
#contencatog {
background: #FFF;
border: solid 1px #999;
float: left;
height: auto;
width: 963px;
margin-bottom: 10px;
}
.allcontent {
float: right;
width: 460px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
.allcontenttit {
background-color: #FC9;
height: 30px;
width: 460px;
}
.allcontentcon {
width: 460px;
}
</style>
<div id="main">
<div id="contencatog">

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontenttit" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

</div>
</div>
<?php get_footer(); ?>

0

به اشتراک گذاری این پست


لینک به پست

سلام من الان اين گذاشتم كد خودتون هم هست درست نشون ميداد !‌

post-3159-0-20543200-1378140294_thumb.pn


<style type="text/css">
#contencatog {
background: #FFF;
border: solid 1px #999;
float: left;
height: auto;
width: 963px;
margin-bottom: 10px;
}
.allcontent {
float: right;
width: 460px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
.allcontenttit {
background-color: #FC9;
height: 30px;
width: 460px;
}
.allcontentcon {
width: 460px;
}
</style>
<div id="main">
<div id="contencatog">

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

</div>
</div>

احتمالا كد php باش اين كارو كرده !‌مگر نه از نظر استايل دهي مشكلي نيست !‌

ویرایش شده در توسط RedPlus
1

به اشتراک گذاری این پست


لینک به پست

بله به صورت خالی و بدون مطلب مشکلی نداره ولی وقتی مطلب ی طرف زیاد میشه نا میزون میشه بی زحمت عکس رو ببینید تو عکس توضیح بهتره

post-2192-0-96387200-1378144222_thumb.jp

مرسی

0

به اشتراک گذاری این پست


لینک به پست

بله به صورت خالی و بدون مطلب مشکلی نداره ولی وقتی مطلب ی طرف زیاد میشه نا میزون میشه بی زحمت عکس رو ببینید تو عکس توضیح بهتره

post-2192-0-96387200-1378144222_thumb.jp

مرسی

میتونید به دو دایو چپ و راست تقسیم کنید این مشکل پیش نمیاد.

3

به اشتراک گذاری این پست


لینک به پست

در مورد حرف اشکان جان یه نکته رو هم من بگم که به نظرم اگه اتوماتیک نکنه و یه height ثابت بهشون بده دیگه این مشکل پیش نمیاد

2

به اشتراک گذاری این پست


لینک به پست

با تشكر از دوستان به خطر پاسخگو بودنشون :wub:

اما اگر چپ راست هم كنه بازم همينطور ميشه !‌ اما اون دوست عزيزمون درست گفتن كه ي ارتفاع ثابت بدي بهشون يا اين كه از max-height يا min-height دادن استفاده كني !‌ولي همون ثابت بدي بهتر هست !‌

2

به اشتراک گذاری این پست


لینک به پست

ممنون و سپاس از توجه و کمک همه دوستان

خب من نمی خام ارتفاع ثابت باشه چون ممکنه گاهی وقتا پیش بیاد که مجبور بشیم محتوای ی باکس بیشتر یا کنتر باشه و این کارو خراب می کنه

با آرشیو توری هم نشد

از راهنمایی اشکان استفاده کردم و ی سری به سایت دانلود خارجی که این کارو کرده بود زدم و دیدم که برای س ردیف از سه تا باکس جدا استفاده کرد و حالا داخل اون باکس های دیگه رو درسته کرده

من چون دو تا ردیف می خاستم دو تا باکس کلی درست کردم و بقیه رو ...

عکس رو ببینید ...

post-2192-0-06364900-1378197763_thumb.pn

0

به اشتراک گذاری این پست


لینک به پست

با تشكر از دوستان به خطر پاسخگو بودنشون :wub:

اما اگر چپ راست هم كنه بازم همينطور ميشه !‌ اما اون دوست عزيزمون درست گفتن كه ي ارتفاع ثابت بدي بهشون يا اين كه از max-height يا min-height دادن استفاده كني !‌ولي همون ثابت بدي بهتر هست !‌

آقا RedPlus با تشکر از شما، منظور دو باکس جدا از هم هستش نه اینکه float یا text-align بدیم.

ارتفاع ثابت هم به قول آقا جعفر که گفتن نمیشه استفاده کرد چون محتوا فرق داره همیشه.

ممنون و سپاس از توجه و کمک همه دوستان

خب من نمی خام ارتفاع ثابت باشه چون ممکنه گاهی وقتا پیش بیاد که مجبور بشیم محتوای ی باکس بیشتر یا کنتر باشه و این کارو خراب می کنه

با آرشیو توری هم نشد

از راهنمایی اشکان استفاده کردم و ی سری به سایت دانلود خارجی که این کارو کرده بود زدم و دیدم که برای س ردیف از سه تا باکس جدا استفاده کرد و حالا داخل اون باکس های دیگه رو درسته کرده

من چون دو تا ردیف می خاستم دو تا باکس کلی درست کردم و بقیه رو ...

عکس رو ببینید ...

post-2192-0-06364900-1378197763_thumb.pn

الان دیگه مشکل حل شده و مشکلی نیست.

2

به اشتراک گذاری این پست


لینک به پست

آقا RedPlus با تشکر از شما، منظور دو باکس جدا از هم هستش نه اینکه float یا text-align بدیم.

ارتفاع ثابت هم به قول آقا جعفر که گفتن نمیشه استفاده کرد چون محتوا فرق داره همیشه.

الان دیگه مشکل حل شده و مشکلی نیست.

بله - ممنون - فعلا مشکلی نیست در حال طراحی css هستم اگه مشکلی بود مزاحم میشم

0

به اشتراک گذاری این پست


لینک به پست

اهووم پس من اشتباه متوجه شده بودم فك كردم به فرض اگه يك رديف ارتفاع يكي از باكس ها 200 بود اون يكي هم اگه مطلبش كمتره 200 بشه

و همين طور در رديف هاي ديگه !‌اين طور كه الان هست فقط توي ي ستون هستن توي يك رديف قرار نميگيرن !‌ به هر حال مشكل براي دوستمون حل شده !‌

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط dastjerdisf
      با سلام
      در بین اساتید کسی می تونه به من کمک کنه بگه چرا وقتی آدرس سایتم رو می نویسم اتومات این متن رو به اون اضافه می کنه/?i=1
      از مدیریت هاست پرسیدم میگند از کش مرورگر هستش اما چرا سایت های دیگه این جوری نیستند
      آدرس سایتم:http://hushmandyar.ir
    • توسط saeid1872
      سلام دوستان
      تو کمتر از یک ماه سایتم 61 ارور 500 ثبت کرده که در حال زیاد شدن هستش نمیدونم چرا این ارورهارو ثبت میکنه
      لطفا دلیلش رو بگید و اینکه چطور باید رفع کنم
      من خیلی اصلا حرفه ای نیستم فقط خواهشا جوری راهنمایی کنید که بتونم رفعش کنم.

    • توسط devil1367
      با سلام
      من یک فروشگاه دارم چون قالب قبلیم نیازهامو نمیتونست برطرف کنه یه قالب جدید از یکی از سایتها خریداری کردم
      سوالم اینه با نصب بسته اسان نصب اطلاعاتی یا محصولات قبلی که داشتم حذف میشن ؟
      چطوری قالب رو شبیه دمو دربیارم و صفحات و برگه ها import کنم.
       
      با تشکر
    • توسط armakcell
      با سلام بنده در سایتم میخواستم یک ابزارک قرار بدم مانند ابزارک این سایت
      http://powerturk.ir

      اگر داخل این سایت برید در یک قسمت نوشته است آرشیو فول البوم
      بنده این ابزارک را چگونه به دست بیارم؟
      بنده یک تصویر ضمیمه میکنم در صورتی که در سایت وارد نشد

    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟