Css 尝试谷歌字体-现在链接不'；行不通_Css_Fonts_Hyperlink

Css 尝试谷歌字体-现在链接不'；行不通

css fonts hyperlink

Css 尝试谷歌字体-现在链接不'；行不通,css,fonts,hyperlink,Css,Fonts,Hyperlink,我今天早些时候开始在这个网站上工作。我不擅长css，但我学得很快。我试图使用谷歌字体，但当我把代码放进索引页面的头部时，一件非常奇怪的事情发生了我的链接停止工作。我取出了代码，并将其从样式表中删除，但由于某些原因，链接仍然无法单击。我已经试着玩了好几个小时，但谷歌没有给我任何可靠的答案我真的很感激能得到的任何帮助。该网站可在这是我的html： <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> &l

我今天早些时候开始在这个网站上工作。我不擅长css，但我学得很快。我试图使用谷歌字体，但当我把代码放进索引页面的头部时，一件非常奇怪的事情发生了

我的链接停止工作。我取出了代码，并将其从样式表中删除，但由于某些原因，链接仍然无法单击。我已经试着玩了好几个小时，但谷歌没有给我任何可靠的答案

我真的很感激能得到的任何帮助。该网站可在

这是我的html：

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DeShepper Designs</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body >

<div id="header">
    <div class="wrap">
        <div class="logo">
            <a href="index.html"><img src="images/headerlogo.jpg"></a>
        </div>
        <div class="menu">
            <p><a href="gallery.html">Gallery</a> | <a href="graphicdesign.html">Graphic Design</a> | <a href="contact.html">Contact</a></p>
        </div>

    </div>
</div>

<div id="dividerimg"><center><img src="images/seperatorline.png"></center></div>

<div class="contentcontainer">
    <div id="content">
        <h1>Welcome to DeSchepper Designs</h1>
        <p>Original artwork and graphic design images by Lindsey DeSchepper.&nbsp; 
        The majority of the paintings I do are created with acrylic medium on 
        canvas with various sizes and styles.&nbsp; The graphic design work was 
        created using Photoshop, Illustrator and Picture It.</p>
        <p>I'm very passionate about art and enjoy the creative outlet.&nbsp; I 
        hope you like what you see and thanks for stopping by.</p>
        <p align="right"><img src="images/signature.png"></p>


    </div>
    <div class="#content.prettyladypicture">
        <p align="right"><img src="images/me-painting.jpg" height="338" width="284"></p></div>

</div>
<div id="redfootertop"></div>

<div id="footerred">
    <div class="wrap">
            © 2013 - DeSchepper Design    </div>
</div>
<div id="footergray">
    <div class="wrap">
            COPYRIGHT CONTACT WHATEVER</div>
</div>
</body></html>

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DeShepper Designs</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body >

<div id="header">
    <div class="wrap">
        <div class="logo">
            <a href="index.html"><img src="images/headerlogo.jpg"></a>
        </div>
        <div class="menu">
            <p><a href="gallery.html">Gallery</a> | <a href="graphicdesign.html">Graphic Design</a> | <a href="contact.html">Contact</a></p>
        </div>

    </div>
</div>

<div id="dividerimg"><center><img src="images/seperatorline.png"></center></div>

<div class="contentcontainer">
    <div id="content">
        <h1>Welcome to DeSchepper Designs</h1>
        <p>Original artwork and graphic design images by Lindsey DeSchepper.&nbsp; 
        The majority of the paintings I do are created with acrylic medium on 
        canvas with various sizes and styles.&nbsp; The graphic design work was 
        created using Photoshop, Illustrator and Picture It.</p>
        <p>I'm very passionate about art and enjoy the creative outlet.&nbsp; I 
        hope you like what you see and thanks for stopping by.</p>
        <p align="right"><img src="images/signature.png"></p>


    </div>
    <div class="#content.prettyladypicture">
        <p align="right"><img src="images/me-painting.jpg" height="338" width="284"></p></div>

</div>
<div id="redfootertop"></div>

<div id="footerred">
    <div class="wrap">
            © 2013 - DeSchepper Design    </div>
</div>
<div id="footergray">
    <div class="wrap">
            COPYRIGHT CONTACT WHATEVER</div>
</div>
</body></html>

下面的div正在“阻塞”标题

<div id="dividerimg"><center><img src="images/seperatorline.png"></center></div>

我试图删除它和链接的工作。因此，谷歌字体并没有造成问题。

这是因为您的

#dividerimg

在标题上重叠

尝试将此添加到您的CSS for

#dividerimg

：

z-index : -1

那应该能解决你的问题

另外，

标记现在已被弃用。你应该使用CSS来对齐你的内容。

如果可能的话，请用小提琴提供更新的代码！谢谢！！！我不知道是我的分隔线引起了问题。我认为标题图像导致了问题。谢谢你的建议。我知道中间的标签已经过时了，但是我已经好几年没有使用html了。旧习惯很难改掉，当我有疑问时，我会坚持我所知道的。我研究了使用CSS的正确方法，现在正在更新它。

z-index : -1