استفاده از Float برای پیاده سازی Sidebar
سلام - ممنون از زحماتتون
سوالی داشتم.
من می خواهم با استفاده از Float یک Sidebar بسازم. یعنی صفحه را به دو قسمت مثلا ۲۵ درصد و ۷۵ درصدی تقسیم کنم. خوب تا اینجا اشکالی نیست.
درداخل sidebar یک List دارم که بصورت A href است . می خواهم که با هر کلیک روی منوهای قسمت اول ، یک Content جداگانه در قسمت دوم لودشود. مثلا با کلیک روی اولین گزینه یا منو ، مثلا یک صفحه با تعدادی متن و عکس لود شود و با کلیک روی گزینه دوم یک صفحه دیگر در آن قسمت لود شود.
این رو چطور باید انجام داد؟
و یا اینکه محتوای هر دو صفحه را در همین صفحه اصلی داشته باشم و با کلیک روی منوی مربوطه آن را نمایش دهم.
در مورد راهکار هم توضیح دهید ممنون می شوم.
سلام برای تقسیم بندی پیشنهاد میشه از flex یا grid استفاده کنید چون با این دو ماژول عملا float منسوخ هست برای این کار در ضمن خیلی راحتره سرفصل flex و grid این موارد توضیح داده شده و در سرفصل پروژه های کاربردی موردی رو که گفتید مشابهش رو در قالب پروژه داریم.
ممنون از پاسختون
اما اشکال اصلی من محدود کردن محتوای فراخوانده شده در بخش دوم هست. یعنی در قسمت محتوی.
همه مثال های اینترنتی هم که برای درست کردن Sidebar بود ( که من تو اینترنت جستجو کرد) فقط در حد درست کردن قالب هست و کلیک کردن و نمایش محتوی قسمت دوم رو ندارند.
من اینجا هر وقت کلیک می کنم a href همه محتوی صفحه دوم را می آورد و جایگزین می کند و من از این به بعد فقط صفحه فراخوانده شده را دارم و دیگر قسمت منوی Sidebar رو از دست دادم.
ممنون می شم اگر راهنمایی بفرمایید.
و یا اگر توضیح ممکن نیست به این دلیل که قبلا در سرفصل ها هست، بفرمایید که در کدام سرفصل و یا کدام پروژه عملی این رو کار کردید؟ خیلی لطف دارید.
توضیحتون خیلی گنگ هست اما تا جایی که متوجه شدم شما موردی رو می خواهید که نیاز به جی کوئری یا جاوااسکریپت داره