Нужна помощь в преобразовании файла HTML / CSS в шаблон в коде воспламенителя

Question

У меня проблемы с переносом HTML / CSS / javascript и jquery в шаблон в Code igniter. Это HTML-код, который у меня есть

    <div id="container" >
    <div id = "header">    
        <div>
            <a id = "logo" href="index.php"> </a>       
        </div>    
        <div id="topnav" class="topnav"> <a href="registration.php" class="register"> <span> Register </span></a>
          <a href="" class="signin"><span> Login</span></a> 
        </div>         
    </div>
    <fieldset id="signin_menu" style="right:auto;z-index:2001;left:70%;">
        <form method="POST" id="signin" action="login.php" >
            <label for="username">Username or email</label>
              <input id="username" name="username" value="" title="username" tabindex="4" type="text"/>
               <p>
                <label for="password">Password</label>
                <input id="password" name="password" value="" title="password" tabindex="5" type="password"/>
              </p>
              <p class="remember">
                <input type="hidden" name="originating_uri" value="<?php $_REQUEST['originating_uri'] ?>" />
                <input id="signin_submit" value="Login" tabindex="6" type="submit" name="submit"/>
                <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox"/>
                <label for="remember">Remember me</label>
              </p>
              <p class="forgot"> <a href="#" id="resend_password_link">Forgot your password?</a> </p>
              <p class="forgot-username"> <a id=forgot_username_link
                title="If you remember your password, try logging in with your email" 
                href="#">Forgot your username?</a>
              </p>
        </form>
    </fieldset>

    <div id="menubar">
        <ul class="menulist">
            <li>
                <a href="index.php">Home </a>
                <a href="#">Generator </a>
                <a href="#">News </a>
                <a href="#">Forum </a>
                <a href="#">About </a>
                <a href="feedback.php"> Feedback </a>
            </li>
        </ul>
        <ul id="search">
            <li>
                <form id="searchform" action="" method="POST" name="searchform"> 
                    <input type="text" maxlength="10" value="Search" name="search" style="color: rgb(#999);" 
                        onclick="document.searchform.search.value='';"/>
                    <input type="submit" name="submit_search" value="Search" />
                </form>
            </li>
        </ul>
    </div>
</div>

    <div id="maincontent">
        <div id="flashcontent">
            Flash content goes here !!
        </div>

        <div id="resources">
            Resources/ News goes here !!
        </div>
    </div>

У меня есть следующий код в template.php

$template['default']['regions'] = array(
   'logo' => array(
        'content' => array(''),
        'name' => 'Logo',
        'wrapper' => '<a>',
        'attributes' => array('id' => 'logo', 'href' => 'index.php')
    ),
    'menulist' => array(
        'content' => array(''),
        'name' => 'Menulist',
        'wrapper' => '<ul>',
        'attributes' => array('class' => 'menulist', 'id' => 'search')
    ),
   'flashcontent' => array(
       'content' => array('Flash content goes here !!'),
       'name' => 'Flashcontent',
       'wrapper' => '<div>',
       'attributes' => array('id' => 'flashcontent')
   ),
    'resources' => array(
       'content' => array('Resources content goes here !!'),
       'name' => 'Resources',
       'wrapper' => '<div>',
       'attributes' => array('id' => 'resources')
   ),
   'footer' => array(
       'content' => array('<ul> 
                            <li> <a href="#">Home</a>
                            <a href="#">News & Events</a>
                            <a href="#">Forum</a>
                            <a href="#">About us</a>
                            <a href="#">Contact us</a>
                            <a href="#">Terms of use</a>
                            <a href="#">Privacy policy</a>
                            <a href="#">Site map</a>
                            </li>
                           </ul>'),
       'name' => '',
       'wrapper' => '<div>',
       'attributes' => array('id' => 'footertable1')
   )
);

Мои вопросы:

1. Тег div с логотипом должен быть изображением. Почему-то я не могу получить изображение из папки.

2. У меня есть fieldset, который является логином на основе jquery. Я не уверен, как добавить в template.php

3. Тег div с menubar содержит класс с menulist и id с поиском и формой. Я не понимаю, как добавить это в мой шаблон.

Буду признателен, если кто-нибудь поможет мне в этом

Answer 1

Вы можете создать класс логотипа и добавить его к определенному div, например, так:

<div class="logo">
    <a id = "logo" href="index.php"> </a>       
</div>  

и в CSS вы можете сделать это, чтобы поместить изображение (Logo) внутри div:

.logo{
    background-image:url(/* path to the image from your CSS file directory */);
}

Answer 2

1) Почему тег div должен быть изображением?Это на самом деле не имеет смысла.Вы говорите, что он должен использовать тег img?Почему бы вам просто не добавить фоновое изображение к тегу с помощью css?

Боюсь, я не понимаю, что вы спрашиваете в вопросах 2 и 3.