چند سوال ساده html

چند سوال ساده html داشتم
1-
min-height: 1000px یعنی چی ؟


2-overflow: hidden; یعنی چی ؟


3- تگی با عنوان [right] داریم ؟!

اولیه رو فکر کنم میگه ارتفاع حداقل این باشه سومی من تو html5 دیده بودم

1. حداقل ارتفاع 1000 پیکسل.

2. اگه محتویات داخل تگی که به آن این استایل داده شده بیشتر از ارتفاع و عرضی که برای تگ تعیین شده باشد (سر ریز شدن) محتوای اضافه رو نشون نخواهد داد.

3. نداریم.

نقل قول:

---

نوشته شده توسط qartalonline

1. حداقل ارتفاع 1000 پیکسل.

2. اگه محتویات داخل تگی که به آن این استایل داده شده بیشتر از ارتفاع و عرضی که برای تگ تعیین شده باشد (سر ریز شدن) محتوای اضافه رو نشون نخواهد داد.

3. نداریم.

---

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

نقل قول:

---

نوشته شده توسط mohamad_torabi

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

---

نه چنین تگی ندارم.
کدشو بذارید تا بررسی بشه.

نقل قول:

---

نوشته شده توسط mohamad_torabi

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

---

<right> نیست ولی تو CSS همچین چیزی داریم
www.w3schools.com/cssref/pr_pos_right.asp

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

در html 5 این مسئله امکان پذیر می باشد که یک تگ جدید ایجاد کنید ولی بهتره این کار رو برای راست چین کردن از طریق css انجام بدید

یه سوال فرعی :

شماها از تگ های article , section ,side و ... که بعضی هاشون در html5 هستند , در طراحی قالب استفاده میکنید ؟
من برای طراحی قالب فقط از div و استایل دادن به اونا استفاده میکنم.

نقل قول:

---

نوشته شده توسط pary_daryayi

یه سوال فرعی :

شماها از تگ های article , section ,side و ... که بعضی هاشون در html5 هستند , در طراحی قالب استفاده میکنید ؟
من برای طراحی قالب فقط از div و استایل دادن به اونا استفاده میکنم.

---

من استفاده نمی کنم . چون عادت ندارم . این کار باعث میشه کار استاندارد نباشه ؟

با سلام و درود.
مهم این است که شما از چه نسخه ای از html ، در طراحی استفاده می کنید.
اگر از html5 در طراحی استفاده می نمایید باید بگویم بله ؛ می شود گفت که استاندارد html5 را رعایت نکرده اید.
در html5 مفهوم خیلی مهم می باشد و برای سئو بودن و همچنین موارد دیگر باید از تگ های جدید استفاده نماییم تا هم استاندارد html5 را رعایت کرده باشیم و هم این که موتور های جستجوگر ما را بهتر ایندکس نمایند.
یادمان باشد از دیگران عقب نمانیم!
به امید فردایی بهتر!:لبخندساده:

سلام .من تازه برنامه نویسی رو شروع کردم. یک عکس دارم که کلی آیکن داخل آن دارد. اگه بخوام از این عکس ها استفاده کنم بهتره تک تک اونها رو توی div بیارم یا توی html در تگ <img> ؟؟؟
اگه توی تگ <img>بیارم باید style تعریف کنم.
البته الان توی css آوردمشون تا مرتب باشن.
کدومشون استاندارد تر هست؟

نقل قول:

---

نوشته شده توسط m_gh_68

سلام .من تازه برنامه نویسی رو شروع کردم. یک عکس دارم که کلی آیکن داخل آن دارد. اگه بخوام از این عکس ها استفاده کنم بهتره تک تک اونها رو توی div بیارم یا توی html در تگ <img> ؟؟؟
اگه توی تگ <img>بیارم باید style تعریف کنم.
البته الان توی css آوردمشون تا مرتب باشن.
کدومشون استاندارد تر هست؟

---

منظورتون اینه؟

نقل قول:

---

نوشته شده توسط pary_daryayi

یه سوال فرعی :

شماها از تگ های article , section ,side و ... که بعضی هاشون در html5 هستند , در طراحی قالب استفاده میکنید ؟
من برای طراحی قالب فقط از div و استایل دادن به اونا استفاده میکنم.

---

من ازین قرتی بازیا خوشم نمیاد:لبخند:

چطور یک تصویر رو در وسط سایت قرار بدم ؟ (من معمولا margin از طرف چپ سایت تعریف می کنم )

نقل قول:

---

نوشته شده توسط yasharhi

چطور یک تصویر رو در وسط سایت قرار بدم ؟ (من معمولا margin از طرف چپ سایت تعریف می کنم )

---

margin-left: auto;

margin-right: auto;

نقل قول:

---

نوشته شده توسط pary_daryayi

یه سوال فرعی :
شماها از تگ های article , section ,side و ... که بعضی هاشون در html5 هستند , در طراحی قالب استفاده میکنید ؟
من برای طراحی قالب فقط از div و استایل دادن به اونا استفاده میکنم.

