问题:我的页面标题是这样布局的(对不起,我还没有足够的代表来直接发布图片,或者发布两个以上的链接。这就是为什么我在第二个中 []ed http://两个链接可以通过它,以防你们中的一些人想通过 Imgur 查看问题而不实际访问相关网页):
http://i.stack.imgur.com/bn0fj.png
但是,当单击标题区域中的任何链接(并且这些链接被分隔在完全不同的类和 div 中)时,(我相信它被称为“活动”),整个链接部分都会变得混乱。登录/注册链接飞离页面,导航链接失去其 float:right 属性。我浏览了我所有的“.class a:link, a:visited a:hover, a:active”,找不到任何应该影响它们的样式!我将尝试以一种可能有人能够在我的 CSS 语法中标记错误的方式来描述我的方法,尽管我认为问题可能并不那么简单。
单击标题中任意位置的链接的效果(注意我说的是“标题,但此标题的样式不是单个标题 div,它是一系列堆叠的、向左或向右浮动的单独 div):
http://i.stack.imgur.com/7oYtG.png
或者:
[http://]i.stack.imgur.com/W87fC.png
甚至飞出页面:
[http://]i.stack.imgur.com/mB0Zh.png
有关此示例,请参见 www.gamemode.org。
我的样式表很大,但我认为我可以通过简单的 CSS 基本技巧而不是“粘贴”修复来描述这一点。
我一直在 GameMode.org 的标题中设置我的链接样式,以便我有一个顶部栏,其登录/注册链接浮动到左侧,以及导航链接浮动到右侧的下部导航部分。我一直在造型的方式如下:
HTML:
<div class="class_name"><a>Link</a></div>
<div class="another_class_name"><a>Link</a></div>
CSS:
.class_name a:link, a:visited, a:active
{
margin:0em 0em 0em 0em;
float:left;
color:somecolor;
(etc)
}
.class_name a:hover
{
(simple hover effect)
}
.another_class_name a:link, a:visited, a:active
{
margin:0em 0em 0em 0em;
float:right;
color:somecolor;
(etc)
}
.another_class_name a:hover
{
(simple hover effect)
}
这些风格有问题吗?有没有人足够慷慨地在 www.gamemode.org 查看我的网页和样式并尝试找出我的问题?我已经使用谷歌浏览器网络工具寻找了很多小时,并且似乎无法找到链接在活动时(被点击时)变得疯狂的来源,尽管我注意到当本地样式被删除时它们不会这样做。
[编辑:我会添加一些 CSS,但由于我无法查明问题,我不能这样做 - 任何想要查看它的人都可以像往常一样轻松查看和篡改 CSS使用谷歌浏览器的检查元素]
[编辑二:上面的代码不只样式化该 div 内的链接吗?示例:| .this_class a:link, a:active { color:red; } | 将与“用红色为 class="this_class" 中的非活动链接和活动链接设置样式相同。” 这是不正确的吗?