Placer l'élément à l'avant à l'aide de CSS

Je ne peux pas comprendre comment les images de l'avant à l'aide de CSS. J'ai déjà essayé de réglage z-index pour 1000 et la position relative, mais il ne fonctionne toujours pas.

Ici l'exemple de l'-

CSS:

#header {
    background: url(http://placehold.it/420x160) center top no-repeat;
}
#header-inner {
    background: url(http://placekitten.com/150/200) right top no-repeat;
}
.logo-class {
    height: 128px;
}
.content {
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    border-collapse: collapse;
}
.td-main {
    text-align: center;
    padding: 80px 10px 80px 10px;
    border: 1px solid #A02422;
    background: #ABABAB;
}

HTML:

<body>
    <div id="header">
        <div id="header-inner">
            <table class="content">
                <col width="400px" />
                <tr>
                    <td>
                        <table class="content">
                            <col width="400px" />
                            <tr>
                                <td>
                                    <div class="logo-class"></div>
                                </td>
                            </tr>
                            <tr>
                                <td id="menu"></td>
                            </tr>
                        </table>
                        <table class="content">
                            <col width="120px" />
                            <col width="160px" />
                            <col width="120px" />
                            <tr>
                                <td class="td-main">text</td>
                                <td class="td-main">text</td>
                                <td class="td-main">text</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <!-- header-inner -->
    </div>
    <!-- header -->
</body>

  • Quoi mettre de l'avant ? Aussi le <col> est une deprecated.
  • Apporter les images vers l'avant.
  • Pourquoi êtes-vous à l'aide de tables imbriquées pour faire un menu?
  • J'ai eu des problèmes avec le menu dans IE8 et des tables imbriquées, il fixe.
  • Cette vidéo est extrêmement utile pour comprendre comment il fonctionne.
InformationsquelleAutor Stylock | 2013-04-03