۳ Mohammad Esteghamat
استفاده از Float برای پیاده سازی Sidebar
جامعه Html & CSS ایجاد شده در ۱۸ شهریور ۱۳۹۹

سلام - ممنون از زحماتتون 
سوالی داشتم. 

من می‌خواهم با استفاده از Float   یک Sidebar   بسازم. یعنی صفحه را به دو قسمت مثلا ۲۵ درصد و ۷۵ درصدی تقسیم کنم. خوب تا اینجا اشکالی نیست. 
درداخل sidebar  یک List   دارم که بصورت A href   است . می‌خواهم که با هر کلیک روی منوهای قسمت اول ، یک Content   جداگانه در قسمت دوم  لودشود. مثلا با کلیک روی اولین گزینه یا منو ، مثلا یک صفحه با تعدادی متن و عکس لود شود و با کلیک روی گزینه دوم یک صفحه دیگر در آن قسمت لود شود. 
این رو چطور باید انجام داد؟ 
و یا اینکه محتوای هر دو صفحه را در همین صفحه اصلی داشته باشم و با کلیک روی منوی مربوطه آن را نمایش دهم. 
در مورد راهکار هم توضیح دهید ممنون می‌شوم. 

سلام برای تقسیم بندی پیشنهاد میشه از flex یا grid استفاده کنید چون با این دو ماژول عملا float منسوخ هست برای این کار در ضمن خیلی راحتره سرفصل flex و grid این موارد توضیح داده شده و در سرفصل پروژه‌های کاربردی موردی رو که گفتید مشابهش رو در قالب پروژه داریم.

وحید صالحی ۱۸ شهریور ۱۳۹۹، ۱۳:۵۹

ممنون از پاسختون 
اما اشکال اصلی من محدود کردن محتوای فراخوانده شده در بخش دوم هست. یعنی در قسمت محتوی. 
همه مثال‌های اینترنتی هم که برای درست کردن Sidebar  بود ( که من تو اینترنت جستجو کرد) فقط در حد درست کردن قالب هست  و کلیک کردن و نمایش محتوی قسمت دوم رو ندارند. 
من اینجا هر وقت کلیک می‌کنم a href   همه محتوی صفحه دوم را می‌آورد و جایگزین می‌کند و من از این به بعد فقط صفحه فراخوانده شده را دارم و دیگر قسمت منوی Sidebar  رو از دست دادم. 
ممنون می شم اگر راهنمایی بفرمایید. 
و یا اگر توضیح ممکن نیست به این دلیل که قبلا در سرفصل‌ها هست، بفرمایید که در کدام سرفصل و  یا کدام پروژه عملی این رو کار کردید؟ خیلی لطف دارید. 

Mohammad Esteghamat ۱۸ شهریور ۱۳۹۹، ۱۵:۰۶

توضیحتون خیلی گنگ هست اما تا جایی که متوجه شدم شما موردی رو می‌خواهید که نیاز به جی کوئری یا جاوااسکریپت داره

وحید صالحی ۱۸ شهریور ۱۳۹۹، ۱۵:۱۱