Question

实时观看：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>

Answer 1

这是你的问题：

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

来自main.css第14行.CKEditor必须并排浮动这些链接，并清除：两者都清除浮动整个页面上的每个链接。一般来说，应用规则通常不是一个好主意，最好是给这些链接一个类，并专门应用它们。

<强>更新

这是来自你的CSS。启动chrome或safari，右键单击页面上的任何链接，选择inspect元素，然后从右侧的样式面板中取消选中“body a”下的“clear：both”框，并将所有内容快速恢复到位。

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

“text-decoration：none;”这一行将删除链接周围的蓝线等内容，如果需要，可以保留。目前造成问题的唯一一条线是“清除：两者”，因此您可以将上述内容更改为：

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

我通常更愿意将页面上的所有按钮都设为“菜单按钮”，然后将css更改为：

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

或将我的所有按钮嵌套在类似“menu”的类中，然后将css更改为：

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

这样只会影响那些特定元素，而不会影响页面上的每个链接。

CKEditor图标垂直

1 个答案: