CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
不看会后悔的Windows XP之经验谈 简单快捷DIY实用家庭影院
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

在可编辑的iframe区域中怎样在"大层"的右侧从上到下并排放置"小层?不想用表格定位

楼主beihua(水鸟)2003-06-04 08:50:11 在 Web 开发 / JavaScript 提问

在可编辑的iframe区域中怎样在"大层"的右侧从上到下并排放置"小层?不想用表格定位  
  "大层"的高度等于"小层1","小层3","小层5","小层7"的高度之和  
   
  想做的效果如下:  
  大 小层1   小层2  
          小层3   小层4  
          小层5   小层6  
  层     小层7   小层8  
  问题点数:0、回复次数:11Top

1 楼beihua(水鸟)回复于 2003-06-04 09:52:51 得分 0

谁能解决可以问题?  
  帮一下忙吧!!!!!!!!!!!  
  分数可以加到100Top

2 楼beihua(水鸟)回复于 2003-06-04 14:34:39 得分 0

救命呀!!!!!Top

3 楼beihua(水鸟)回复于 2003-06-04 19:08:00 得分 0

up!Top

4 楼rocsnake(编程浪子)回复于 2003-06-04 19:55:09 得分 0

<div   style="width:400;height:1;background-color:red">  
      <span   style="width:100;height:100%;background-color:#ffeecc;"></span>  
      <span   style="width:100;height:100%;background-color:yellow;">  
          <div   style="background-color:#0000ff">aa</div>  
          <div   style="background-color:#0000ef">aa</div>  
          <div   style="background-color:#0000df">aa</div>  
          <div   style="background-color:#0000cf">aa</div>  
          <div   style="background-color:#0000af">aa</div>  
          <div   style="background-color:#00001f">aa</div>  
          <div   style="background-color:#00002f">aa</div>  
          <div   style="background-color:#00003f">aa</div>  
          <div   style="background-color:#00004f">aa</div>  
          <div   style="background-color:#00005f">aa</div>  
          <div   style="background-color:#00006f">aa</div>  
          <div   style="background-color:#00007f">aa</div>  
      </span>  
      <span>&nbsp;</span>  
      <span   style="width:100;height:100%;background-color:yellow;">  
          <div   style="background-color:#0000ff">aa</div>  
          <div   style="background-color:#0000ef">aa</div>  
          <div   style="background-color:#0000df">aa</div>  
          <div   style="background-color:#0000cf">aa</div>  
          <div   style="background-color:#0000af">aa</div>  
          <div   style="background-color:#00001f">aa</div>  
          <div   style="background-color:#00002f">aa</div>  
          <div   style="background-color:#00003f">aa</div>  
          <div   style="background-color:#00004f">aa</div>  
          <div   style="background-color:#00005f">aa</div>  
          <div   style="background-color:#00006f">aa</div>  
          <div   style="background-color:#00007f">aa</div>  
      </span>  
  </div>  
   
   
  是这种效果吗?Top

5 楼rocsnake(编程浪子)回复于 2003-06-04 19:55:53 得分 0

<div   style="width:400;height:1;background-color:red">  
      <span   style="width:100;height:100%;background-color:#ff00cc;"></span>  
      <span   style="width:100;height:100%;background-color:yellow;">  
          <div   style="background-color:#0000ff">aa</div>  
          <div   style="background-color:#0000ef">aa</div>  
          <div   style="background-color:#0000df">aa</div>  
          <div   style="background-color:#0000cf">aa</div>  
          <div   style="background-color:#0000af">aa</div>  
          <div   style="background-color:#00001f">aa</div>  
          <div   style="background-color:#00002f">aa</div>  
          <div   style="background-color:#00003f">aa</div>  
          <div   style="background-color:#00004f">aa</div>  
          <div   style="background-color:#00005f">aa</div>  
          <div   style="background-color:#00006f">aa</div>  
          <div   style="background-color:#00007f">aa</div>  
      </span>  
      <span>&nbsp;</span>  
      <span   style="width:100;height:100%;background-color:yellow;">  
          <div   style="background-color:#0000ff">aa</div>  
          <div   style="background-color:#0000ef">aa</div>  
          <div   style="background-color:#0000df">aa</div>  
          <div   style="background-color:#0000cf">aa</div>  
          <div   style="background-color:#0000af">aa</div>  
          <div   style="background-color:#00001f">aa</div>  
          <div   style="background-color:#00002f">aa</div>  
          <div   style="background-color:#00003f">aa</div>  
          <div   style="background-color:#00004f">aa</div>  
          <div   style="background-color:#00005f">aa</div>  
          <div   style="background-color:#00006f">aa</div>  
          <div   style="background-color:#00007f">aa</div>  
      </span>  
  </div>  
   
   
  是这种效果吗?  
  Top

