« Web, HTML, Tech Forum

how does one position the background image for their nav links?

Posted by gwendigo

posted

Forum: Web, HTML, Tech

for reference

you may need to look closer to know what i'm talking about, but i'm using the same image for both the main nav bar and for the links. what i want to do is position the bg image for the nav links so it aligns with that of the nav bar, thus giving the appearance of one seamless image. how can i do this? the current code for the nav link:


nav .links {

    background-image: url('https://dl.glitter-graphics.com/pub/3572/3572032ksozjeuoqk.gif');

    border: grey solid 3px;

    border-radius: 0px;

    text-align: center;

    position: relative;

    bottom: 2px;


thank you all in advance!!!


Report Topic

2 Replies

Sort Replies:

Reply by sudofry

posted

I think you are looking for something like...


background-position-y: -80px;


If I understand what you're asking.


Permalink Report Reply

Reply by gwendigo

posted

holy shit this worked thank you so so much


Permalink Report Reply