0

我最近开始为一个新网页做一个项目。我唯一的问题是,在某些网络浏览器(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 岁,所以不要对我投反对票,因为这看起来很简单。

4

0 回答 0