جوال سوالف سوفت
من الموقع: Crunchpad, عندما يتحول المستخدم الى منتج فإن القصة تكون حتما مثيرة !!

 

العودة   سوالف سوفت > سوالف برمجة المواقع وتطويرها > البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد
 
LinkBack أدوات الموضوع
عضو فعال
تاريخ التسجيل: May 2006-
#1 (permalink)  
خبراءcss قائمة ul لا تظهر مع اكسبلور 7


السلام عليكم

استغربت من الاعضاء ان اغلبهم لا يستطيع مشاهدة اقسام الموقع في الهيدر أعلا المنتدى رغم اني متأكد من وجودها وظهر السبب اني استخدم فايروفوكس واكسبلور6 وقوقل كروم

ونص الاعضاء يستخدمون المتصفح السابع .. ركبته الآن وظهرت لي مشاكل في التصميم .. فا يالليت اعرف كيف حل المشكلة وين المشكلة اصلا ؟؟!


ملاحظه المشكلة في المنتدى فقط لان عندي الدليل وبنفس التصميم يظهر تمام
http://directory.3i3i3.com/

ولكن قسم الالعاب بعد كل شي طاير منه
http://games.3i3i3.com/






__________________
استمع واشكرني
سطام سعد غير متواجد حالياً   قديم 19-11-2008, 03:29 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: May 2006-
#2 (permalink)  

وه وه سوالف يوم كامل مافيش رد






__________________
استمع واشكرني
سطام سعد غير متواجد حالياً   قديم 21-11-2008, 05:56 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Jun 2007-
#3 (permalink)  

أرجو أخي الكريم توضيح المكشلة بالصور لأني أرى كل شيء طبيعياً






__________________
Lm4web Group
Zkaib - Soon
lm4web غير متواجد حالياً   قديم 21-11-2008, 07:43 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: May 2006-
#4 (permalink)  



وهنا المشكلة







__________________
استمع واشكرني
سطام سعد غير متواجد حالياً   قديم 23-11-2008, 05:14 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Sep 2006-
#5 (permalink)  
Exclamation مرحبا

عاينت كود القائمة في المنتدى وبمشاهدة سورس الصفحة html

وجدت أن القائمة موضوعة في صندوق <div> يأخذ المعرّف headertop#, وهناك مجموعة من الأوسمة <span> أنت مستخدمها لضبط القائمة لا مشكلة هنا، ولكن المشكلة في الوسم الذى يحمل الفئة righthtop. الموجود بداخله القائمة <ul> وهذا خطأ للمعايير القياسية ثم وإن وضعت له أي تأثيرات لن تظهر بشكل سليم، إرجع للمكان الذى وضعت فيه القائمة داخل قوالب المنتدى وأحذف هذا الوسم بدايتة ونهايتة ( المشار بالأحمر ).

كود:
<span class="righthtop">
<ul>
<!-- هنا القائمة العلوية -->
</ul>
</span>
وكرر هذا مع القائمة في الدليل وقسم الألعاب، أنت عندك هناك قائمتين واحدة علوية داخل صندوق يحمل المعرّف headertop# وواحدة أخرى سفلية داخل الصندوق headerdwn#
ثم في css للقائمة إحذف من القائمة ul الخواص
كود:
width: 100%;
float: right;
ومن صندوق المحتوى الكلي content نفسه إحذف العرض، حتى لا يحدث تمدد عرضي كما هو ظاهر لدي الأن بسبب وضعك لحدود..
كود:
width: 100%;
إن لم تتمكن من الحل، تابع في ردك واكتب لي كود القائمة كامل الذى وضعته في القوالب وخصائص css لها.






__________________
كتوم في المصنع {...}
ca2oom غير متواجد حالياً   قديم 24-11-2008, 05:06 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: May 2006-
#6 (permalink)  

ياهلا باخوي احمد

انا عملت مثل ماقلت لي وابشرك ضابط معي

وتقدر تشوف هنا
http://www.3i3i3.com/vb هنا العمل طلع تمام

لكن للاسف مع العاب لا مانفع ونزلت القائمة سطر جديد ..
http://games.3i3i3.com/

لكن خلني اقول اللي فهمته من ردك هو ان قائمة ul ما احطها داخل div او span صحيح ..!!


ونجي الحين للتصميم في نهايته

css
كود PHP:
#content {
    
margin-top0px;
    
margin-rightauto;
    
