برای طراحی tabel less از تگ li استفاده می کنید یا تگ div ؟
برای طراحی tabel less از تگ li استفاده می کنید یا تگ div ؟
سلام
به نظر من table یه چیزه بسیار آشفته ایه..
فقط div less راحت مطمئن و پرآوزه..
مطمئنید که اسمش div less هست؟ شبیه به tabel less می مونه !فقط div less راحت مطمئن و پرآوزه..
من خیلی جاها دیدم که از li استفاده می کنن. ایا دلیلی داره که از li استفاده می کنن؟
استفاده از div و li در کنار هم مشکلی پیش نمیاره. تا جایی که من می دونم ترکیب این دو تا با هم هست. از div برای قسمت بندی صفحات و از li برای منوهای افقی و عمودی و همینطور متنهای فهرست وار استفاده میشه.
نه من ظورم این بود که از Div استفاده کنید table منسوخ شده هست..فقط تو جدول های آماده مثل telerik استفاده میشه..
li یا همون لیست هم یکی از امکانات html هست واسه راحتی کار و جاهایی که به درد می خوره استفاده می شه..حتا میشه گروهی از div هارو با دستور display تو css به li لیست تبدیل کرد..امکان گزینه ایه ..
من می خوام بدونم که توی طراحی بدون جدول، استفاده از دایو بهتره یا li ؟li یا همون لیست هم یکی از امکانات html هست واسه راحتی کار و جاهایی که به درد می خوره استفاده می شه..حتا میشه گروهی از div هارو با دستور display تو css به li لیست تبدیل کرد..امکان گزینه ایه ..
div و li شباهتی به هم ندارن ..
برای طراحی از div استفاده کنید..
li خوبیش اینه که راحت می شه بهش پهنا و ارتفاع داد. انگار یه عنصر اینلاین و بلوک هست. ولی هنوز نمی دونم که چرا از li استفاده می شه ؟div و li شباهتی به هم ندارن ..
برای طراحی از div استفاده کنید..
عزیز li همون به فارسی لیست هستش .. شما مثلا چند تا گزینه دارید مثل منو می تونید اینارو با li بنویسید..ولی کل سایتو که نمی شه با li درست کرد..شما داخل تگ های دیو جهایی لازم هست که بصورت گزینه ایی باشه لیستی از موضوعات باشه استفاده کنید..
ما li رو تو microfoft word هم داریم..به نظرم یه search بزن در مورد li تو گوگل و مطالعه کن در موردش..
موفق باشی..
منکه نگفتم نمی دونم li چیه؟ما li رو تو microfoft word هم داریم..به نظرم یه search بزن در مورد li تو گوگل و مطالعه کن در موردش..
خیلی جاها دیدم که برای طراحی بدون جدول از لیستها استفاده می شه.
البته فرم ها رو با لیست و بدون جدول طراحی می کنن. می خوام بدونم که چرا از دایو استفاده نمی کنن. شاید دلیلی دارن که اینکار رو می کنن.
هر کس نسبت به اون قدری که اطلاعات داره استفاده می کنه..
کار درستی نیست..قالبندی با دیو بهتره و استاندارد تره..
وقتی از float استفاده می کنیم، ارتفاع عناصر فرزند در نظر گرفته نمی شه و ارتفاع تگ والد به صفر می رسه.کار درستی نیست..قالبندی با دیو بهتره و استاندارد تره..
این مشکل رو شما چطور حل می کنید؟
دستور زیر رو تست کنید برای li ها
line-height:10px;
بله میشه..ولی درست نیست برای div می تونید از margin-top یا margin-bottom بجاش استفاده کنید..
و یا می تونیم به گروهی از div ها که داخل یه div اصلی هستند display:inline; بدیم و بعد از line-height استفاه کنیم..
طبق گفته شما الان از کدهای زیر استفاده می کنم ولی رنگ پس زمینه تگ والد مشخص نیست. شما برای این مشکل چیکار می کنید؟ البته باید بگم که ارتفاع تگ نامشخصه و نمی شه ارتفاع براش تعیین کرد.بله میشه..ولی درست نیست برای div می تونید از margin-top یا margin-bottom بجاش استفاده کنید..
از کدهای زیر هم که استفاده کنم، ترتیب تگها به هم می خوره.کد HTML:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>tabel less</title> <style type="text/css"> .d1 { width:400px; background-color:#000; } .d2 { float:left; width:200px; background-color:#F00; margin-top:5px; } .d3 { float:right; width:200px; background-color:#00F; margin-top:5px; } </style> </head> <body> <div class="d1"> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> </div> </body> </html>
کد HTML:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>tabel less</title> <style type="text/css"> .d1 { width:400px; background-color:#000; } .d2 { float:left; width:200px; background-color:#F00; margin-top:5px; } .d3 { float:right; width:200px; background-color:#00F; margin-top:5px; } </style> </head> <body> <div class="d1"> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2<br /><br /><br /><br /><br /></div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> </div> </body> </html>
شما دقیقا چه چیزیی می خوایین داشته باشید؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
برای ارتفاع تگ والد باید چیکار کنم؟ چطور باید کاری کرد که ارتفاعش 0 نباشه؟شما دقیقا چه چیزیی می خوایین داشته باشید؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
سلام
شما یه مثال از چیزی که می خواهید و ضمیمه کنید من ارتفاع شو حل کنم..
همین کدی که قبلا دادم، فرض کنید تعداد (جفت) تگهای دایو فرزند داینامیک هستن و می تونن کم و زیاد بشن.
کد HTML:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>tabel less</title> <style type="text/css"> .d1 { width:400px; background-color:#000; } .d2 { float:left; width:200px; background-color:#F00; margin-top:5px; } .d3 { float:right; width:200px; background-color:#00F; margin-top:5px; } </style> </head> <body> <div class="d1"> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> <div class="d2">d2</div><div class="d3">d3</div> </div> </body> </html>
الان فهمیدم منظورتو..
به d1 زیر رو اضافه کن..
overflow: hidden;
موفق باشی..
اگر ارتفاع تگهای در بر گیرنده کمتر از تگ والد باشن، این کد تاثیری نداره. من یه جالت کلی می خوام.به d1 زیر رو اضافه کن..
منظورت رو متوجه نشدم..یعنی میگین اگه d2 , d3 کمو زیاد شن؟؟ یکم واضح تر..
تگ والد d2 , d3 ارتفاعش طوری باشه که رنگ پس زمینه نمایش داده بشه.منظورت رو متوجه نشدم..یعنی میگین اگه d2 , d3 کمو زیاد شن؟؟ یکم واضح تر..
ذاتا نمایش داده میشه..پس زمینه سیاه بین d2 d3 هست
سلام.من متن گفتگو رو خوندم.
فکر می کنم چیزی که می خواین با تغییر d1 به صورت زیر حاصل بشه.
.d1
{
width: 400px;
background-color: #000;
float :left;
}