XF 1.5 image on navigation ?

[Senpai]

hey guys can someone tell me what the hell is going on i am trying to put this iamge

top of navigation but first i was testing it out with inspect element and this is what happens.
when im trying to put just one image it shows as 3

 

[BobbyWibowo]

Default value for background-repeat CSS property is repeat. So yeah, the image simply got repeated.
https://css-tricks.com/almanac/properties/b/background-repeat/
https://developer.mozilla.org/en/docs/Web/CSS/background-repeat
http://www.w3schools.com/cssref/pr_background-repeat.asp

 

[Senpai]

Default value for background-repeat CSS property is repeat. So yeah, the image simply got repeated.
https://css-tricks.com/almanac/properties/b/background-repeat/
https://developer.mozilla.org/en/docs/Web/CSS/background-repeat
http://www.w3schools.com/cssref/pr_background-repeat.asp

but how can i stop it reapeating i really need to learn css

 

[BobbyWibowo]

Refer to the links I attached in my previous reply. For example, using:

background-repeat: no-repeat;

will prevent the background image from repeating, both horizontally and vertically. But you'll probably see some white area because the image won't fill the entire height of the navigation.

There's a nice article about achieving a way to make your background image "fill" at css-tricks: https://css-tricks.com/perfect-full-page-background-image/ - should be applicable to other elements, including the navigation bar, despite of the fact that the article talked more about background image for a whole page.

Or you can just set the size of the background to fit the navigation bar's height. Whichever you prefer.