سوالات با برچسب img


04

سوال


02

جواب

آخرین جواب ها با این برچسب
سلام!

به نظر می‌رسه که سوال شما درباره‌ی چرخاندن عکس در HTML با استفاده از کلاس CSS هست. اگر از کلاس `rotateimg180` استفاده می‌کنید و عکس به درستی چرخیده نمی‌شود، احتمالا مسئله از تعریف CSS اون کلاس هست. به این شکل می‌تونید عکس خودتون رو 180 درجه بچرخونید:

<br><pre class='prettyprint'><code class='language-html'>
<style>
.rotateimg180 {
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg); /* Standard syntax */
}
</style>
```

و سپس در تگ `img` خودتان کلاس `rotateimg180` را وارد کنید:

```html
<img src="مسیرعکس" class="rotateimg180">
</code></pre>

اگر این کد کار نمی‌کنه، ممکن است به دلایل زیر باشد:
1. مسیر CSS درست وارد نشده باشد یا فایل CSS خارجی که کلاس `rotateimg180` در اون تعریف شده، به درستی لینک نشده باشد.
2. اگر از فایل CSS خارجی استفاده می‌کنید، مطمئن شوید که فایل CSS قبل از بارگزاری تگ `img` لود شده باشد.
3. ممکن است سایر استایل‌ها یا کلاس‌های CSS تداخل ایجاد کرده باشند که مانع اعمال تغییرات می‌شوند.
4. کش مرورگر شما ممکنه که قدیمی باشه و نیاز به ریفرش (F5 یا Ctrl +F5 ) داشته باشه.

اگر بعد از بررسی این موارد باز هم مشکل حل نشد، لطفا کد CSS که برای `rotateimg180` استفاده می‌کنید را اینجا قرار دهید تا بتوانم بهتر کمک کنم.

امیدوارم توضیحات من به شما کمک کرده باشه.<br><br>
به امید موفقیت روز افزون شما،<br>
جویا ، ربات باهوش سایت سوال و جواب

سوال و جواب ها با برچسب img




{کد زبان=}html{برنامه=}<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Computer_Camp</title> <link rel="icon" href="images/logo/عکس کانال آپارات.jpg" type="image/ico" /> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-rtl.min.css"> <link href=" ( لینک ) " rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> </head> <!-- 111 --> <!-- <style> .all-scroll {cursor: all-scroll;} .cell {cursor: cell;} .col-resize {cursor: col-resize;} .copy {cursor: copy;} .e-resize {cursor: e-resize;} .grab {cursor: -webkit-grab; cursor: grab;} .grabbing {cursor: -webkit-grabbing; cursor: grabbing;} .help {cursor: help;} .move {cursor: move;} .n-resize {cursor: n-resize;} .nesw-resize {cursor: nesw-resize;} .nwse-resize {cursor: nwse-resize;} .no-drop {cursor: no-drop;} .none {cursor: none;} .not-allowed {cursor: not-allowed;} .pointer {cursor: pointer;} .progress {cursor: progress;} .row-resize {cursor: row-resize;} .s-resize {cursor: s-resize;} .se-resize {cursor: se-resize;} .sw-resize {cursor: sw-resize;} .text {cursor: text;} .w-resize {cursor: w-resize;} .wait {cursor: wait;} .zoom-in {cursor: zoom-in;} .zoom-out {cursor: zoom-out;} </style> --> <!-- end111 --> <body class="rtl "> <!--Home --> <div id="home"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <a href="#" class="nabar-brand"> <img src="images/logo/غکس کانال جدید قبلی آپارات.jpg" alt="Computer_Camp" width="30" height="30"> </a> <a class="navbar-brand" href="#">Computer_Camp</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">خانه <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">درباره ما</a> </li> <li class="nav-item"> <a class="nav-link" href="amozesh.html">آموزش ها </a> </li> <li class="nav-item">

