问:都在学习html,css和axure,我试图制作一个按axure设计的网页,但是在版式上却受阻。我希望在导航中的文本向右对齐的同时,使<nav>部分与徽标图片(id为“ himage”)水平对齐。但是问题是1. <nav>总是比图片低一点,并且我不知道如何在图片保持不变的情况下提高nav。2.我不知道如何正确控制导航的左右边界以使其停留在右侧。我希望可以给你看照片,但是好像我不能在这里上传照片?
任何帮助将非常感激!谢谢
这是我的HTML代码:
< header >
< img src = “ image / SAMOCA_logo_header.png” id = “ himage” > <导航> < h1 >主页</ h1 > < h1 >集合</ h1 > < h1 >关于</ h1 > < h1 >问我们</ h1 > </导航> </标头>
这是我的CSS代码:
标头{边框:纯红色;底边距:20px; }
nav {display:inline-block; 边框:纯红色;文字对齐:右;填充:0 30px 0 30px; 左边距:202px; }
经理{
边框:纯红色;}
h1 {display:inline; 边框:纯红色;边距:20px; padding:10px 10px 10px 10px; }
答:您不应该为菜单项使用h1标签,因为它在语义上不正确。
通常,这些天它们是由无序列表构成的。
h1标签仅适用于标题文本。这是使用浮点数的菜单结构的基本示例。