Hi. I’m working on some navigation and I have a little tooltip that drops down when you hover over each navbutton. The text in the tooltip needs to be centered within the navbar, but “auto” left and right margins doesn’t work for this. I’m suspecting it may be because the element is absolutely positioned (which is because I don’t want the tooltip to push the below elements down when it moves).
@Paulie_D That works…but only for the portfolio and contact buttons, which have a width of 86px and 89px, respectively. And I don’t want to have to use a different padding for each button, although I will if that is the only way.
Yeah, that works. The only thing is, I’ll have to change the a element to width:100%, so it’s not all glitchy on the sides of the word. Or I could just use -20px of padding instead of margin. Is there a way to do this where the only rollover area is the word itself? (not the whole 100% width of the navbar?