Question

我想拿一个免费的模板来启动我的RolePlay论坛，其中有一个“好看的”主页;我找到了这个：Template preview

模板本身工作正常，如果我打开给定的下载index.html没有问题。

然后我“翻译”了那个页面，与我的Symfony合作。

这是我得到的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>
      {% block title %}Way Of Shogun {% endblock %}
    </title>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    {% block stylesheets %}
        <link rel="stylesheet" href="{{ asset('css/main.css') }}" />
        <link rel="stylesheet" href="{{ asset('css/style.css') }}"/>
    {% endblock %}
</head>


<body>
<div id="container">
  <div id="header">
    <div id="nav">
      <ul>
        <li>
          <a href="#">Home</a>
        </li>
        <li>
          <a href="#">Game Guide</a>
        </li>
        <li>
          <a href="#">Interactive</a>
        </li>
      </ul>
      <ul>
        <li>
          <a href="#">Account</a>
        </li>
        <li>
          <a href="#">Support</a>
        </li>
        <li>
          <a href="#">Media</a>
        </li>
      </ul>
    </div>
  </div>
  <div id="content1">
    <div id="text1"> 
      <img src="{{ asset('images/cap-night-elf.gif') }}" alt="Caption" />
      <div class="heading">BEST RELEASE OF THIS MONTH</div>
      <br />
      <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
      <p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
      <p>You can remove any link to our websites from this template you're  free to use the template without linking back to us. Don't want your boss to know you used a free website template ;).</p>
      <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
      <p>
      <div class="heading">MORE GAMES</div>
      </p>
      <p> 
        <span class="flt-lft"><img src="{{ asset('images/image-1.gif') }}" alt="More Games" /></span> 
        <span class="flt-lft"><img src="{{ asset('images/image-2.gif') }}" alt="More Games" /></span> <strong>Gnome mage by Someone</strong><br />
        <br />
        Etiam ullamcorper mi eu libero bibendum consequat. Cras volutpat .<br />
        <span class="flt-rgt"><a href="#">...more</a></span> 
      </p>
    </div>
  </div>
  <div id="pagebottom">
    <div id="left">
      <div id="text2"> <img src="{{ asset('images/cap-community-news.gif') }}" alt="Community News" />
        <p>
        <div class="heading2">THUNDGOT, AEUS, &amp; VANERUS, 19/10/2006</div>
        </p>
        <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
        <p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
        <p>You can remove any link to our websites from this template you're  free to use the template without linking back to us. Don't want your boss to know you used a free website template ;).</p>
        <p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
        <p>To find great hosting providers visit Web Hosting Zoom</p>
      </div>
    </div>
  </div>
</div>


{% block body %}{% endblock %}
  <div id="right">
    <div class="heading2">QUICK LINKS</div>
    <div id="quicklinks">
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Realms Status</a></li>
        <li><a href="#">Account Creation</a></li>
        <li><a href="#">Account Management</a></li>
        <li><a href="#">Cetrieve Passward</a></li>
      </ul>
    </div>
    <div class="heading2">SCREENSHOT OF THE DAY</div>
    <img src="{{ asset('images/screenshot.jpg') }}" alt="Screenshot" /> <br />
    <a href="#">Cross Realm Battlegrounds</a><br />
    <a href="#">World PvP </a><br />
    <a href="#">Rogue Talents revamped </a> 
  </div>

<div id="footer"> 
    <a href="#">Home</a> | <a href="#">Game Guide </a> | <a href="#">Interactive</a> | <a href="#">Community</a> | <a href="#">Account</a> | <a href="#">Support</a> | <a href="#">Media</a>
    <p>
      <a href="#">Legal Documents</a> | 
      <a href="#">Game Policies</a> 
      <br/>©2006 
      <a href="#">WorldofWarcraft.com</a>. All rights reserved. | designed by 
      <a href="http://www.freewebsitetemplates.com">free website templates</a>
    </p>
</div>
</div>
<div align=center>This template  downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div>
</body>
</html>

抱歉，对于糟糕的缩进，清理像这样的代码是疯狂的:( 无论如何，正如我所说，我刚刚翻译过来用资产链接替换图像。但结果是，前端不一样，我看不出有什么不对。

希望你能帮助我;）谢谢。

这是我正在获得的屏幕。更具体地说，我检查了网络呼叫以及所有图像和css以及找到的

如何假设：

再次感谢

Css＆amp; Symfony

0 个答案: