هم اندازه کردن ارتفاع دو div با استفاده از css

با سلام و خسته نباشید خدمت دوستان عزیز،

من چند روز پیش می خواستم دو تا دیو با ارتفاع مساوی بسازم در واقع یکی از آنها عکس بود کنارش نوشته و من می خواستم هم ارتفاع باشند. خییییلی گشتم و در نهایت از  table-cell و table-row و table استفاده کردم. اینها در واقع مقادیر مختلف برای پروپرتی display در css هستند.

کد رو اینجا میارم البته لازم به ذکره که این تنها در IE8 به بالا کار می کنه، اما اگر بخواید می تونید از پروپرتی های مشابه نیز استفاده کنید مثل inline-grid یا inline-block ولی یکم سخت تره کار باهاشون.

همانطور که در کد CSS میبینید ما درون table مستقیماً table-cell قرار دادیم این به این خاطر است که دو ستون داریم برای ستون بیشتر باید سلول ها را درون table-row قرار دهید. به این معنی که یک دیو اضافه می کنید و سلول ها را در آن قرار می دهید.

<div class="row" style="margin-top: 9%;">
    <div class="cell" >
         some text here
    </div>
    <div class="cell" > 
         <img src="picture/resource" />
    </div>                           
</div>

.row {
    width: 93%;
    margin: 3.5%;
    display: table;
    border: 10em;
    -webkit-box-shadow: 0px 1px 2px 0px #000000;
    -moz-box-shadow: 0px 1px 2px 0px #000000;
    box-shadow: 0px 1px 2px 0px #000000;
}
.cell {
    float: none;
    vertical-align: middle;
    display:table-cell;
    width: 8%;
}

نحوه در آوردن یک مثلث در صفحات HTML با استفاه از CSS

سلام دوستان من می خواستم یک شکلی مثل شکل زیر بکشم.

این مثلث را با استفاده از psuedo های before و after انجام می دهیم که کد کامل این قسمت را اینجا می نویسم.

البته این لینکش هست برای مشاهده تغییرات و دیدن خود کد در حال استفاده( دمو )

همانطور که در کد میبینید باید یک دیو داشته باشیم و در اون دیو با استفاده از یک دیو دیگر این مثلث را در بیاریم

اگر مسئله ای یا مشکلی داشتید منتظر نظراتتون هستم .

<div class="sidebar">
    <div class="triangle"></div>
</div>

.sidebar {
    float: right;
}
.sidebar {
    overflow: hidden;
    height: 39px;
    width:33%;
    background: transparent;
    -webkit-box-shadow: -2px 11px 14px 1px #000000;
    box-shadow: -2px 11px 14px 1px #000000;
}
.triangle:before {
    content:"";
    position: absolute;
    left: -16px;
    width: 50%;
    height: 39px;
    top: 0;
    background-color: #559acf;
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    -o-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
}
.triangle:after {
    content:"";
    position: absolute;
    right: -16px;
    width: 50%;
    height: 39px;
    top: 0;
    z-index:50;
    background-color: #559acf;
    -webkit-transform: skew(-40deg);
    -moz-transform: skew(-40deg);
    -o-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
}
.triangle {
    height: 39px;
    background: url("../pics/bgheader.jpg");
    position: relative;
}

معرفی یک راه برای گنجاندن تقویم جلالی در برنامه های اندروید

سلام دوستان،

من چند روز پیش داشتم یک برنامه تو اندروید می نوشتم و به یک DatePicker برای تقویم جلالی نیاز داشتم ولی متوجه شدم که نمیشه DatePicker خود اندروید رو تغییر داد و برنامه نویسیش از اول هم خیلی وقتم رو می گرفت بنابراین من از این استفاده کردم و خیلی راحت کارم رو راه انداخت امیدوارم به دردتون بخوره.

من اینجوری استفاده کردم:

البته این یک راه است ولی راه بسیار خوبی است من که راضی بودم.

برای این من یک View دلخواه استفاده کردم و در آن تگ XML این PersianDatePicker را قرار دادم.

کدی که میبینید تنها قسمتی از کد من هست ولی فکر می کنم در همین حد کافیست اگر به نظرتون کمه بهم خبر بدید.

private class DatePicker extends DialogFragment {
    public static final String tagName = "fragment_date_picker";

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        LayoutInflater inflater = getActivity().getLayoutInflater();
        View view= inflater.inflate(R.layout.fragment_date_time_picker, null);
        final ir.smartlab.persindatepicker.persindatepicker.PersianDatePicker pdp = (ir.smartlab.persindatepicker.PersianDatePicker)view.findViewById(R.id.persiandatepicker);