سوالی راجع به html

[mehdiv]

با سلام خدمت تمامی دوستان عزیز و گرامی

یه سوال داشتم
من میخوام توی یه صفحه 4 تا کادر کنار هم هم اندازه درست کنم
اما تگ های دیو رو که مینویسم همشون میان زیر هم
یعنی توی css کدشو نوشتم سایز و ... هم تعیین کردم اما توی صفحه که مینویسم میاد زیر هم
چیکار کنم؟؟

[siavashsay]

از خاصیت Float استفاده کنید !
نمونه :


<div style="width:200px; float:left"> Div 1 </div>
<div style="width:200px; float:left">Div 2</div>
<div style="width:200px; float:left">Div 3</div>

[jitman]

سلام
میتونی از تگ frameset هم استفاده کنی
این تگ صفحه رو به چند قسمت تقسیم میکنه
چگونگی تقسیمش هم بستگی به نطر خودت داره
مثلا این یه نمونه که صفحه رو اول به دو قسمت از لحاظ افقی تبدیل میکنه
قسمت اول 100px و قسمت دوم بقیه صفحه است
بعد اون قسمت دوم رو هم به دو قسمت از لحاظ عمودی تقسیم میکنه
کد زیر رو تو تگ html بنویس و اجرا کن خودت نتیجه رو ببینی میفهمی
<frameset rows="100px,*">
<frame frameborder="0" name="topFrame" noresize="noresize" scrolling="no" src="top.php"/>
<frameset cols="*,200px">
<frame frameborder="0" name="mainFrame" noresize="noresize" scrolling="yes" src="main.php"/>
<frame frameborder="0" name="linksFrame" noresize="noresize" scrolling="no" src="links.php"/>
</frameset>
</frameset>

[mehdiv]

سلام نه منظور من رو اشتباه متوجه شدید
ببینید من با css یک کادر طراحی کردم

#food{
height:190px;
width:300px;
border-radius:8px;
border:1px solid #a7aaa9;
background:#fcfcfc;
margin-top:10px;

بعد اومدم با این دستور


<div id="food">اینو تو فایل ایندکس فراخانی کردم
برای هر کدوم از کادر ها هم تو CSS یه کد جدا با اسم جدا نوشتم
اما کادر ها تو صفحه اصلی میان زیر هم

این آدرس سایت هست ببینید


www.copy-right.ir

[mehdiv]

دوستان کجایید؟

[keivan dehghani]

با سلام اگه اشتباه متوجه نشده باشم شما باید با استفاده از دستور زیر به جواب برسید
97059
به تعداد کادر هایی که دارید باید از تگ <td>استفاده کنید مثلا در تصویر بالا من برای دو تا کادر <td>زدم

[mehdiv]

نه اینم نشد

[nsco_nsco]

سلام چرا این رو نبستی <div id="food">
باید ببندی هر کدومشون رو این طوری


</div>


اگر باز این مشکل داشتی دوتا بزن اینطوری


</div></div>

موفق باشی

[nsco_nsco]

اگر درست بود خبر بده

[mehdiv]

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


<div id="products">


</div>
</div>
</div>

[MMSHFE]

دوست عزیز، لطفاً کد کامل صفحه رو بگذارین یا حداقل اون بخشی که مربوط به DIV میشه. اینطوری که نمیشه راهنمایی کرد که دوستان یه بخشی رو بگن و هربار شما قسمتی از کدی که نوشتین رو لو بدین و تازه بفهمیم مشکل از جای دیگه است! این نمونه کد رو ببینید:


<style type="text/css">
#clear {
clear: both;
height: 0;
}
.Float {
border: solid;
float: left;
width: 300px;
}
</style>
<div class="Float">Top , Left </div>
<div class="Float">Top , Right</div>
<div id="clear"></div>
<div class="Float">Bottom, Left </div>
<div class="Float">Bottom, Right</div>

موفق باشید.

[mehdiv]

سلام ببخشید من منظورتون رو متوجه نشدم ببینید این کد کامل این قسمت هست



<div id="products">

</div>
</div>
</div>

<div id="product">