---

سوال مگه جادس ک فرعی و اصلی داشته باشه؟ :لبخند:
استفاده از اینها در سئو ب شما بسیار کمک خواهد کرد.
میتوانید در http://html5doctor.com/element-index/ طریقه استفاده را با مثال عملی مشاهده کنید!
اگر استفاده نمیکنید ب نظر بهتر است نوع html را ورژن 4 بگذارید و از همون div استفاده کنید! چون اسپایدرا وقتی html5 بخونن دنبال اینایی ک گفتید خواهند گشت!

نقل قول:

---

نوشته شده توسط yasharhi

چطور یک تصویر رو در وسط سایت قرار بدم ؟ (من معمولا margin از طرف چپ سایت تعریف می کنم )

---

سلام - فکر می کنم این حالت جواب بده

<head>
<title></title>
<style>

#div_img{
width: 500px;
height: 500px;
margin: auto auto;
}


</style>
</head>

<body>
<div id="div_img">
<img src="m.JPG" width="500px" height="500px"/>
</div>

</body>

نقل قول:

---

نوشته شده توسط nimavatan

سلام - فکر می کنم این حالت جواب بده

<head>
<title></title>
<style>

#div_img{
width: 500px;
height: 500px;
margin: auto auto;
}


</style>
</head>

<body>
<div id="div_img">
<img src="m.JPG" width="500px" height="500px"/>
</div>

</body>

---

بله
margin رو که auto گذاشتم حل شد

منم یه سوال ساده از css دارم! فرق position absolute با relative چیه دقیقا و کجا از کدوم استفاده میشه

نقل قول:

---

نوشته شده توسط f_talebi

منم یه سوال ساده از css دارم! فرق position absolute با relative چیه دقیقا و کجا از کدوم استفاده میشه

---

absolute : موقعیت عنصر بصورت مطلق (وابسته به عنصر نیست)
relative : موقعیت عنصر نسبت به تگ والد

اینجا رو ببینید.

من یک اسلاید شو به سایتم اضافه کردم ( دقیقا زیر منو ) و به یک مشکل برخوردم وقتی روی منو ها میرم زیر منو ها نمایش داده نمی شوند چونکه زیر اسلاید شو هستن . کلا می خواستم ببینم دلیل اینکه کدام دیو بالاتر نمایش داده بشه چیه ؟ به z-index ربط داره ؟

نقل قول:

---

نوشته شده توسط yasharhi

من یک اسلاید شو به سایتم اضافه کردم ( دقیقا زیر منو ) و به یک مشکل برخوردم وقتی روی منو ها میرم زیر منو ها نمایش داده نمی شوند چونکه زیر اسلاید شو هستن . کلا می خواستم ببینم دلیل اینکه کدام دیو بالاتر نمایش داده بشه چیه ؟ به z-index ربط داره ؟

---

بله با z-index میتونین بیارین بالاتر
هرچی عدد بیشتر باشه، اولویت نمایش بیشتره یعنی رو قرار میگیره

نقل قول:

---

نوشته شده توسط Omid Jackson

بله با z-index میتونین بیارین بالاتر
هرچی عدد بیشتر باشه، اولویت نمایش بیشتره یعنی رو قرار میگیره

---

ممنون با عدد دادن به z-index حل شد .

من یک فوتر به سایتم اضافه کردم که وقتی اسکرولر رو می برم بالا به زیر سایت میره ؟!
این هم فوتر
http://demo.tutorialzine.com/2013/08...ut-footer-css/

نقل قول:

---

نوشته شده توسط yasharhi

من یک فوتر به سایتم اضافه کردم که وقتی اسکرولر رو می برم بالا به زیر سایت میره ؟!
این هم فوتر
http://demo.tutorialzine.com/2013/08...ut-footer-css/

---

سوالتون رو میشه واضحتر بگین؟

نقل قول:

---

نوشته شده توسط Omid Jackson

سوالتون رو میشه واضحتر بگین؟

---

اگر به دمو هم نگاه کنید اسکرولر مرورگر رو که بالا میبرم فوتر زیر سایت میره . کی خواهم بدونم چرا و چطور می تونم این ویژگی رو حذف کنم ؟ ( اسکرولر رو بالا ببرید و ببینید اولین چیزی که محو میشه چیه ؟ )

نقل قول:

---

نوشته شده توسط yasharhi

اگر به دمو هم نگاه کنید اسکرولر مرورگر رو که بالا میبرم فوتر زیر سایت میره . کی خواهم بدونم چرا و چطور می تونم این ویژگی رو حذف کنم ؟ ( اسکرولر رو بالا ببرید و ببینید اولین چیزی که محو میشه چیه ؟ )

---

اون کد ساختارش اونجوریه. لازم نیست از کد آماده استفاده کنید میتونید خودتون فوتر رو مثل سایر قسمتها درست کنید.

نقل قول:

---

نوشته شده توسط yasharhi

