مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

bahareee

عضویت از 1393/12/13

اسکرول خوردن عکس آپلود شده

  • شنبه 7 شهریور 1394
  • 11:15
تشکر میکنم

سلام.من عکس های آپلود شده را داخل<div class="col-lg-2 ">  قرار دادم اما تصویر از این div خارج میشه.چطور میتونم کاری کنم که اگر تصویر بزگتر بود اسکرول بخوره و مثه تصویر زیر نشه

 

پاسخ های این پرسش

تعداد پاسخ ها : 9 پاسخ
کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • شنبه 7 شهریور 1394
  • 12:27

متوجه سوالتون نمی شم، لطفا کد و تصویر بزرگتری از صفحه تون رو اینجا قرار دهید.

کاربر سایت

bahareee

عضویت از 1393/12/13

  • دوشنبه 9 شهریور 1394
  • 10:33

من در layout برای قسمت های اصلی صفحه هام 8 ستون رو در نظر گرفتم.

ولی وقتی یه تصویر با ابعاد بزرگ  اپلود میشه تصاویر از این 8 ستون خارج میشن

میشه کاری کرد که وقتی عکس از ی حدی ابعادش بزرگتر بود به جای اینکه جای بیشتری بگیره اسکرول بخوره؟ مثه همین سایت

کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • دوشنبه 9 شهریور 1394
  • 11:29

به عکستون width="100%" بدید.

<img src="Image.jpg" width="100%"/>

 

کاربر سایت

bahareee

عضویت از 1393/12/13

  • دوشنبه 9 شهریور 1394
  • 12:26

تصاویر توسط ادیتوری که اینجا اموزش داده شده آپلود میشن.چنین تگی وجو نداره.ما فقط یک کنترلر داریم ک برای آپلود تصویر استفاده میشه و بعد با استفاده از <div>@Html.Raw(@Model.Body)</div> کل محتوایی که داخل ادیتور هست نمایش داده میشه.

کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • دوشنبه 9 شهریور 1394
  • 13:43

استایل زیر رو به صفحه cshtml تون اضافه کنید :

<style type="text/css">
        img {
            width: 100%;
        }
    </style>

 

کاربر سایت

bahareee

عضویت از 1393/12/13

  • دوشنبه 9 شهریور 1394
  • 21:56

به صفحه اضافه کردم باز تغییری نکرد.

<div style="width:100%">@Html.Raw(@Model.Body)</div> به خود div هم اعمال کردم باز فرقی نکرد.

کاربر سایت

bahareee

عضویت از 1393/12/13

  • چهارشنبه 11 شهریور 1394
  • 08:55

راه حلی نیست؟؟؟؟؟؟؟؟؟؟؟؟؟

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • چهارشنبه 11 شهریور 1394
  • 09:00

شما باید With رو به تصاویر اضافه کنید

به Div که RenderBody دارد یک id دهید مثلا maindiv و بعد به شکل زیر عمل کنید

#maindiv img{
width: 100% !important;
}

 

کاربر سایت

bahareee

عضویت از 1393/12/13

  • چهارشنبه 11 شهریور 1394
  • 11:53

خیلی خیلی ممنون

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)