{کد زبان=}html{برنامه=}<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Computer_Camp</title> <link rel="icon" href="images/logo/عکس کانال آپارات.jpg" type="image/ico" /> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-rtl.min.css"> <link href=" ( لینک ) " rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> </head> <!-- 111 --> <!-- <style> .all-scroll {cursor: all-scroll;} .cell {cursor: cell;} .col-resize {cursor: col-resize;} .copy {cursor: copy;} .e-resize {cursor: e-resize;} .grab {cursor: -webkit-grab; cursor: grab;} .grabbing {cursor: -webkit-grabbing; cursor: grabbing;} .help {cursor: help;} .move {cursor: move;} .n-resize {cursor: n-resize;} .nesw-resize {cursor: nesw-resize;} .nwse-resize {cursor: nwse-resize;} .no-drop {cursor: no-drop;} .none {cursor: none;} .not-allowed {cursor: not-allowed;} .pointer {cursor: pointer;} .progress {cursor: progress;} .row-resize {cursor: row-resize;} .s-resize {cursor: s-resize;} .se-resize {cursor: se-resize;} .sw-resize {cursor: sw-resize;} .text {cursor: text;} .w-resize {cursor: w-resize;} .wait {cursor: wait;} .zoom-in {cursor: zoom-in;} .zoom-out {cursor: zoom-out;} </style> --> <!-- end111 --> <body class="rtl "> <!--Home --> <div id="home"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <a href="#" class="nabar-brand"> <img src="images/logo/غکس کانال جدید قبلی آپارات.jpg" alt="Computer_Camp" width="30" height="30"> </a> <a class="navbar-brand" href="#">Computer_Camp</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">خانه <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">درباره ما</a> </li> <li class="nav-item"> <a class="nav-link" href="amozesh.html">آموزش ها </a> </li> <li class="nav-item">
{کد زبان=}html{برنامه=}<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Computer_Camp</title> <link rel="icon" href="images/logo/عکس کانال آپارات.jpg" type="image/ico" /> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-rtl.min.css"> <link href=" ( لینک ) " rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> </head> <!-- 111 --> <!-- <style> .all-scroll {cursor: all-scroll;} .cell {cursor: cell;} .col-resize {cursor: col-resize;} .copy {cursor: copy;} .e-resize {cursor: e-resize;} .grab {cursor: -webkit-grab; cursor: grab;} .grabbing {cursor: -webkit-grabbing; cursor: grabbing;} .help {cursor: help;} .move {cursor: move;} .n-resize {cursor: n-resize;} .nesw-resize {cursor: nesw-resize;} .nwse-resize {cursor: nwse-resize;} .no-drop {cursor: no-drop;} .none {cursor: none;} .not-allowed {cursor: not-allowed;} .pointer {cursor: pointer;} .progress {cursor: progress;} .row-resize {cursor: row-resize;} .s-resize {cursor: s-resize;} .se-resize {cursor: se-resize;} .sw-resize {cursor: sw-resize;} .text {cursor: text;} .w-resize {cursor: w-resize;} .wait {cursor: wait;} .zoom-in {cursor: zoom-in;} .zoom-out {cursor: zoom-out;} </style> --> <!-- end111 --> <body class="rtl "> <!--Home --> <div id="home"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <a href="#" class="nabar-brand"> <img src="images/logo/غکس کانال جدید قبلی آپارات.jpg" alt="Computer_Camp" width="30" height="30"> </a> <a class="navbar-brand" href="#">Computer_Camp</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">خانه <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">درباره ما</a> </li> <li class="nav-item"> <a class="nav-link" href="amozesh.html">آموزش ها </a> </li> <li class="nav-item">
{کد زبان=}html{برنامه=}<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Computer_Camp</title> <link rel="icon" href="images/logo/عکس کانال آپارات.jpg" type="image/ico" /> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-rtl.min.css"> <link href=" ( لینک ) " rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> </head> <!-- 111 --> <!-- <style> .all-scroll {cursor: all-scroll;} .cell {cursor: cell;} .col-resize {cursor: col-resize;} .copy {cursor: copy;} .e-resize {cursor: e-resize;} .grab {cursor: -webkit-grab; cursor: grab;} .grabbing {cursor: -webkit-grabbing; cursor: grabbing;} .help {cursor: help;} .move {cursor: move;} .n-resize {cursor: n-resize;} .nesw-resize {cursor: nesw-resize;} .nwse-resize {cursor: nwse-resize;} .no-drop {cursor: no-drop;} .none {cursor: none;} .not-allowed {cursor: not-allowed;} .pointer {cursor: pointer;} .progress {cursor: progress;} .row-resize {cursor: row-resize;} .s-resize {cursor: s-resize;} .se-resize {cursor: se-resize;} .sw-resize {cursor: sw-resize;} .text {cursor: text;} .w-resize {cursor: w-resize;} .wait {cursor: wait;} .zoom-in {cursor: zoom-in;} .zoom-out {cursor: zoom-out;} </style> --> <!-- end111 --> <body class="rtl "> <!--Home --> <div id="home"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <a href="#" class="nabar-brand"> <img src="images/logo/غکس کانال جدید قبلی آپارات.jpg" alt="Computer_Camp" width="30" height="30"> </a> <a class="navbar-brand" href="#">Computer_Camp</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">خانه <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">درباره ما</a> </li> <li class="nav-item"> <a class="nav-link" href="amozesh.html">آموزش ها </a> </li> <li class="nav-item">


چند سوال تصادفی




پرسش سوال جدید :: تبلیغات در سوال و جواب :: گروه های سوال و جوابی

تمامی حقوق مادی و معنوی، متعلق به وب سایت سوال جواب (soja.ai) و تیم مدیریتی آن می باشد.

طراحی و اجرا : گروه مشاوران فناوری اطلاعات

پاسخ های موجود در سایت توسط کاربران سایت ثبت می شود،
سایت سوال و جواب هیچ مسئولیتی در قبال صحت و محتوی پاسخ ها ندارد، هرچند تا حد امکان نظارت بر محتوی آنها صورت می گیرد.