اگر به دمو هم نگاه کنید اسکرولر مرورگر رو که بالا میبرم فوتر زیر سایت میره . کی خواهم بدونم چرا و چطور می تونم این ویژگی رو حذف کنم ؟ ( اسکرولر رو بالا ببرید و ببینید اولین چیزی که محو میشه چیه ؟ )

---

بخاطر position و z-index هست که توی CSS دادن بهش
شما باید این ها رو حذف کنین و توی CSS تغییر ایجاد کنین تا زیر کل سایت نره
من خواستم این کار رو بکنم ولی فوتر بهم میریزه

نقل قول:

---

نوشته شده توسط qartalonline

اون کد ساختارش اونجوریه. لازم نیست از کد آماده استفاده کنید میتونید خودتون فوتر رو مثل سایر قسمتها درست کنید.

---

نقل قول:

---

نوشته شده توسط Omid Jackson

بخاطر position و z-index هست که توی CSS دادن بهش
شما باید این ها رو حذف کنین و توی CSS تغییر ایجاد کنین تا زیر کل سایت نره
من خواستم این کار رو بکنم ولی فوتر بهم میریزه

---

بازم ممنون . خودمم css رو خیلی تغییر دادم و نتیجه نگرفتم . مشابه همین رو خودم از اول درست می کنم

نقل قول:

---

نوشته شده توسط Omid Jackson

منظورتون اینه؟

---

آره مثل این
.icon
{
width:30px;
height:30px;
float:right;
border-left:solid #999 1px ;
margin:0;
padding:0;
list-style:none;
background:url(1338634645_web_elements.jpg) no-repeat -329px -15px;
}
اما چون من از توی این عکس 10 آیکنش رو انتخاب کردم اومدم 10 تا کلاس مثل بالا نوشتم و فقط اون قسمتی که آبی هست رو تغییر دادم.نمی دونم چطور حجم نوشته هامو کم کنم؟؟!!:متفکر:

نقل قول:

---

نوشته شده توسط m_gh_68

آره مثل این
.icon
{
width:30px;
height:30px;
float:right;
border-left:solid #999 1px ;
margin:0;
padding:0;
list-style:none;
background:url(1338634645_web_elements.jpg) no-repeat -329px -15px;
}
اما چون من از توی این عکس 10 آیکنش رو انتخاب کردم اومدم 10 تا کلاس مثل بالا نوشتم و فقط اون قسمتی که آبی هست رو تغییر دادم.نمی دونم چطور حجم نوشته هامو کم کنم؟؟!!:متفکر:

---

به سادگی
کد هایی که مشترک هستن رو باید مسیر مشترک بینشون رو پیدا کنی (مثلا یه مسیر از المنت ها) مثل:

.test ul li div {

}

کد های مشترک رو برای این ها بزنین یعنی کد هایی که بین آیکون ها مشترک هستن رو وارد کنین بعد برای هر کدوم از این آیکون ها هم میتونین کلاس بنویسین هم اینکه بنویسین فرزند چندم از کدوم المنت هستن بعد اونجا background-position بهش بدین
نمونه

من یه سوال ساده دیگه هم داشتم. اگه میشه درمورد clear: both توضیح بدین. و چرا ازش استفاده میشه

برای وسط گداشتن یک شی می تونید از این دستور استفاده کنید
margin:0 auto

فک کنم کلیر بوف برای این باشه که به اشیا دیگه اجازه نمیده که بیان توی حریم اون مثلا اگه تو تا دیو داریم که پوزیشن ریلیتیو دارن هیچ وقت با کلیر بوف نمیشه هر دورا توی یک خط گذاشت و روی هم نمیان
اما اگه بخواید هر دو کنار هم باشن باید کلیر رایت و لفت بدید

راستی پرسیده بودید که چطور میشه که وقتی زوم می کنید همه چیز بهم میریزه جوابش رو پیدا کردم


دلیل :شما همه چیز رو می ذارید توی یک دیو و به اون عرض و ازتفاع 100 درصد میدید که درسته ولی اشتباه اینجاست که باید مین بدید مثلا برای عرض مین وایدت 1240 پیکسل بدید درست میشه

نقل قول:

---

نوشته شده توسط f_talebi

من یه سوال ساده دیگه هم داشتم. اگه میشه درمورد clear: both توضیح بدین. و چرا ازش استفاده میشه

---

یعنی هر دو طرفش پاک باشن و چیزی دو طرفشم نباشه

نقل قول:

---

نوشته شده توسط yasharhi

یعنی هر دو طرفش پاک باشن و چیزی دو طرفشم نباشه

---

دقیقا منظورم همین بود

من برای اولین بار از گوگل فونت استفاده کردم و فایلها رو طبق دستوراتش قرار دادم ولی بالای سایتم یک ارور میده
http://upload.tehran98.com/upme/uplo...6f47699531.png
فکر کنم @ IMPORT URL رو در جای اشتباهی قرار دادم . درسته ؟

توی این سایت برید بهتره
ifont.ir