فاصله بين دو پاراگراف

[rezaee 5]

با سلام

به مشكلي خوردم...

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

من فقط يه اينتر زدم و رفتم خط بعد و نتيجه شده اين:

[align=center]

مثل اين ميمونه كه دوتا اينتر خورده

بازم يادآوري ميكنم كه line-heigh ميزانش مناسب هست اما فاصله ي دو پاراگراف رو چطور ميشه تايين كرد؟!

دستورش چي هست؟[/align]

[شکیبانیا 59]

سلام دوست عزیز

معمولا تویه ادیتورها وقتی شما کلید Enter را فشار می دهید پاراگراف قبلی رو می بنده و یک پاراگراف جدید ایجاد می کند.(یعنی تگ p قبلی رو می بنده و یک تگ p جدید تولید می کنه.)

احتمالا مشکل شما بخاطر margin یا padding تگ p می باشد.

این دو تا رو صفر بکنین و نتیجش رو بررسی کنید.

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

موفق باشید و سربلند

یا علی

[rezaee 5]

احتمالا مشکل شما بخاطر margin یا padding تگ p می باشد.

این دو تا رو صفر بکنین و نتیجش رو بررسی کنید.

ممنون دوست من از هوشت... درست بود..

اما يه مشكل

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

پيشنهادت چيه؟

[شکیبانیا 59]

منظورتون رو متوجه شدم ، ولی برای این که راحت جوابتون رو بشه بدم ، باید دمو اون صفحه رو ببینم.

اگر بخواهم مختصر توضیح بدم ،باید بگم که css این امکان رو به شما میده به تگ ها براساس موقعیتشون در قالب خصوصیات مختلفی نسبت بدید.

شما باید در css مشخص کنید که دقیق پاراگراف هایی رو اصلاح کنه که بعد از ID یا CLASS خاصی قرار دارن.

مثلا کد زیر ، فقط پاراگراف هایی که بعد از کلاس test هستند را اصلاح می کنه.

.test p {
margin:0px;
padding:0px;
}

موفق باشید و سربلند

یا علی

[rezaee 5]

منظورتون رو متوجه شدم ..

دوست من متاسفانه متوجه منظورتون نشدم...؟

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

متاسفانه هنوز امكان درج دمو نيست... اما:

اين تصوير نتيجه اي هست كه پدينگ پايين رو حذف كردم ولي پدينگ بالا رو بخاطر داشته فاصله از بالاي باكس نميشه برداشت:

و اين هم كدهاي سي اس اس مربوط به اون باكس:

#Box2 {
 height: 365px;
 float: left;
 background-position:  center center;
 background-repeat: no-repeat;
 background-image: url(../images/Box.png);
 width: 300px;
 padding-left: 11px;
 padding-right: 11px;

}
#Box2 h3 {
 padding: 9px 34px 0px 0px;
 font-size:1.6em;
 font-family:arial;
 text-shadow: #fff 2px 2px 2px;
}

#Box2 p {
 padding: 14px 13px 0px 13px;
 text-shadow: #5ee 0px 0px 1px;
}

[شکیبانیا 59]

سلام

من برای اینکه درست راهنمایتون بکنم به کد html اون صفحه نیاز دارم.

بنظرم این ماژول با همین شکل و شمایل آراسته هست.

پیشنهاد می کنم ، شما کار سایتتون رو با همین وضعیت جلو ببرید ، هروقت سایتتون رویه اینترنت بالا اومد ، اون موقع سوالتون رو تویه همین تاپیک پیگیری کنید.

موفق باشید و سربلند

یا علی

[rezaee 5]

ممنون از پاسخت دوست من

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

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

پيشنهادتون بجاست..

ممنون و موفق باشيد

[rezaee 5]

خوب دوستان سايتم رو بروز كردم و الان ميشه رويه اون مشكل كار كرد..

پروژه هاي آموزشي

همونطور كه ميبينيد هنوز اون مشكل خودشو يكم نشون ميده... با اينكه ميشه با كد دستي درستش كرد اما راه حل استاندارد شما چيه؟؟

داش حميد شكيبانيا انشاالله كه بزودي سايت شما هم به پايان ميرسه و فعاليتش رو شروع ميكنه..

[شکیبانیا 59]

سلام

این کد رو امتحان کنید :

#Box1 p ,#Box2 p , #Box3 p{
   padding:10px 16px 0px 19px;
}
#Box1 h3 ,#Box2 h3 ,#Box3 h3 {
 padding: 9px 30px 9px 0;
}

موفق باشید و سربلند

یا علی

[rezaee 5]

سلام

این کد رو امتحان کنید ...

دوست عزيز من تغريبا نمونه همين كد رو اجرا كردم... و شده هميني كه ديدي...

بنظرم بايد يه دايو داخل اين دايو گذاشت و از بالا فاصله داد و اون موقع پاراگراف جاي بهتري قرار ميگيره و خيلي نياز به تغيير مكان نداره كه مشكل بشه...

اون موقع هد3 رو ميبريم بالا..

البته بازم يكم ضايس ولي فك كنم بهتر باشه..

الان يه ايده ديگه به ذهنم رسيد كه اگه درست كار كرد اينجا ميگم تا ساير دوستان هم ياد بگيرن..

بازم ممنون از لطفتون

---

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

براي اينكه بشه فاصله پاراگرافها رو زماني كه از بالاي باكس پدينگ داريم بدرستي تنظيم كرد بايد پدينگ پايين رو منفي كرد تا متعادل بشه:

#Box3 p {
 padding: 10px 10px -1px 18px;
}