webmaster

یک مشکل در کد html و cs

10 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام

من تو کد نویسی همیشه یک مشکل دارم اونم اینه زمانی که یک باکس درست میکنم و یک باکس دیگه زیرش قرار میدم میاد میفته روی باکس بالایی! و زمانی حل میشه که براش تو استایل height بزنم.ولی من میخوام height به صورت Auto باشه برای باکس ها چون داخلش متن قرار میگیره و معلوم نیست چقدر هست.

ساده تر بگم انگار از position: absolute; استفاده کردم.

برای مثال کد زیر رو مشاهده کنید یک باکس داریم به این صورت :


<div class="center">
<div class="box">
<div class="matn-post">
<span> متن </span>
</div>
</div>
<div class="box">
<div class="matn-post">
<span>2 متن </span>
</div>
</div>
</div>


.center {
margin:0 auto;
width:950px;
}
.matn-post {
background: #fff;
float:right;
width:260px;
padding:10px;
}
.matn-post span {
color:#000;
}

البته کد بالا مثال بود.

حالا اینا میان میفتن رو هم از position هم استفاده نمیکنم.

زیرش کد فوتر هم بزنم فوتر هم میاد میفته روی اینا

در استایل از چه چیزی استفاده کنم که همه عناصری که کد میزنم براشون جدا جدا باشن از هم و روی هم نیفتن.

ممنون

ویرایش شده در توسط webmaster
0

به اشتراک گذاری این پست


لینک به پست

به .box این استایل رو بدید :


clear: both;

5

به اشتراک گذاری این پست


لینک به پست

.box ها float:right; دارند که کنار هم بیفتند اگر این کد رو بزنم میرن میفتن زیر هم .

مشکل تو این هست که فقط با height زدن درست میشه.

بی زحمت این نمونه html رو ببینید.

footer اومده چسبده به header

right-side و left-side که هر دو float:right دارند افتادن زیر هم.

New folder.zip

0

به اشتراک گذاری این پست


لینک به پست

مشکلی که من دیدم این بود که .left-side عرضش زیاد بود.

فقط یه 5 - 6 پیکسلی عرضش رو کمتر کنید و نتیجه رو ببینید.

1

به اشتراک گذاری این پست


لینک به پست

ممنون جناب عبدالماجد

به غیر اون مشکل اصلی همون footer هست که میاد میفته رو هدر

اگر دقت کنید زیر منو افتاده که مشکل اصلی هم همینه چون کد هایی بالایی انگار بی اثر شده میاد میفته رو اونا در حالی که باید زیر همشون باشه

0

به اشتراک گذاری این پست


لینک به پست

برای اینکه باکس ها کنار هم بیوفتن باید به تگ اصلی اونها float:right بدید نه به تگ داخل اونها

این رو ببینید - کلیک کنید

1

به اشتراک گذاری این پست


لینک به پست

ممنون اون مشکل رفع شده مشکل اصلی که هست اینکه فوتر رفته زیر منو !

یعنی عناصر بالای فوتر بی اثر شدن که فوتر رفته چسبیده به قسمت منو

0

به اشتراک گذاری این پست


لینک به پست

ممنون اون مشکل رفع شده مشکل اصلی که هست اینکه فوتر رفته زیر منو !

یعنی عناصر بالای فوتر بی اثر شدن که فوتر رفته چسبیده به قسمت منو

یه پیش نمایش انلاینی چیزی ندارید ؟؟؟ چشم بسته که نمیشه گفت مشکلش از چیه ...

0

به اشتراک گذاری این پست


لینک به پست

فایل رو پیوست کردم در پست بالا

0

به اشتراک گذاری این پست


لینک به پست

این دوتا عنصر رو به استایل footer اضافه کنید مشکل حل میشه ....


float: right;
margin-top: 20px;

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط amiriii
      سلام
      برای فروش فایل دانلودی تو ووکامرس مسیر فایل رو از رسانه ها میدم به ووکامرس
      کاربر بعد از خرید وقتی رو لینک میزنه در ابتدا بصورت کلید هست ادرس یو ار ال ولی بعد وقتی دانلود منیجر شروع به دانلود میکنه
      مسیر فایل رو روی هاست نشون میده
      اینطوری کلا قابلیت انقضای فایلهام بی معنی میشه
      چون اون لینکو ذخیره کنه هر جا و به هر کس بده میتونه دانلود کنه
      چطور میتونم اون مسیر که فایل دانلود میشه رو بصورت کد گذاری شده نمایش بدم به خریدار

       

    • توسط msne
      سلام. چطور میشه وقتی یه کاربر اطلاعات گرویتی فرم رو پر و ارسال میکنه، خودش هم اطلاعات فرمی که پر کرده رو ببینه؟ مثلا توی حساب کاربریش
    • توسط mobin05
      سلام دوستان خسته نباشید من خیلی مشکلم هاده لطفا کمک کنید من سایتم و پیوند های یکتارو که از حالت ساده خارج میکنم تمام صفحات غیر از صفحه اصلی ارور 404 میده افزونه هارو غیر فعال کذدم نشده ، از روش هایی که تو همه سایت ها میگن استفاده کردم نشده ، فایل hatcc... و پاکم کردم نشده دسترسی و از 644 به 755 تغییر داد نشده 
    • توسط sohrab298
      با سلام ,برای رفع خطای 
      Uncaught SyntaxError: Unexpected token < in JSON at position 1
          at JSON.parse (<anonymous>)
          at XMLHttpRequest.xmlHTTP.onreadystatechange (myAjax2.html:44)
      باید چه کرد؟؟؟
    • توسط omiiid82
      سلام وقت بخیر. یک وبلاگ دارم ک انرا به دامنه متصل کردم و میخوام در ان اقدام به فروش محصولات دانلودی کنم. خواهشی داشتم راهنمایی کنید ک کاربر پس از پرداخت وجه بعنوان مثال مبلغ محصول160هزارتومان هست ک مشتری بعد از پرداخت بعد لینک دانلود فایل براش نمایش داده بشه.؟؟ خواهش میکنم راهنمایی کنید خیلی ممنونم