درخواست راهنمایی در رابطه با div و CSS اش

Mohammadali. · Mar 19, 2009

سلام

توی این صفحه:

کد:

http://faster.persiangig.ir/test3.html

چطور div زرد رو به وسط صفحه بیارم ؟

datasun · Mar 19, 2009

ساده است با پاراگراف باید کار کنی
این کد سوالی بود در خدمتم :rose:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
    background-color: #ccc;
}
.wrapper {
    width: 800px;
    margin: 0 auto;
    background-color:#FFFFFF;
    height:500px;
}
#apDiv1 {
        width:800px;
    height:110px;
    background-color:#FFECF5;
    margin:auto;

}
#apDiv2 {
    width:200px;
    height:115px;
    float:right;
    background-color: #E8F3FF;
}
#apDiv3 {
    width:200px;
    height:115px;
    float:right;
    clear:right;
    background-color: #E6FFE6;
}
#apDiv4 {
    width:200px;
    height:115px;
    float:left;
    background-color:#FFFFDF; margin-left:150
}
</style>
</head>
<body>
<div class="wrapper">
<div id="apDiv1"></div>
<div id="apDiv4"></div>
<div id="apDiv2"></div>
<div id="apDiv3"></div>
</div>
</body></html>

Mohammadali. · Mar 19, 2009

ساده است با پاراگراف باید کار کنی

نفیمیدم چی شد !
چه کدی باید به css دیو زرد اضافه کنم؟

datasun · Mar 19, 2009

نقل قول:
ساده است با پاراگراف باید کار کنی
نفیمیدم چی شد !
چه کدی باید به css دیو زرد اضافه کنم؟

دیو زرد رنگ رو بدقت بخون :shock:

margin-left:150

Mohammadali. · Mar 20, 2009

datasun گفت:
دیو زرد رنگ رو بدقت بخون

margin-left:150

اضافه کردم نششششششششششششششششششششششششد

echessdesign · Mar 22, 2009

درود بر شم
اطراحی شما کاملا اشتباه است.
شما باد سطر پایین رو به 2 ستون تقسیم کنید سپس موقعیت خانه زرد را مشخص کنید

Xenon.Mp · Mar 22, 2009

چه قدر چیز میز از همین تاپیک در مورد DIV یادگرفتم

مرجع کاملی در مورد آموزش Div وجود داره ؟!

Mohammadali. · Mar 23, 2009

طراحی شما کاملا اشتباه است.

سلام
منظور شما اینجا بود دیگه درسته؟

HTML:

background-color:#FFFFDF; margin-left:150

من این رو به این شکل تغییر دادم.

HTML:

    margin-left:150px;
    background-color:#FFFFDF;

حالا جالب قضیه اینجاست که مشکل اصلی این نبود! :wink:

مشکل اصلی این بود که یک چیز کوچک جا مونده بود و اون هم قرار دادن px در آخر مقدار margin-left بود که شد به این شکل:
margin-left:150px; و مشکل حل شد.

واقعا بعضی وقت ها چه چیزهای کوچکی باعث میشه برنامه نویس گمراه بشه.:razz:

Mohammadali. · Mar 23, 2009

مرجع کاملی در مورد آموزش div وجود داره ؟!

اگه کسی حوصله پیدا کنه یک چیز کاربردی جمع آوری کنه واسه افرادی که تازه میخوان راه بیفتن خیلی خوب میشه.البته توی سایت های دیگر زیاد دیدم ولی راستش رو بخواین هیچکدوم بدرد من نخورد و سرآخر تجربی تونستم کم کم راه بیفتم و هنوز هم دارم یاد میگیرم. :wink: