CSS الخط الأفقي

Question

في موقعي أضفت Google Friend Connect. الآن على اليمين حيث يوجد الشريط الجانبي ، يوجد خط صغير. كيف أقوم بإزالة الخط لأنني لا أريده هناك.

Answer 1

هل يمكنك فقط إخفاء الثانية <div id="sidebar"> لا يبدو أن هذا يجب أن يكون مرئيًا ، لذا فإن إخفاء هذا العنصر سيخفيه الداخلي الذي تم إنشاؤه الداخلي <div> التي لها الحدود عليها.

أيضًا ، لا ينبغي أن يكون لديك عنصرين على صفحة مع نفس المعرف. أرى أن هناك اثنان <div id="sidebar"> عناصر. لذلك إذا قمت بتعيين CSS على معرف واحد ، فسيؤثر ذلك على الآخر أيضًا.

يجب عليك إنشاء الثاني الخاص بك <div> مثله:

<div id="sidebar2" style="display:none"></div>

أو الأفضل من ذلك ، قم بإنشاء قاعدة CSS لذلك:

#sidebar2{display:none;}

<div id="sidebar2"></div> 

تعديل: أنت تعرف أن تنظر إليها أقرب قليلاً ، حتى أنني لا أعتقد أنك بحاجة إلى هذه الثانية بأكملها <div id="sidebar">. هل هذا مقصود؟ يبدو أنك تحتاج فقط إلى تضمين البرنامج النصي لـ Google Friend Connect مرة واحدة.

Answer 2

الخط الصغير موجود في الشريط الجانبي الثاني ، أعتقد أنه يجب عليك إزالة الخط الثاني ، لأنه هو نفسه تمامًا. Divs الشريط الجانبي لهما نفس الشيء id, ، هذا غير مسموح به في HTML ، يجب أن يكون المعرف فريدًا في كل صفحة. لهذا السبب لا ترى الصديق يربط الشيء مرتين.

Answer 3

في مكان ما في الكود المصدر ، لديك هذا الخط مما تسبب في ذلك الحدود هناك:

<div style="width: 276px; border: 1px solid rgb(136, 135, 134);" id="div-4699129216425402507"></div>

قد ترغب في إزالته من أجل إزالة تلك الحدود (الخط).

Answer 4

حسنًا ، فقط حاول إزالة الثانية <div id="sidebar">...</div>. يتسبب هذا في الخط الرمادي - وسيؤدي إلى الكثير من أخطاء XHTML لأن بعض المعرفات (التي يجب أن تكون فريدة من نوعها بحكم التعريف) موجودة أكثر من مرة في ترميزك.