margin-bottom0px;
    
margin-leftauto;
    
border1px solid #FFFFFF;
}
#headertop {
background#97b1b4 url(images/t4.gif) repeat-x;
    
width100%;
    
margin-top0px;
    
margin-rightauto;
    
margin-bottom0px;
    
margin-leftauto;
    
height28px;
}
#headertop ul{
background:#97b1b4 url(images/t4.gif) repeat-x;
    
margin0;
    
padding0;
    list-
stylenone;
}
#headertop ul li{
float:right;
}
#headertop ul li a {
    
font12px Tahoma;
    
color#FFF;
    
text-decorationnone;
    
displayblock;
    
padding5px 15px;
    
margin0px 0px 0px 0px;
}
#headertop ul li a:hover {
    
color#00CCFF;
    
backgroundurl(images/t4c.gifrepeat-x;
}
#headertop .righthtop {
    
floatright;
    
height28px;
}
#headertop .righthtoptxt {
background#02004e url(images/t1.gif) repeat-x;
    
floatright;
    
height28px;
    
font:Tahomasans-serif;
    
color:#FFFFFF;
}

#headertop .lefthtop {
    
floatleft;
    
height28px;
}
#header {
    
background-color#e9fdff;
    
background-imageurl(images/b1.gif);
    
height114px;
    
width100%;
    
background-repeatrepeat-x;
    
clear:both;
}
#header .righth {
background:#eafdff url(images/b1.gif) repeat-x ;
    
height114px;
    
margin-top0px;
    
margin-rightauto;
    
margin-bottom0px;
    
margin-leftauto;
    
floatright;
}
#header .middleh {
background:#eafdff url(images/b1.gif) repeat-x ;
    
height114px;
    
float:right;
    
margin-rightauto;
    
margin-leftauto;
}
#header .lefth {
    
floatleft;
    
height114px;
}
#header .lefth .dev {
    
floatnone;
}
#headerdwn {
    
background-color#1c9cd2;
    
background-imageurl(images/z.gif);
    
height34px;
    
margin-top0px;
    
margin-rightauto;
    
margin-bottom0px;
    
margin-leftauto;
    
background-repeatrepeat-x;
    
width100%;
}
#headerdwn ul{
background#1c9cd2 url(images/z.gif) repeat-x;
    
margin0;
    
padding0;
    list-
stylenone;
}
#headerdwn ul li{
float:right
}
#headerdwn ul li a {
    
font12px Tahoma;
    
color#e0f5f7;
    
text-decorationnone;
    
displayblock;
    
padding10px 15px;
    
margin0px 0px 0px 0px;
}
#headerdwn ul li a:hover {
    
color#34a6d7;
    
backgroundurl(images/t4c2.gifrepeat-x;
}
#headerdwn .righthawn{
float:right;
height34px;
}
#footertop {
background:#353535 url(images/f.gif) repeat-x;
    
width100%;
    
height:38px;
    
font12px Tahoma;
    
color:#fcfcfc;
}

#footerdwn {
    
background-color#1d1d1d;
    
background-imageurl(images/f2.gif);
    
background-repeatrepeat-x;
    
width100%;
    
float:right;
    
height:100px;
}
#footerdwn .rightfoo{
float:right;
color:#666666;
font12px Tahoma;



#container {
background:#FFFFFF url(images/background2.gif) repeat-x;

وhtm
كود PHP:
<div id="content">
<!--headertop-->
<div id="headertop">
<span class="righthtop"><img src="templates/www/images/t.gif" /></span>
<span class="righthtoptxt">العاب عسكر</span>
<span class="righthtop"><img src="templates/www/images/t3.gif" /></span>
<ul>
    <li><a href="http://www.3i3i3.com/vb/">مركز عسكر</a></li>
    <li><a href="http://games.3i3i3.com/">العاب</a></li>
    <li><a href="http://directory.3i3i3.com">دليل مواقع</a></li> 
    <li><a href="http://www.up.3i3i3.net/">رفع صور</a></li>
    <li><a href="#">مدونات <span style=" font-size:9px; color:#CC0033" >قريبا</span></a></li>
    </ul>
