ورود

View Full Version : سوال: نمایش عنوان کالا


ali-akbarian
پنج شنبه 01 آبان 1393, 17:37 عصر
سلام دوستان یه سوال ؟
دیجی کالا چطوری یک خط رسم کرده که دو تا رنگ دارد و رنگ اولی که قرمز است نسبت به نوشته بالاش عرض یه خود می گیرد ؟

ممنون
124875
_mojitaba_
پنج شنبه 01 آبان 1393, 20:33 عصر
یه تگ header داره که border-bottomش اون خط خاکستره
داخل تگ header یه تگ h3 داره که border-bottomش اون خط قرمزه
ali-akbarian
دوشنبه 05 آبان 1393, 13:24 عصر
به تگ h3 باید padding-buttom بدیم تا بیفته روی border-buttom پایینی

این pading را که میدیکم باعث میشه تو هر مرورگری 1 px بالا یا پایین باشه : اینجا راه حل چیه

ممنون
ali-akbarian
سه شنبه 06 آبان 1393, 10:06 صبح
کسی نیست به این سوال ما جواب بده ؟

دمتون گرم کمک کنید .....
پیام حیاتی
سه شنبه 06 آبان 1393, 15:51 عصر
به تگ h3 باید padding-buttom بدیم تا بیفته روی border-buttom پایینی

این pading را که میدیکم باعث میشه تو هر مرورگری 1 px بالا یا پایین باشه : اینجا راه حل چیه

ممنون
شما به جای px با % کار کنید.
aroshanzamir
چهارشنبه 07 آبان 1393, 16:16 عصر
من هم امتحان کردم ولی جواب نداد
hsdnhd
پنج شنبه 08 آبان 1393, 10:38 صبح
بفرمایید:

<html>
<head>
<style>
*{padding: 0;margin: 0;font-family: 'tahoma';font-size: 12px;}
a{text-decoration: none;color: #666;}
#wrapper{width:200px;height:200px;border: 2px solid #ccc;float:}
#header{border-bottom: 2px solid #ccc;width: 100%;height: 40px;}
#h3{height: 20px;padding: 10px;border-bottom: red 2px solid;position: absolute;}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="h3">
<a href="#">Digi Kala |Online store</a>
</div>
</div>
</div>
<div id="content"></div>
</div>
</body>
موفق باشید