6 楼beihua(水鸟)回复于 2003-06-05 06:44:18 得分 0

想让"大层"与其它"小层"是并排的,但是放到可编辑的iframe区域中就错位成:  
  大   
   
   
  层      
          小层1   小层2  
          小层3   小层4  
          小层5   小层6  
          小层7   小层8  
   
  而我想要的效果是放到可编辑的iframe区域中是下面这种效果,想让"大层"与其它"小层"是并排的:  
  大 小层1   小层2  
          小层3   小层4  
          小层5   小层6  
  层     小层7   小层8Top

7 楼rocsnake(编程浪子)回复于 2003-06-05 08:06:44 得分 0

你的程序代码是怎样的,写来看看Top

8 楼beihua(水鸟)回复于 2003-06-05 20:46:53 得分 0

可能是我没说明白,我在使用"孟子E章"的HTML编辑器过程遇到一个问题,  
  这个HTML编辑器代码很简单,你可以看看:  
  http://lucky.myrice.com/javascriptexam/htmleditor/editor/editor.htm  
  比如我想做的效果是在这个HTML编辑器的编辑区域(其实就是一个iframe)中加入一个大个的按钮d1,在大按钮的右侧加三个竖向排列的  
  小按钮d2,d3,d4,让这三个小按钮紧挨着大按钮d1右侧竖向排列且d2,d3,d4的高度之和等于d1的高度,不能用表格来定位。  
  d1(高:300,宽200)  
  d2(高:100,宽100)  
  d3(高:100,宽100)  
  d4(高:100,宽100)  
  想让d2,d3,d4在d1的右侧紧挨着d1竖向排列  
   
  但是当插入d1后,光标始终停留在d1的右下角,根本就不能将光标移动到d1的右上角,所以我上面的效果根本就做不出来。Top

9 楼beihua(水鸟)回复于 2003-06-05 21:05:05 得分 0

这是不是iframe本身的BUG????????Top

10 楼rocsnake(编程浪子)回复于 2003-06-06 08:40:21 得分 0

对不起,我上不了http://lucky.myrice.com/javascriptexam/htmleditor/editor/editor.htm  
  被公司封了Top

11 楼beihua(水鸟)回复于 2003-06-07 09:16:46 得分 0

up!Top

相关问题

  • 我想从上到下输出文字?应该怎么办
  • 想让JLabel显示的字是从上到下的。该怎么办?
  • CTreeCtrl中怎么知道当前被选择的是第几项(从上到下)?
  • 大家新年好!图片从上到下移动时有音乐,怎么做
  • 怎样可以将查出来的记录从左到右打出来,而不是从上到下打印啊???
  • dbgrid中tab键只能从上到下移动,不能从左到右移动,怪!
  • 请问怎么把多张图片按照从上到下的顺序拼成一张图片呢?谢谢了
  • 哪里有纵向(从上到下)的组织结构图控件?横向用treeview即可。
  • 请问大虾们:如何实现treeview节点的从上到下的依次给出序号
  • 文字显示方向为从上到下,从左到右,能做吗?谢谢大家

关键词

  • 表格
  • 区域
  • 效果
  • 排列
  • aa aa aa aa aa aa
  • 小层
  • 按钮
  • 编辑器
  • 编辑的iframe区域
  • 高度

得分解答快速导航

  • 帖主:beihua

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo