Moving Navbar Postion Using CSS?

Alright Hi! I had a question about moving navbar imgs using CSS. I'm trying to move it up a little more so I can get it right below the banner. And Another thing is this: How do i get it so my css only make my banner popout? Right now It popouts the navbar and banner. And that looks horrible!


Link:

Spoiler:

active-codez.forumotion.com

Hello Ace700,

To stop the images from scaling when hovered over find and remove the following selector and its codes from your CSS:

Code:

a img:hover

Now to have only your banner pop out add this code after removing the one above.

Code:

img#i_logo{
transition: 0.5s;
}
img#i_logo:hover{
transform: rotate(0deg) scale(1.133) skew(1deg) translate(0px);
}

To modify the positioning of your navbar try this code:

Code:

.mainmenu{
position:relative;
top:-10px;
}

If the position isn't to your liking modify the pixels of 'top' to move its positioning.

SethC1995 wrote:Hello Ace700,

To stop the images from scaling when hovered over find and remove the following selector and its codes from your CSS:

Code:

a img:hover

Now to have only your banner pop out add this code after removing the one above.

Code:

img#i_logo{
transition: 0.5s;
}
img#i_logo:hover{
transform: rotate(0deg) scale(1.133) skew(1deg) translate(0px);
}

To modify the positioning of your navbar try this code:

Code:

.mainmenu{
position:relative;
top:-10px;
}

If the position isn't to your liking modify the pixels of 'top' to move its positioning.

Problem solved! Thanks again. I did have .mainmenu already added but it was at 65px. So thanks again!!!

You're welcome, good luck with your forum.