حل شده

در مورد لایو سرور ویژال کد

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

html_css

ایت همتی

@ayat1364

ثبت پرسش جدید

پاسخ‌ها

MagicalDev

@magicaldev13 سال پیش مطرح شد

تخصص: Laravel Developer

بهترین پاسخ

عملا داخل کد ها هم مشکلی نبود که بخوایم بگیم به خواطر اون ها بوده که اجرا نشده .
اگه روی مرورگر اج ران شده درست . پس باید روی کروم هم بیاد و عملا مشکل از مرورگر نیست .
میتونید به جای استفاده از cdn از خود فایل استفاده کنید و مجدد بررسی کنید احتمالا مشکل برطرف میشه .
اگه برطرف نشد میتونید از بقیه idea ها یا کد ادیتور های دیگه ای استفاده کنید که اونا هم لایو سرور داره مثل براکت یا وب استورم .
موفق باشید

ارسال پاسخ

MagicalDev

@magicaldev13 سال پیش مطرح شد

تخصص: Laravel Developer

درود . به طور معمول که نباید همچین اتفاقی بیوفته .
ولی اون قسمت کدتون که میگید اجرا نمیشه رو قرار بدید .

ارسال پاسخ

ایت همتی

@ayat13643 سال پیش مطرح شد

ممنون از شما الان با مرور گر ا ینترنت اکسپلور وede امتحان کردم درست نشون میداد کل کد هامو چه طور بفرستم همینجا کپی کنم

ارسال پاسخ

شاید پاسخ شما همین‌جا باشد

@ayat13643 سال پیش مطرح شد

&lt;!DOCTYPE html&gt;  
&lt;html lang="en"&gt;  
&lt;head&gt;  
&lt;meta charset="UTF-8"&gt;  
&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;  
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;  
&lt;title&gt;Document&lt;/title&gt;  
&lt;link rel="stylesheet" href="https://roocket.ir/./h.css"&gt;  
&lt;link rel="stylesheet" href="https://roocket.ir/<https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css>"&gt;  
&lt;/head&gt;  
&lt;body&gt;

&lt;div class="cler"&gt;&lt;/div&gt;  
&lt;div id="bod"&gt;  
&lt;nav&gt;  
&lt;ul&gt;  
&lt;li&gt;&lt;a href="#home"&gt;صفحه اصلی&lt;i class="fa fa-caret-down"&gt;&lt;/i&gt;&lt;/a&gt;  
&lt;ul class="one"&gt;

                    <div class="cler"></div>
                    <li><a href="#عکس">عکس</a></li> 
                    <li><a href="#متن">متن</a></li>
                    <li><a href="#صوت">صوت</a></li>
                </ul>
            </li>
            <li><a href="#vist">عضویت<i class="fa fa-caret-down"></i></a>
                <ul class="one">
                    <li><a href="#new">جدید</a></li>
                    <li><a href="#old">قدیمی</a></li>
                </ul>
            </li>
            <li><a href="#cont">تماس</a></li>
            <li><a href="#abot">توضیحات</a></li>

        </ul></nav>
        <div>
            <a><h1 id="ayat" >ayat</h1></a>

        </div>
<div class="cler"></div>

&lt;/div&gt;  
&lt;div id="com"&gt;slam &lt;br&gt;&lt;span&gt;خوش امدید&lt;/span&gt;&lt;/div&gt;  
&lt;p&gt;&lt;span&gt;Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita  
quis fugit non assumenda reiciendis, fuga sequi totam velit excepturi  
quasi distinctio ullam tempora. Laboriosam accusantium recusandae  
veritatis nam, pariatur molestias?&lt;/span&gt;&lt;/p&gt;

<div class="cler"></div>

&lt;/body&gt;  
&lt;/html&gt;

ارسال پاسخ

ایت همتی

@ayat13643 سال پیش مطرح شد

body{  
background: linear-gradient(150deg,rgba(221, 193, 150, 0.596)  
,rgba(74, 74, 156, 0.171),rgba(94, 196, 94, 0.733));  
}

# bod

{width: 80%;height:800px;box-sizing: border-box;margin:0% 10%;  
border-radius: 10px;  
background-color: #faebd7;  
padding: 5px;  
border: 2px red solid;  
box-shadow: 1px 1px 10px 2px rgb(29, 29, 8);}

# ayat{width: 100px;height: 100px;border-radius: 50%;

background:skyblue url(a.jpg) no-repeat 0px 0px/cover;  
box-sizing: border-box;  
}

# ayat{text-align:right;

padding: 0px;  
border: 2px rgb(238, 255, 0) solid;  
box-shadow: 0px 1px 50px rgb(29, 29, 8);  
margin-top: 70px;  
}

# cler{clear: both;}

# com{width: 100px;height:50px ;

background:linear-gradient( 150deg, rgba(167, 94, 94, 0.637),rgba(134, 134, 218, 0.493),rgba(13, 243, 13, 0.452));  
position:fixed;  
right:10px;  
bottom: 400px;  
border-radius: 50px;  
text-align:center;

box-sizing: content-box;  
}

# com:hover{box-shadow: 5px 5px 5px rgb(255, 238, 0);}

span{font-size: 20px;  
color: rgb(194, 69, 20);}  
span:hover{box-shadow: 5px 5px 5px rgb(73, 131, 131);  
}

# cler{clear: both;}

nav{background:rgba(95, 95, 51, 0.678); direction:rtl; text-align: right;padding-right: 1px;  
border-radius: 50px;  
}  
nav li{  
display:inline-block;padding:5px 5px;line-height: 20px;margin-top: 0;  
list-style: none; font-size: x-large;  
}  
nav ul li a {text-decoration: none;}  
nav li ul{display: none; background: rgba(2, 245, 34, 0.144); text-align: right;  
}  
nav li a:hover{background: rgba(0, 255, 255, 0.329);  
text-shadow: 1px 1px 1px rgb(7, 7, 2); }  
.one ul {position: relative;}

nav li:hover ul.one{ display: block;position: absolute;margin:5px;transition: 10s;  
color: rgba(0, 0, 255, 0.301);font-size: 20px;}

nav li ul li{display: block;}  
.one,li{text-align:right;border-radius: 10px; border: 2px solid rgb(247, 247, 18);}

ارسال پاسخ