نمایش نتایج: از شماره 1 تا 7 , از مجموع 7

موضوع: تقسیم کردن border در css به دو قسمت

  1. #1
    عضو انجمن SaeedFazlollahzadeh آواتار ها
    تاریخ عضویت
    Jan 2015
    محل سکونت
    تهران
    نوشته ها
    487
    تشکر تشکر کرده 
    1,058
    تشکر تشکر شده 
    690
    تشکر شده در
    483 پست

    پیش فرض تقسیم کردن border در css به دو قسمت

    سلام
    یه متن داریم که border داره چهار طرفه
    بعد می خوام این بوردر دو طرفش (بالا و پایین) رو مثل عکس کنم:


    https://stackoverflow.com/questions/...into-two-lines
    این رو هم دیدم، نتونستم خوب درستش کنم

    خود css کدی داره که مستقیما این کار رو کرد؟ یا باید با html و css ترکیبی کار کرد؟

    تشکر

  2. # ADS




     

  3. #2
    عضو انجمن data20 آواتار ها
    تاریخ عضویت
    Nov 2012
    نوشته ها
    105
    تشکر تشکر کرده 
    121
    تشکر تشکر شده 
    151
    تشکر شده در
    106 پست

    پیش فرض پاسخ : تقسیم کردن border در css به دو قسمت

    سلام
    مثال اول یه کم تغییر بدید شبیه چیزی میشه که می خواید :

    http://jsfiddle.net/v9f2d/20
    If you do what you've always done, you'll always get the same result
    Life is too short to be normal ! Stay Weird

  4. تعداد تشکر ها از data20 به دلیل پست مفید


  5. #3
    عضو جدید persiandroid آواتار ها
    تاریخ عضویت
    Feb 2013
    محل سکونت
    قم
    نوشته ها
    99
    تشکر تشکر کرده 
    103
    تشکر تشکر شده 
    174
    تشکر شده در
    129 پست

    پیش فرض پاسخ : تقسیم کردن border در css به دو قسمت

    بین فاصله هایی خالی Border تکست قرار میگرد؟ مانند قسمت اطلاعات تماس لینک زیر؟
    http://www.parsnia.com/contact

  6. تعداد تشکر ها از persiandroid به دلیل پست مفید


  7. #4
    عضو انجمن kiavaco آواتار ها
    تاریخ عضویت
    May 2017
    محل سکونت
    CA , IR
    نوشته ها
    306
    تشکر تشکر کرده 
    437
    تشکر تشکر شده 
    421
    تشکر شده در
    313 پست

    پیش فرض پاسخ : تقسیم کردن border در css به دو قسمت

    Network Security Specialist
    شرکت انتقال داده آوا سامانه ( کیاوا ) به شماره ثبت : ۵۴۹۷۹۲ - مسئولیت محدود
    Telegram | Website

  8. تعداد تشکر ها ازkiavaco به دلیل پست مفید


  9. #5
    عضو انجمن SaeedFazlollahzadeh آواتار ها
    تاریخ عضویت
    Jan 2015
    محل سکونت
    تهران
    نوشته ها
    487
    تشکر تشکر کرده 
    1,058
    تشکر تشکر شده 
    690
    تشکر شده در
    483 پست

    پیش فرض پاسخ : تقسیم کردن border در css به دو قسمت

    نقل قول نوشته اصلی توسط data20 نمایش پست ها
    سلام
    مثال اول یه کم تغییر بدید شبیه چیزی میشه که می خواید :

    http://jsfiddle.net/v9f2d/20
    تشکر، اما یه چیزی که نتونستم درستش کنم این هست:
    من یه کادر دیگه ای درست کردم قبلا، اما وقتی این کدها رو می ذارم، میافته زیر کادر من
    z-index هم بهش دادم 100000000000000 اما خب نشدش:

    این شکلی شده. یعنی لینکی که پست اول دادم این خط رو اضافه می کرده، اما مشکل اصلیم همین هست که الان عکس دادم و نتونستم این رو درستش کنم.
    نقل قول نوشته اصلی توسط persiandroid نمایش پست ها
    بین فاصله هایی خالی Border تکست قرار میگرد؟ مانند قسمت اطلاعات تماس لینک زیر؟
    http://www.parsnia.com/contact
    تشکر، اما خیر منظورم این نیست. صرفا یه فاصله میخوام بندازم که دوستان زحمت لینکش رو کشیدن.
    نقل قول نوشته اصلی توسط kiavaco نمایش پست ها
    تشکر. نقل قول اول در پاسخ به شما هم هست و اگر امکانش هست نگاهی کنید بهش.

  10. #6
    عضو انجمن data20 آواتار ها
    تاریخ عضویت
    Nov 2012
    نوشته ها
    105
    تشکر تشکر کرده 
    121
    تشکر تشکر شده 
    151
    تشکر شده در
    106 پست

    پیش فرض پاسخ : تقسیم کردن border در css به دو قسمت

    با عرض پوزش بدون دیدن کل کد نمی تونم بگم اشکال کجا میتونه باشه
    ولی با توجه به عکس مقدار top در before باید برابر با height باشه و مقدار bottom در after مجدد باید برابر height خودش باشه تا دقیقا روی border بیفته به طور مثال :
    http://jsfiddle.net/v9f2d/21/
    If you do what you've always done, you'll always get the same result
    Life is too short to be normal ! Stay Weird

  11. تعداد تشکر ها از data20 به دلیل پست مفید


  12. #7
    عضو انجمن SaeedFazlollahzadeh آواتار ها
    تاریخ عضویت
    Jan 2015
    محل سکونت
    تهران
    نوشته ها
    487
    تشکر تشکر کرده 
    1,058
    تشکر تشکر شده 
    690
    تشکر شده در
    483 پست

    پیش فرض پاسخ : تقسیم کردن border در css به دو قسمت

    نقل قول نوشته اصلی توسط data20 نمایش پست ها
    با عرض پوزش بدون دیدن کل کد نمی تونم بگم اشکال کجا میتونه باشه
    ولی با توجه به عکس مقدار top در before باید برابر با height باشه و مقدار bottom در after مجدد باید برابر height خودش باشه تا دقیقا روی border بیفته به طور مثال :
    http://jsfiddle.net/v9f2d/21/
    لینک خصوصی ارسال شد

    تشکر

    - - - Updated - - -

    متوجه شدم باید چه کنم
    اشتباهم این بوده که این کد رو در همون class که border تنظیم کرده بودم می ذاشتم
    یه کلاس قبلش این کد رو گذاشتم و اوکی شده

    تشکر از سه عزیزی که راهنمایی کردن، خصوصا @data20 که بیشتر

  13. تعداد تشکر ها از SaeedFazlollahzadeh به دلیل پست مفید


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. اعمال toggle برای border در jquery
    توسط <?php?> در انجمن JavaScript
    پاسخ ها: 1
    آخرين نوشته: February 5th, 2017, 15:14
  2. طلا آی تی|فروش نمایندگی هاست سی پنل (رسیلر-مستر رسیلر-آلفا)
    توسط talait در انجمن فروش نمایندگی هاستینگ
    پاسخ ها: 8
    آخرين نوشته: September 12th, 2014, 17:54
  3. فروش ویژه مستر رسیلر سیف آپ هاستینگ
    توسط jenatmilad در انجمن فروش نمایندگی هاستینگ
    پاسخ ها: 0
    آخرين نوشته: June 24th, 2013, 11:50
  4. درخواست مستر رسیلر و یا رسیلر بجز هنتزر
    توسط iceforum در انجمن درخواست نمایندگی هاستینگ
    پاسخ ها: 6
    آخرين نوشته: January 12th, 2013, 12:17

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •