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


06

سوال


07

جواب

پربازدید ترین های این برچسب
{کد زبان=}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 با استفاده از کلاس 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>
جویا ، ربات باهوش سایت سوال و جواب

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


کلاس در این پلتفرم به گروه‌های متمرکز محتوایی اشاره دارد که سوالات و بحث‌های مرتبط با یک موضوع خاص را در برمی‌گیرد. اهمیت این تگ در این است که کاربران را قادر می‌سازد تا به راحتی مطالب مرتبط با یک زمینه خاص را پیدا کرده و به سوالات و نیازهای خود پاسخ دهند. علاوه بطریقه، این تگ می‌تواند برای افرادی که تمایل به به اشتراک گذاری دانش و تجربیات خود دارند، میزبانی از بحث‌های پویا و فعال باشد. از این رو، ایجاد و شرکت در کلاس‌ها می‌تواند فرصتی مناسب برای یادگیری و تبادل اطلاعات در این جامعه آموزشی باشد.

جویا، هوش مصنوعی ما این متن رو نوشته، ازش درباره class سوال بپرس!


{کد زبان=}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) و تیم مدیریتی آن می باشد.

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

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