Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用HTML与Photoshop创建导航栏_Html_Css_Photoshop - Fatal编程技术网

使用HTML与Photoshop创建导航栏

使用HTML与Photoshop创建导航栏,html,css,photoshop,Html,Css,Photoshop,在我的网站上,我想要一个导航栏。我正在考虑在Photoshop中制作背景,然后将其用作无序列表(HTML显示实际文本)的背景,以显示栏中的项目。最好是这样做还是在Photoshop中的项目上生成文本?如果我用第二种方法,我如何使图片的每个不同部分都可以点击?你提出了正确的问题,并且问得正确,这很好。 尽可能使用图像作为背景,但不要将文本作为图像放在可以避免的地方,尤其是在菜单中。 原因有两个:一是搜索引擎无法读取内容,二是辅助功能屏幕阅读器无法读取内容,用户无法通过浏览器放大文本 你的分数可能是

在我的网站上,我想要一个导航栏。我正在考虑在Photoshop中制作背景,然后将其用作无序列表(HTML显示实际文本)的背景,以显示栏中的项目。最好是这样做还是在Photoshop中的项目上生成文本?如果我用第二种方法,我如何使图片的每个不同部分都可以点击?

你提出了正确的问题,并且问得正确,这很好。 尽可能使用图像作为背景,但不要将文本作为图像放在可以避免的地方,尤其是在菜单中。 原因有两个:一是搜索引擎无法读取内容,二是辅助功能屏幕阅读器无法读取内容,用户无法通过浏览器放大文本

你的分数可能是这样的

.nav{
     background-image:url("bg.jpg");
     background-repeat:no-repeat;
     width:yourwidth;
     height:yourheight;
     display:block;
}
.nav li{
     list-style:none;
     float:left;
     margin-left:20px;
     margin-right:20px;}
加价

<ul class="nav">
    <li><a href="#">Link</a></li>
     <li><a href="#">Link</a></li>
     <li><a href="#">Link</a></li>
</ul>

@JaredFarrish我希望那是讽刺。是的。我误解了这个问题。如果你能将明文与CSS结合使用,那就走这条路吧。没问题祝你好运,随时可以问这样的问题:)