Question

我最近开始为新网页开发项目。我唯一的问题是，在某些网络浏览器（Apple Safari，Mozilla Firefox）上，文本和图像会向左移动。我想知道我是否可以创建一个下拉框来改变文本向左的百分比。

如果有更简单的方法可以让所有浏览器和显示器上的格式显示正常，请告诉我。

我的代码如下所示：

<html> 
    <head>
        <title>GameLikeBacon.com</title>
        <link type="text/css" rel="stylesheet" href="stylesheet.css" />
        <link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico" />
    </head>

    <body>
        <center>
            <IMG SRC="background.gif">
        </center>
        <DIV STYLE="position:absolute; top:100px; left: 15%; width:950px; height:1150px">
            <center>
                <script type="text/javascript">
                    // Empty JavaScript Section, Cookies Not Working
                </script>
                <left><a href="http://www.youtube.com/user/ethan1bacon56?feature=mhee">
    <img src="logo.gif" onmouseover="this.src='logos.gif'" onmouseout="this.src='logo.gif'" style="border-style: none"/>
    </a>
                </left>
                <center><a href="Action Games.html"><img src="actionbutton1.gif" 
      onmouseover="this.src='actionbutton2.gif'" onmouseout="this.src='actionbutton1.gif'"    style="border-style: none"/></a>
 <a href="Adventure Games.html" style="font-family: AR JULIAN; font-size: 25px;">Adventure </a>
 <a href="Arcade Games.html" style="font-family: AR JULIAN; font-size: 25px">Arcade </a>
 <a href="Sports Games.html" style="font-family: AR JULIAN; font-size: 25px;">Sports </a>
 <a href="Strategy Games.html" style="font-family: AR JULIAN; font-size: 25px">Strategy  </a>
                </center>
                 <h2 align="left">Newest Game: Plants vs. Zombies</h2>
 <a href="Plants vs. Zombies.html">
    <img src="zombie.jpg" style="border-style: none;" align="left">
    </a>

                 <h2 align="right">Featured Game: Fancy Pants 1</h2>
 <a href="Fancy Pants 1.html">
    <img src="Fancy.jpg" onmouseover="this.src='Fancy2.jpg'" onmouseout="this.src='Fancy.jpg'" style="border-style: none" align="right">
    </a>

                <right>
                    <img src="Bacon.gif">
                </right>
                <center>
                    <p style="font-size: 35px;">Newest Games</p>
                </center>
                <center><a href="Plants vs. Zombies.html" style="font-size: 25px;"> Plants vs. Zombies </a>
 <a href="Johnny Upgrade.html" style="font-size: 25px;"> Johnny Upgrade </a>
                </center>
                <center>
                    <h1>----------------------------------------</h1>
                </center>
                <center><a href="http://www.youtube.com/user/ethan1bacon56?feature=mhee"><img src="Ad.gif" style="border-style: none;"></a>
                </center>
                <center>
                    <h6>Want your advertisment here?  Contact me at ethandpeck@hotmail.com</h6>
                </center>
                <img src="splash.gif">
        </DIV>
    </body>
</html>

是否有更好的方法可以执行此操作，还是可以使用下拉菜单来确定文本左侧的百分比？顺便说一下，我是11岁，所以不要贬低我，因为这看似简单。

页面格式下拉列表

0 个答案: