رفتن به مطلب
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید) ×
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید)

جا به جا شدن div

ssll

توسط ssll،
در برنامه نویسی استاتیک

دنبال‌کننده 0

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

ssll

ssll 20

ارسال شده در
ارسال شده در (ویرایش شده)

سلام من توی صفحه ای سه تا 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
لینک به ارسال
Parsa

Parsa 23463

ارسال شده در
ارسال شده در

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

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

  • امتیاز 3
لینک به ارسال
ssll

ssll 20

ارسال شده در
  • مالک
ارسال شده در

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

لینک به ارسال
Morteza

Morteza 34190

ارسال شده در
ارسال شده در

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

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

  • امتیاز 1
لینک به ارسال
ssll

ssll 20

ارسال شده در
  • مالک
ارسال شده در

بازم درست نشد و 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>

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
دنبال‌کننده 0
برو به فهرست موضوع ها
×
×
  • اضافه کردن...