css - ナビゲーションマージン/パディング

Question

私はこのJsfiddleを持っています：

http://jsfiddle.net/JohnnyDevv/XQ5Xd/2/

2つのhtml5ナビゲーション間の距離をゼロにしようとしています

PHPの例：

    <nav>
        <?php foreach($nav_list  as $id => $nav_item): ?>
            <?php echo anchor(strtolower($id), $nav_item, array('class' => ($nav == $nav_item ? 'active' : ''))) ?>
            </li>
        <?php endforeach ?>
    </nav>
    <img src="<?php echo site_url('_inc/img/divider.png') ?>" width="960" height="4" alt="Divisão de Menu">
    <nav>
        <?php foreach($subnav_list  as $ids => $subnav_item): ?>
            <?php echo anchor(strtolower($ids), $subnav_item, array('class' => ($subnav == $subnav_item ? 'active' : ''))) ?>
            </li>
        <?php endforeach ?>
    </nav>

これが私が達成しようとしていることのサンプル画像です：

Answer 1

あなたは単にdisplay：blockを追加する必要があります。nav要素を分離するために使用している画像タグに。デフォルトでは、画像はdisplay：inline-block;を使用します。画像の上に不要な空白を追加していました。

#wrapper img {
    margin: 0;
    padding: 0;
    display: block;
}

これで問題が解決することを願っています！ご不明な点がございましたら、お気軽にお問い合わせください。