انجمن‌های فارس وب

نسخه کامل: چند ستون و چند رديف با CSS...
شما در حال بازدید از بایگانی ارسال های انجمن هستید این نسخه کامل نیست : برای مشاهده نسخه کامل اینجا کلیک کنید
مي خوام يه قالب طراحي كنم...
بعد دو قسمت داره...يه سايد بار...يه مين...
تو قسمت مين مي خوام سه ستون سه رديفي داشته باشم براي مطالب...
براي نوشتن استايل چي كار بايد بكنم...
در ضمن خيلي برام مهمه كه هم توي فايرفاكس و هم توي آي اي درست نمايش داده بشه...
خب ؛ ما احتیاج به 3 ستون داریم که ستون وسطی عریض تر از بقیه باشه ؛ css رو طوری می نویسم که طریقه ی لود از چپ به راست باشه ؛ بنابراین لازمه که div ها رو هم به ترتیب ؛ چپ ، وسطی و راست مرتب کنیم :

.chap  {
    float:left;
    width:155px
    }

.vasat {
    width:380px;
    float:left;
    margin-left:5px
    }

.rast {
    float:right;
    width:155px
    }

به 2 نکته اشاره کنم که همه ی اینها رو در div اصلی با پهنای حدودا" 770px می بایست قرار داد و بهتره با دادن خاصیت border ستون ها رو از هم مجزا کنید .

نمي دونم منظور من رو متوجه شديد يا نه...
سايد بار كاري نداريم...
الان يه سايد بار تعريف مي كنيم يه مين...
حالا مي خوام تو قسمت مين سطر اول فقط يه ستون باشه مثلاً 300px...بعد سطر دوم دو ستون هر كدوم 145px... و سطر سوم و چهارم هم همين طور...
اينا رو مي خوام توي مين تعريف كنم...سايد بار هم واسه خودش يه ستون جداست...

Silence نوشته است:
نمي دونم منظور من رو متوجه شديد يا نه...
سايد بار كاري نداريم...
الان يه سايد بار تعريف مي كنيم يه مين...
حالا مي خوام تو قسمت مين سطر اول فقط يه ستون باشه مثلاً 300px...بعد سطر دوم دو ستون هر كدوم 145px... و سطر سوم و چهارم هم همين طور...
اينا رو مي خوام توي مين تعريف كنم...سايد بار هم واسه خودش يه ستون جداست...


من میدونم چی منظورتهخوشحال
باید روی یک نمونه کار کنیم؛ مثال هاش زیاده
اما اساتیدی مثل جناب Bonyanalam هم هستن که می تونن خیلی کمک کننآره

meandyou نوشته است:

Silence نوشته است:
نمي دونم منظور من رو متوجه شديد يا نه...
سايد بار كاري نداريم...
الان يه سايد بار تعريف مي كنيم يه مين...
حالا مي خوام تو قسمت مين سطر اول فقط يه ستون باشه مثلاً 300px...بعد سطر دوم دو ستون هر كدوم 145px... و سطر سوم و چهارم هم همين طور...
اينا رو مي خوام توي مين تعريف كنم...سايد بار هم واسه خودش يه ستون جداست...


من میدونم چی منظورتهخوشحال
باید روی یک نمونه کار کنیم؛ مثال هاش زیاده
اما اساتیدی مثل جناب Bonyanalam هم هستن که می تونن خیلی کمک کننآره


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

اونقدر سطر در ستون شد که متوجه نشدیم چی شد ، اگه ممکنه یه کروکی از این سطر ها و ستون های کذائی بکشید .
تا شب يه طرح از چيزي كه تو ذهنمه رو مي ذارم اينجا...
اين دو تا طرحيه كه تو ذهنه منه...
اين طرح 1:
[ جهت مشاهده لينك عضو شويد ! ]

اين هم طرح 2:
[ جهت مشاهده لينك عضو شويد ! ]

...

لطفاً در هر مورد راهنمايي كنيد...
لطفاً css ها رو با شماره هاي مشخص شده راهنمايي كنيد...

پ.ن:روي عكس ها كه كليك كنيد...سايز بزرگ عكس رو مي بينيد...

Silence نوشته است:
اين دو تا طرحيه كه تو ذهنه منه...
اين طرح 1:
[ جهت مشاهده لينك عضو شويد ! ]

اين هم طرح 2:
[ جهت مشاهده لينك عضو شويد ! ]

...

لطفاً در هر مورد راهنمايي كنيد...
لطفاً css ها رو با شماره هاي مشخص شده راهنمايي كنيد...

پ.ن:روي عكس ها كه كليك كنيد...سايز بزرگ عكس رو مي بينيد...

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

خوبه يا بده؟...
صفحات: 1 2
مرجع آدرس ها