<?php
$con = mysql_connect("localhost","xxx","xxx");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}

mysql_select_db("xxx", $con);

$result = mysql_query("SELECT * FROM xxx");

while($row = mysql_fetch_array($result))
{
echo $row['url'] . " " . $row['img'];
echo "<br />";
}

mysql_close($con);
?>
</table>
</br>
</br>
</div>






<div id="produc">

<?php
$con = mysql_connect("localhost","xxx","xxx");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}

mysql_select_db("xxx", $con);

$result = mysql_query("SELECT * FROM food");
?>
<table width="300" border="1" align="center">
<tr>
<td><div style="text-align:center; color:#C00">Leasure</div></td>
</tr>
<?php
while($row = mysql_fetch_array($result))
{
echo "<tr>";
echo "<td><div style='text-align:center; color:#666666'><a href='".$row['link']."'>".$row['subject']."</a></div></td>";
echo "</tr>";
}
echo "</table>";
mysql_close($con);
?>
</br>
</br>
</div>

<div id="produ">

,اینم آدرس سایت ببینید چجوری شده

www.copy-right.ir

این مربع ها باید بیان کنار هم اما اومدن زیر هم

[Reza1607]

اين رو تست كنيد


<style>
.box{
float:right;
width:49%;
min-height:50px;
border:1px solid #000;
}
</style>
<?php
mysql_select_db("xxx", $con);

$result = mysql_query("SELECT * FROM food");
?>
<table width="300" border="1" align="center">
<tr>
<td><div style="text-align:center; color:#C00">Leasure</div></td>
</tr>
<tr>
<td>
<?php
while($row = mysql_fetch_array($result))
{
echo "<div class='box'><a href='".$row['link']."'>".$row['subject']."</a></div>";
}
echo '</td></tr>';
echo "</table>";
mysql_close($con);
?>

[2undercover]

خیلی ببخشیدها ! اصلا کد های css شما همش غیر استاندارده !

مشکل شما هم به خاصر اینه که همه ی اون دایو های شما همگی توی یک دایو با id یه htitle هستش و htitle عرضش برای اینکه اون سه تا div های product توش کنار هم باشن خیلی کمه!

[mehdiv]

خوب چیکار کنم

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

[siavashsay]

دوست عزیز یه نگاهی به جایی که تگ
<style> رو توش کار کردی انداختی ؟!
آخه عزیز من ! دوست من ! یک ملت رو سر کار گذاشتی !
تگ
<style> میره تو تگ
<head> میشینه ! نه هر جای که شما دلت بخواد !
مثال :


<html>
<head>
<style>
.div{
// Somethings
}
</style>

<title>There is Title page</title>
</head>

<body>
<div class="div"> </div>
</body>
</html>

یکم توجه کن !

[nsco_nsco]

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

[Reza1607]

خوب چیکار کنم

البته اینم بگم اینطور نیست اسم دایو ها با هم فرق داره
کد ها یکی هست اما اسمشون متفاوت هست
شما كدي رو كه براتون گذاشتم رو تست كردين يا نه؟
و به اين نكته هم توجه داشته باشيد كه شما div ها رو تو سلول هاي جدول بكار برديد

[keivan dehghani]

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

[mehdiv]

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

www.copy-right.ir (http://www.copy-right.ir)

و از شما دوست عزیز هم بابت لطفتون ممنونم
فقط الان یه چند تا مشکل جزئی دارم
یکیش اینجاست


http://barnamenevis.org/showthread.php?374985-%D8%A2%D9%BE%D9%84%D9%88%D8%AF-%D9%81%D8%A7%DB%8C%D9%84-%D8%AF%D8%B1-%D8%AF%DB%8C%D8%AA%D8%A7%D8%A8%DB%8C%D8%B3

و مورد بعدی این که با توجه به این که توی این 4 تا کادر سایت اخبار قرار میگیره
میخوام یه اسکرول بار واسش بزارم که بشه اخبار رو مرور کرد اما بلد نیستم

[MMSHFE]

به هرکدوم از divها استایل زیر رو اضافه کنید:
overflow-y: scroll;