¿navbar con fondo repetido a la derecha?

[CBeneyto]

Iniciado por pzin

Para tu primera duda habrá que ver el código, que supongo que el problema no será ponerle o no la imagen.

Para la segunda en realidad también habría que ver el código, pero si quieres ocultar algo si no cabe en algún sitio, se hace con overflow: hidden aplicado al contenedor.

Gracias por la respuesta pzin, siguiendo tu consejo, dejo sendos códigos a ver si me podeis hechar una mano que ando algo perdido.

Este es el div completo que hace el menu:

Código HTML:

<div class="fondo-menu-principal-index">
            <div class="container menu-principal-index">
                
                <a href="#"><div class="logo-menu"></div></a>
                
                <div class="masthead">
                    <ul class="nav nav-pills fondo-menu pull-right">
                        <li class="fondo-inicio"></li>
                        <li class="menu-nl active"><a href="#">woocommerce</a></li>
                        <li class="menu-nl"><a href="#">wordpress</a></li>
                        <li class="menu-nl"><a href="#">design</a></li>
                        <li class="menu-nl"><a href="#">seo</a></li>
                        <li class="menu-nl"><a href="#">contact</a></li>
                        <li class="menu-nl"><a href="#">about</a></li>
                        <li class="menu-nl"><a href="#">contact</a></li>
                        <li class="menu-nl"><a href="#">about</a></li>
                    </ul>
                </div>
            
            </div>
        </div>
 

Y este es el div completo que hace el scroll lateral y no sabemos como solucionarlo.
El objeto, si tiene la imagen grande, se tendria que ver, pero tu pantalla es más pequeña simplemente se iria recortando pero sin salir el scroll..

Código HTML:

<div class="lapiz"></div>
 

El css de este último es el siguiente:

Código CSS:

.lapiz {
background-image: url('../img/principal/lapiz.png');
height: 450px;
width: 436px;
position: relative;
top: 220px;
right: -555px;
}
 

A ver si lo podemos solucionar gente!
Muuuchas gracias! ;)