<span class="lefthtop"><img src="templates/www/images/t5.gif" /></span>
</div>
<!--header-->
<div id="header">
<div class="righth"><img src="templates/www/images/logo.gif" /></div>
<div class="middleh"></div>
<div class="lefth"><span class="dev"><script language="javascript" type="text/JavaScript" src="http://www.3i3i3.com/ad3/adview.php?id=1"></script></span></div>
</div>
<!--headerdwn-->
<div id="headerdwn">
<ul>
    <li><a href="<?php echo $siteurl?>/">الصفحة الرئيسية</a></li>
    <li><a href="<?php echo $siteurl?>/memberlist.php">قائمة الاعضاء</a></li>
    <li><a href="<?php echo $siteurl."/links.php"?>">ننصح بالزيارة</a></li> 
    <li><a href="<?php echo $siteurl?>/submit.php">ارسل لعبه</a></li>
    <li><a href="<?php echo $siteurl?>/contact.php">تواصل معنا</a></li>
    </ul>
</div>
<!--container-->
<div id="container">
 </div>
<!--footer-->
<div id="footertop" align="center"><span>   <script src="http://www.ratteb.com/js.js" Language="JavaScript" Type="Text/JavaScript"></script>
 <script Language="JavaScript" Type="Text/JavaScript">
 _rid = 11169;
 _rd = "3i3i3.com";
 _rs = 1;
 _rz = 8901;
 _rfunction(_rid, _rd, _rs, _rz);
 </script>
 <noscript>
 <a href="http://www.ratteb.com" target="_blank"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="رتب لخدمات احصائيات و ترتيب المواقع" border="0" height="18" width="18"></a> | 
 <a href="http://www.ratteb.com/3i3i3.com"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="شبكة عسكر - احصائيات و ترتيب" border="0" height="18" width="18"></a>
 </noscript>
</span>
<span>شبكة<a href="http://www.3i3i3.com" style="color:#FFFFFF">عسكر</a>2006-2008</span>
</div> 
<div id="footerdwn"></div>
<!--endfooter-->
</div>
على فكره اخواني انا فعلت خليه من القائمة العلوية فيها صور ما خذه ازاحه على اليسار
يالليت تشفون وش المشكلة بالضبط فيها

اخوي كتوم انا متأسف جدا للخبطه ذي






__________________
استمع واشكرني
سطام سعد غير متواجد حالياً   قديم 24-11-2008, 08:04 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Sep 2006-
#7 (permalink)  

يمكنك أن تضع القائمة داخل div مستقل لكن لا تضعها داخل span لأن هذا الأخير ينتمي الى مجموعة أوسمة inline
أقرأ أكثر عن هذا في:

المشروع - الفرق بين Block و inline في العناصر
أو...
#6 الأوسمة والعناصر ـ وكيفية التحكم بعرضهم

والحمد لله انه تم حل المشكلة في المنتدى، لكن في الألعاب أنت متأكد انها مازلت موجودة !!!
شاهد المرفق لا توجد أي مشكلة لدي..






الصور المصغرة للصور المرفقة
اضغط على الصورة لعرض أكبر

الاســـم:	ie7.gif‏
المشاهدات:	9
الحجـــم:	83.2 كيلوبايت
الرقم:	43312  
__________________
كتوم في المصنع {...}
ca2oom غير متواجد حالياً   قديم 25-11-2008, 08:13 AM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: May 2006-
#8 (permalink)  

كتوم جزاك الله خير,,

استفدت كالعادة , وتوضحت امور كثير امام الحين


شكرا






__________________
استمع واشكرني
سطام سعد غير متواجد حالياً   قديم 25-11-2008, 03:59 PM
رد مع اقتباس
رد


 

أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تصميمي يعمل علي اكسبلور 7 وفايرفوكس ونت سكيب ولا يعمل علي اكسبلور 6 او اوبرا ما الحل؟ TlT الويب والويب 2.0 والتجارة الالكترونية 3 17-06-2008 10:14 PM
مساعدة : مسافة فارغة تظهر اعلي الصفحة في انترنت اكسبلور ولا تظهر في فايرفوكس سحاب اون لاين البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها 2 20-01-2008 07:30 PM
مشكلة في الانترنت اكسبلور mugrn الأخبار المتعلقة بالإنترنت والتقنية 1 06-12-2006 04:56 PM
كيف اجعل الاستايلات تظهر في قائمة ... abdel3ziz الإصلاح والصيانة 7 08-11-2005 08:05 PM
قائمة المنتديات لا تظهر في ubb 6 ftp الإصلاح والصيانة 2 08-04-2001 01:30 AM


الساعة الآن: 12:30 AM بتوقيت المملكة العربية السعودية