نمایش نسخه قابل چاپ
سلام
یه متن داریم که border داره چهار طرفه
بعد می خوام این بوردر دو طرفش (بالا و پایین) رو مثل عکس کنم:
http://up.vbiran.ir/uploads/40977150...sit-border.png
https://stackoverflow.com/questions/...into-two-lines
این رو هم دیدم، نتونستم خوب درستش کنم
خود css کدی داره که مستقیما این کار رو کرد؟ یا باید با html و css ترکیبی کار کرد؟
تشکر
سلام
مثال اول یه کم تغییر بدید شبیه چیزی میشه که می خواید :
http://jsfiddle.net/v9f2d/20
بین فاصله هایی خالی Border تکست قرار میگرد؟ مانند قسمت اطلاعات تماس لینک زیر؟
http://www.parsnia.com/contact
تشکر، اما یه چیزی که نتونستم درستش کنم این هست:نقل قول:
نوشته اصلی توسط data20
من یه کادر دیگه ای درست کردم قبلا، اما وقتی این کدها رو می ذارم، میافته زیر کادر من
z-index هم بهش دادم 100000000000000 اما خب نشدش:
http://up.vbiran.ir/uploads/13466150..._boxekhali.png
این شکلی شده. یعنی لینکی که پست اول دادم این خط رو اضافه می کرده، اما مشکل اصلیم همین هست که الان عکس دادم و نتونستم این رو درستش کنم.
تشکر، اما خیر منظورم این نیست. صرفا یه فاصله میخوام بندازم که دوستان زحمت لینکش رو کشیدن.نقل قول:
نوشته اصلی توسط persiandroid
تشکر. نقل قول اول در پاسخ به شما هم هست و اگر امکانش هست نگاهی کنید بهش.نقل قول:
نوشته اصلی توسط kiavaco
با عرض پوزش بدون دیدن کل کد نمی تونم بگم اشکال کجا میتونه باشه
ولی با توجه به عکس مقدار top در before باید برابر با height باشه و مقدار bottom در after مجدد باید برابر height خودش باشه تا دقیقا روی border بیفته به طور مثال :
http://jsfiddle.net/v9f2d/21/
لینک خصوصی ارسال شدنقل قول:
نوشته اصلی توسط data20
تشکر
- - - Updated - - -
متوجه شدم باید چه کنم
اشتباهم این بوده که این کد رو در همون class که border تنظیم کرده بودم می ذاشتم
یه کلاس قبلش این کد رو گذاشتم و اوکی شده
تشکر از سه عزیزی که راهنمایی کردن، خصوصا @data20 که بیشتر