کمک برای نوشتن کد
سلام
من میخوام یک کدی بنویسم به این شکل باشه
ddd.PNG
کد css
کد phpکد:.line { display:block; margin:10px auto; text-align:center; background:rgba(192,57,43,.7); width:40%; height:2px; border-radius:5px; } .line a { width:50px !important; height:50px !important; font-size:34px; color:#e74c3c; margin:-20px 0; }
ولی هر کاری میکنم نمیتونم فاصله بین دو خط و ایجاد کنم و مانند عکس بالا بشهکد PHP:<div class="line">
<a class="fa fa-cogs"></a>
</div>
پیش نمایش زنده کد
https://jsfiddle.net/fzbbqu99/1/
ویرایش توسط ata3929 : May 9th, 2016 در ساعت 23:24
پاسخ : کمک برای نوشتن کد
عزیز جان اون آیکن چرخ دنده هست یه باکس درست کنید مثلا 50*50 بک گراند سفید بدین بعد استایل تعریف کنید وسط وایسه اینجوری انگار اون دوتا خط از هم جدا شدن.
پاسخ : کمک برای نوشتن کد
از خاصیت position استفاده کنید ... به آیکن هم بکگروند سفید بدید ...
پاسخ : کمک برای نوشتن کد
بفرمائید: https://jsfiddle.net/fzbbqu99/4/
مقدار top رو با توجه به اندازه آیکن میتونید تغییر بدید که دقیقا وسط خط قرار بگیره.
ویرایش توسط 525214 : May 10th, 2016 در ساعت 01:05
...
پاسخ : کمک برای نوشتن کد
از یه خاصیت html بنام fieldset و legend میتونین استفاده کنین
- - - Updated - - -
http://www.w3schools.com/tags/tag_fieldset.asp
پاسخ : کمک برای نوشتن کد
تشکر از همه دوستان
استفاده کردم
- - - Updated - - -
نوشته به عنوان legent قرار میگیره قابلیت جابجایی داره؟؟یا ثابته؟؟؟منظورم اینه اگه بخوام بیارمس وسط میشه؟؟
پاسخ : کمک برای نوشتن کد
بله چرا نشه legend مخصوص اینکارهنوشته اصلی توسط shomalnetwork
تو این کد مقدار margin-left رو تغییر بدین
<!DOCTYPE html>
<html>
<head>
<style>
legend {
display: block;
Margin-left: 20px;
padding-right: 2px;
border: none;
}
</style>
</head>
<body>
<p>A legend element is displayed like this:</p>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
<p>Change the default CSS settings to see the effect.</p>
</body>
</html>
در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)
مجوز های ارسال و ویرایش
پاسخ با نقل قول