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

[yasharhi]

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


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


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

[mohamad_torabi]

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

[qartalonline]

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

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

3. نداریم.

[mohamad_torabi]

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

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

3. نداریم.

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

[qartalonline]

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

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

[Omid Jackson]

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

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

[qartalonline]

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

[tadayoni]

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

[pary_daryayi]

یه سوال فرعی :

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

[yasharhi]

یه سوال فرعی :

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

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

[darkcms]

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

[m_gh_68]

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

[Omid Jackson]

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

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

[amirrezaq]

یه سوال فرعی :

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

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

[yasharhi]

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

[Omid Jackson]

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

margin-left: auto;

margin-right: auto;

[mehbod.rayaneh]

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

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

[nimavatan]

چطور یک تصویر رو در وسط سایت قرار بدم ؟ (من معمولا 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>

[yasharhi]

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

<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 گذاشتم حل شد

[f_talebi]

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

[qartalonline]

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

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

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

[yasharhi]

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

[Omid Jackson]

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

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

[yasharhi]

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

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

[yasharhi]

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

[Omid Jackson]

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

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

[yasharhi]

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

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

[qartalonline]

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

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

[Omid Jackson]

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

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

[yasharhi]

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

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

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

[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 تا کلاس مثل بالا نوشتم و فقط اون قسمتی که آبی هست رو تغییر دادم.نمی دونم چطور حجم نوشته هامو کم کنم؟؟!!

[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 تا کلاس مثل بالا نوشتم و فقط اون قسمتی که آبی هست رو تغییر دادم.نمی دونم چطور حجم نوشته هامو کم کنم؟؟!!

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

.test ul li div {

}

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

[f_talebi]

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

[دانیال دزفولی]

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

[دانیال دزفولی]

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

[دانیال دزفولی]

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


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

[yasharhi]

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

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

[دانیال دزفولی]

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

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

[yasharhi]

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

فکر کنم @ IMPORT URL رو در جای اشتباهی قرار دادم . درسته ؟

[دانیال دزفولی]

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