0

实时取景:http ://wallingfordrodandgunclub.org/newsite/members/forum/reply.php

当我从页面中删除任何额外内容时,它显示得很好。这也不是小空间,我已经测试将它从它所在的 div 中拿出来,让它占据底部的整个页面。会不会是我的 CSS 样式干扰了它?

这是我的表格。

<FORM METHOD="post" ACTION= "<?php echo $_SERVER['PHP_SELF']; ?>?board=<?php echo $boardID ?>">
    <textarea name="editor1">
    <?php
    echo $postContent;
    ?>
    </textarea>
    <script>
        CKEDITOR.replace( 'editor1' );
    </script>
    <input TYPE="submit" NAME="submit" VALUE="Post"> <input TYPE="submit" NAME="preview" VALUE="Preview"> 
</FORM>
4

1 回答 1

1

这是你的问题:

body a {
  display: block;
  text-decoration: none;
  clear: both;
}

从 main.css 第 14 行开始。CKEditor 必须并排浮动这些链接,并且 clear:both 清除整个页面上每个链接上的浮动。如此普遍地应用规则通常不是一个好主意,最好给这些链接一个类,并将其专门应用于它们。

更新:

这是来自你的CSS。启动 chrome 或 safari,右键单击页面上的任何链接,选择检查元素,然后从右侧的样式面板中取消选中“body a”下的“clear:both”框,然后一切都恢复原状。

我试图从我的按钮链接周围删除 ie 上的蓝色链接。还有另一种方法吗?

行“文本装饰:无;” 将删除链接周围的蓝线之类的东西,如果需要,您可以保留它。目前唯一导致您出现问题的行是“clear:both”,因此您可以将以上内容更改为:

body a {
  display: block;
  text-decoration: none;
}

我通常更愿意给我页面上的所有按钮一个类,如“菜单按钮”,然后将 css 更改为:

a.menu-button{
  display: block;
  text-decoration: none;
  clear: both;
}

或将我的所有按钮嵌套在“菜单”之类的类中,然后将 css 更改为:

.menu a
  display: block;
  text-decoration: none;
  clear: both;
}

这样,只有那些特定的元素会受到影响,而不是页面上的每个链接。

于 2013-11-02T02:24:36.333 回答