问走出页面
EN

Stack Overflow用户

提问于 2017-07-10 17:27:27

回答 1查看 20关注 0票数 0

我已经在Photoshop中创建了一个导航栏，并使用photoshop中的Save to web功能将其转换为代码，现在导航栏显示正常，但当我添加其他内容代码时，它就会从页面中消失，它的宽度会增加。

我的navbar.html

    <html>
<head>
<title>Couture Collection</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-3) -->
<table id="Table_01" width="1366" height="78" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5">
            <img src="images/navbar_01.png" width="1125" height="21" alt=""></td>
        <td colspan="2">
            <img src="images/navbar_02.png" width="241" height="21" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/navbar_03.png" width="180" height="56" alt=""></td>
        <td>
            <img src="images/navbar_04.png" width="217" height="56" alt=""></td>
        <td>
            <img src="images/navbar_05.png" width="272" height="56" alt=""></td>
        <td>
            <img src="images/navbar_06.png" width="207" height="56" alt=""></td>
        <td colspan="2">
            <img src="images/navbar_07.png" width="414" height="56" alt=""></td>
        <td>
            <img src="images/navbar_08.png" width="76" height="56" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="180" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="217" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="272" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="207" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="249" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="165" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="76" height="1" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

navbar

php

回答 1

Stack Overflow用户

发布于 2017-07-10 17:49:38

1125+241 = 1366和180+217+272+207+414+76 = 1366

因此，如果您添加另一个td，它将增加您的导航并超过1366px。最好的方法应该是使用真正的超文本标记语言+ CSS来制作导航栏，而不是用photoshop生成导航栏，因为它使用的是固定的width (完全没有响应)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45008370

复制

相似问题

问走出页面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问走出页面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问走出页面
EN