رفتن به مطلب

جا به جا شدن div


پست های پیشنهاد شده

سلام من توی صفحه ای سه تا div در کنار هم درست کردم منتهی وقتی عرض صفحه رو که کم می کنیم div ها هم می یان پایین و به هم میریزه اینم کد ها


<div style="font-weight:99600;color:#9DB2D5;text-align:right;direction:rtl;width:500px;float:right;padding-right:15px;overflow-y:scroll;overflow-x:hidden;height:120px;margin-top:6px">

</div>



<div style="font-weight:99600;color:#25F3EB;text-align:right;direction:rtl;float:right;padding-top:6px;width:500px;padding-lef:15px;overflow-y:scroll;height:120px">

</div>




<div style="font-weight:99600;color:#9DB2D5;height:120px;text-align:left;direction:rtl;float:left;padding-top:3px;padding-left:8px;overflow-y:scroll;overflow-x:hidden">


</div>


داخل هر div هم محتوای خودشون رو گذاشتم مشکل این هست وقتی عرض صفحه رو کم می کنیم div ها می یفتن پایین

ویرایش شده توسط ssll
لینک به ارسال

درست هم همین هست

اگر میخواهید جا‌به‌جا نشوند یک div در سطح بالاتر ایجاد و اندازه دهید

لینک به ارسال

خب من میخوام مثل همه جزئیات دیگه صفحه جا به جا نشن اگه قرار بود جا به جا بشه مثلا هدر یا منو ها و ... می یفتادن پایین . خب مشکلم توی درست کردنشه هست که تایپیک زدم

لینک به ارسال

چون دو تا بلوک با عرض 500 دارید و عرض کمتر از 1000 بشه ریتم اینها بهم میخوره

برای این هم کاری نمیشه کرد مگر اینکه شما این نوع اندازه دهی رو به درصد تغییر بدید

لینک به ارسال

بازم درست نشد و div اخری می یفته پایین داخل هر دیو هم تازه ترین خبر ها رو گذاشتم . متهی فعلا مشکلم این هست div اخری می یاد پایین که میخوام جا به جا نشن . و محتوای هر div که مطلب هست عنوانشون هم می یاد پایین اگه اینم مشکلش حل بشه خوبه اگه هم نشد همون div حل بشه ایرادی نداره . سپاس


<?php
/*
Template Name: news frame Head
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title> head</title>
<base target="_top" />
<!-- استایل -->
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.css" type="text/css" />
<?php wp_head();?>
</head>
<body style="background-color:#aaa">


<div style="font-weight:99600;color:#9DB2D5;text-align:right;direction:rtl;width:34%;float:right;padding-right:15px;overflow-y:scroll;overflow-x:hidden;height:120px;margin-top:6px">


<div class="nav">
<?php if ( !dynamic_sidebar( 'newsframe') ) : ?>
<div class="menu">
<h3 ><a title="نام" href="http://www..ir/" target="_blank"> <p style="color: #F00"> "نام 1" </p> </a></h3>
<ul>

<table style="height:20px;border-bottom:1px solid #ccc;background:#dddddd;line-height:1.5em;">
<td style="width:34%;">

<?php
$args = array( 'numberposts' => '10' );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '"target="_blank"
title="Look '.esc_attr($recent["post_title"]).'" >' . $recent["post_title"].'</a> </li> ';
}
?>
</td>
</table>
</ul>
</div>
<?php endif; ?>
</div>
<?php wp_footer(); ?>


</div>




<div style="font-weight:99600;color:#25F3EB;text-align:right;direction:rtl;float:right;padding-top:6px;width:34%;padding-lef:15px;overflow-y:scroll;height:120px">



<div class="nav">
<?php if ( !dynamic_sidebar( 'newsframe') ) : ?>
<div class="menu">
<h3 ><a title="نام" href="http://www..ir/" target="_blank"> <p style="color: #F00"> "نام 1" </p> </a></h3>
<ul>

<table style="height:20px;border-bottom:1px solid #ccc;background:#dddddd;line-height:1.5em;">
<td style="width:34%;">

<?php
$args = array( 'numberposts' => '10' );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '"target="_blank"
title="Look '.esc_attr($recent["post_title"]).'" >' . $recent["post_title"].'</a> </li> ';
}
?>
</td>
</table>
</ul>
</div>
<?php endif; ?>
</div>
<?php wp_footer(); ?>


</div>



<div style="font-weight:99600;color:#25F3EB;text-align:right;direction:rtl;float:right;padding-top:6px;width:30%;padding-lef:15px;overflow-y:scroll;height:120px">



<div class="nav">
<?php if ( !dynamic_sidebar( 'newsframe') ) : ?>
<div class="menu">
<h3 ><a title="نام" href="http://www..ir/" target="_blank"> <p style="color: #F00"> "نام 1" </p> </a></h3>
<ul>

<table style="height:20px;border-bottom:1px solid #ccc;background:#dddddd;line-height:1.5em;">
<td style="width:30%;">

<?php
$args = array( 'numberposts' => '10' );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '"target="_blank"
title="Look '.esc_attr($recent["post_title"]).'" >' . $recent["post_title"].'</a> </li> ';
}
?>
</td>
</table>
</ul>
</div>
<?php endif; ?>
</div>
<?php wp_footer(); ?>


</div>


</body>
</html>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...