صندوق الركن المددد باستخدام CSS مع Nifty لا يعمل، ساعدني

https://stackoverflow.com/questions/1277789

16-09-2019
|

سؤال

أنا أحاول وضع مستطيل مدور باستخدام تقنية Nifty. ولكن لا تعمل مساعدتي. الرمز الخاص بي أدناه

St.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="nifty.js"></script>
<link href="niftyCorners.css" rel="stylesheet" type="text/css" />
<link href="niftyPrint.css" rel="stylesheet" type="text/css" />
<link href="stm.css" rel="stylesheet" type="text/css" />



<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
    return;
Rounded("div.indian","#377CB1","#9BD1FA");
}
</script> 


</head>



<body>
<div class="indian">
<p>I am an Indian</p>
</body>
</html>

STM.CSS.

@charset "utf-8";
/* CSS Document */

.indian
{
 height:300px;
 width:300px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:18px;
}

ساعدني

المحلول

لكu003Cdiv class="indian" style=";text-align:right;direction:rtl"> غير مغلق. ربما هذا هو الحفاظ على جافا سكريبت من العثور علىu003Cdiv style=";text-align:right;direction:rtl"> في دوم.
تحتاج إلى تعيين "الوسائط" لنملقة الطباعة الخاصة بك. تخفي ورقة أنماط الطباعة كل العمل الذي يفعله Nifty JS.
أنت لا تحدد ألوان الخلفية للصفحة أو "الهندي"u003Cdiv style=";text-align:right;direction:rtl"> وبعد دون القيام بذلك، لن يعمل التأثير بشكل صحيح.
لا أعتقد أن تحديد ارتفاع "الهندي"u003Cdiv style=";text-align:right;direction:rtl"> هو مدعوم عند استخدام تقنية Nifty.

تصحيح هذه الأخطاء، يعمل الكود الخاص بك كما رأينا هنا: http://demo.raleighbuckner.com/so/1277789/

أيضا، يجب عليك استخدام الإصدار الأحدث من تقنية Nifty الموجودة هنا: http://www.html.it/articoli/niftycube/index.html.

نصائح أخرى

HTML الخاص بك غير صحيح. أنت في عداد المفقودين إغلاق الحف:

<body>
<div class="indian">
<p>I am an Indian</p>
</div> <!-- This was missing -->
</body>

أيضا، أنت تستخدم الإصدار القديم من Nifty. جرب الإصدار الأحدث: http://www.html.it/articoli/niftycube/index.html.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow