• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
مشکل در قرار گیری تگ a بصورت زیره هم
#1
سلام دوستان
دوستان چند تا لینک دارم که اولش کناره هم قرار گرفته بودن بعدش بوسیله تگ <p> اونا رو بصورت زیره هم قرار دادم ولی بارم اون دو تا تگ a آخری درست کار نمیکنن.
خلاصه به چه صورت میشه لینک ها رو زیره هم قرار داد؟
http://upload7.ir/?p=preview&s=1&q=Sf5W4...SUer2N&s=1
کد:
<a class="s" href="#">سوالات متداول</a>
                </p>
                    <a class="s" href="#">پشتیبانی آنلاین</a>
                <p>

                    <a class="s" href="#">درباره ما</a>
                </p>
                <p>
                    <a class="s" href="#">همکاری با ما</a>
                </p>
                <a class="s" href="#">همکاری با ما</a>
  پاسخ
تشکر شده توسط :
#2
سلام،
دقیقا نفهمیدم چی شد، چون نه کدی بود نه عکسی،
ولی توی CSS اگه از display: block; استفاده کنین میشه هر تگ توی یک خط باشه.
غایب
  پاسخ
تشکر شده توسط :
#3
(۱۳۹۴ اردیبهشت ۳۱, ۱۱:۲۹ ب.ظ)Alaa نوشته: سلام،
دقیقا نفهمیدم چی شد، چون نه کدی بود نه عکسی،
ولی توی CSS اگه از display: block; استفاده کنین میشه هر تگ توی یک خط باشه.

سلام
پست رو آپدیت کردم، روشی که گفتین جواب نداد
  پاسخ
تشکر شده توسط :
#4
کدی که نوشتم رو ببینین. مشکلش چیه ؟ مگه همین رو نمی‌خواستین ؟

اگرم حتما می‌خواین از تگ پاراگراف استفاده کنین، ترتیب باز و بسته شدن ‌<p> رو رعایت کنین.
غایب
  پاسخ
تشکر شده توسط :
#5
(۱۳۹۴ خرداد ۰۱, ۱۲:۲۰ ق.ظ)Alaa نوشته: کدی که نوشتم رو ببینین. مشکلش چیه ؟ مگه همین رو نمی‌خواستین ؟

اگرم حتما می‌خواین از تگ پاراگراف استفاده کنین، ترتیب باز و بسته شدن ‌<p> رو رعایت کنین.


درسته ولی نمیدونم چرا بیشتر از سه تا لینک رو نشون نمیده!

ببینید:http://jsfiddle.net/moein21/n1uep8xz/
پایین صفحه قسمت فور
  پاسخ
تشکر شده توسط :
#6
ببینید نتیجه رو.
یکم کدهاتون خوب نوشته نشده.
تاثیری که المنت‌ها رو هم می‌زارن رو دقت نکردین.
بهتون پیشنهاد میکنم هر وقت به مشکل برخوردین از طریق inspect element توی مرورگر کروم کدهاتون رو بررسی کنین.
غایب
  پاسخ
تشکر شده توسط :
#7
ممنون، میشه بگید ایراد از چی بود؟
  پاسخ
تشکر شده توسط :
#8
توی کلاس‌ها یا آی‌دی‌های زیر تغییر دادم. خودتون تغییرات رو مشاهده کنین.
کد:
#help a
.footer-sections
h4.footer
فکر کنم همین‌ها بود.
غایب
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان