ورود

View Full Version : سوال: مشکل در استفاده از تگ دیو


lost_control
یک شنبه 01 مرداد 1391, 17:34 عصر
سلام
من یه تگ دیو دارم که توی اون تگ <hr> که برای نمایش خط افقیه قرار دادم. چیکار باید بکنم که از طریق CSS بتونم این تگ <div> رو بعد از تمام تگ های دیوی که توی صفحه ست بیارم. چون می خوام این خط افقی انتهای پایین صفحه نمایش داده بشه نه بالای اون. کمک کنید لطفا. چطور می شه کاری کرد که موقعیت این تگ نسبت به تگ های بالایی تغییر کنه. یعنی نمی خوام یه جای ثابتی از صفحه باشه می خوام توی هر صفحه زیر محتوای اون باشه... یعنی هر چقدر محتوای صفحه کم و زیاد بشه این خط افقی به فاصله ی مثلا 10 پیکسلی از محتوای صفحه زیر اون نشون داده بشه.
khanlo.javid
یک شنبه 01 مرداد 1391, 17:40 عصر
درود :


دوست عزیز میخوایید خط افقی ثابت باشه یا نه ؟
کدتون رو ضمیمه کنید تا به درستی راهنمایی بشید.
lost_control
یک شنبه 01 مرداد 1391, 17:44 عصر
درود :


دوست عزیز میخوایید خط افقی ثابت باشه یا نه ؟

خب می خوام خط افقی پایین محتوای سایت باشه... و چون محتوای هر صفحه کم و زیاد می شه طبیعتا خط افقی نمی تونه یه جا ثابت باشه و باید نسبت به اون تغییر مکان بده... این خط رو برای footer سایت می خوام که زیر اکثر سایت ها موجود هست. ممنون می شم کمکم کنید.
lost_control
یک شنبه 01 مرداد 1391, 17:50 عصر
این کد HTML مربوطه بدون اسکریپ. صرفا برای اطلاع از موقعیت تگ های div. آخرین تگ div با کلاس footer مد نظر بنده است:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="mycss.css" />
<title>اخبار کتاب</title>
</head>

<body >


<div class="logo">
<img src="image.jpg" alt="LOGO Image" width="200px" height="200px" />
<h1>
کـتــاب آنـلایــن
</h1>
</div>

<br />

<hr />
<div class="linkarea">
<?php
$menu=array('خانه'=>'home.php','اخبار'=>'news.php','کتاب ها'=>'books.php','مدیریت سایت'=>'admin.php');
?>

<table border="1px">
<?php
foreach($menu as $key=>$value)
{
?>
<tr>
<td >
<a href="<?php echo $value; ?>"> <?php echo $key; ?> </a></td>
</tr>
<?php
}
?>
</table>
</div>


<div class="content">

<?php
include ('config.php');
$sql=mysqli_query($db, 'select * from `news` order by `id` desc limit 0,5 ');
?>




</div>


<div class="footer" >

</div>


</body>
</html>
khanlo.javid
یک شنبه 01 مرداد 1391, 18:10 عصر
خوب طبیعتا باید دیوی که توش خط افق هست رو بین footer و دیوی که اطلاعات شما داخلشه قرار بدید، و من فک نکنم مشکلی برای خط افقی به وجود بیاد، اگر باز هم متوجه نشدید با عکس نشون بدید دقیقا مشکل شما کجاست.




موفق باشید.
lost_control
دوشنبه 02 مرداد 1391, 18:44 عصر
وقتی تگ hr می ذارم، خط افقی رو بالای وبسایت نشون می ده! من می خوام خط افقی رو پایین بیاره و باهاش footer بسازم. چطوری این کارو بکنم؟
zahra6377
دوشنبه 02 مرداد 1391, 19:13 عصر
شما تگ دیو رو که توش hr هست رو توی کد html دقیقا بالای دیو footerبنویس.
khanlo.javid
سه شنبه 03 مرداد 1391, 08:51 صبح
شما صفحتون رو + استایل ها و عکس هاش تو فایل فشرده ضمیمه کنید تا بررسی کنیم.
Saber Mogaddas
چهارشنبه 04 مرداد 1391, 09:06 صبح
سلام
به احتمال زیاد مشکل شما از نحو دیو بندی و استایل نویسی هست..به تگ hr استایل float :right; رو اضافه کنید..
در کل شما باید یه دیو کلی برای محتوا و دیو کلی برای فوتر داشته باشید که تگ hr میتونه داخل دیو بخخفثق ویا بیرون اون قرار بگیر .. شما می تونید به وسیله border-top برای تگ footer نیز این کار رو پیاده سازی کنید ..
موفق باشید..
lost_control
شنبه 07 مرداد 1391, 00:58 صبح
سلام
به احتمال زیاد مشکل شما از نحو دیو بندی و استایل نویسی هست..به تگ hr استایل float :right; رو اضافه کنید..
در کل شما باید یه دیو کلی برای محتوا و دیو کلی برای فوتر داشته باشید که تگ hr میتونه داخل دیو بخخفثق ویا بیرون اون قرار بگیر .. شما می تونید به وسیله border-top برای تگ footer نیز این کار رو پیاده سازی کنید ..
موفق باشید..

مرسی حل شد مشکلم ممنونم بازم