I am trying to improve my navigation so it fades from one background image to another using jQuery. I have heard the benefits to using it so I want to give it a shot. So I searched the web and found this tutorial. http://jqueryfordesigners.com/image-fade-revisited/
I am using a transparent png background image sprite with text overlaying the background image. The tutorial uses jquery to fade a div on top of another looking like it fades. Since I am using a transparent png, that wont work.
Sorry for the awekward title
and here is my trouble...
If you'll notice, the (top navigation) menu is not centered vertically. I previously (temp) fixed this with setting
line-height: 1px; /* or 0.1em or 0.1% ... for the ul, li of the navbar... While this quick fix worked in most browsers, it doesn't seem to work anymore, and I know it's not proper coding.
First of all, Hello everyone,
and thanks for watching or starting to watch this thread.
The site i'm going to refer to is : HERE u can also download a .zip file as it is (html,css+img) on the site.
So far everything i worked on, i managed to do what i wanted with it (with a lot of searching, etc)
maybe with some things i don't need, but i validated it and it seemed ok.
The only thing that keeps bugging me is the div with wich i fill the gap between the menu and the footer.
I'm trying out a 2-row horizontal menu without using tables. I'm working on a site for a friend, www.glanfyll-lewis.com, which currently uses table but i want to experiment using floats. The problem i am having is the second row of navigation, the client doesnt want a dropdown menu, i cant figure out a way to differentiate it from the top nav menu, as i want to move the second row nav menu to the middle and change menu colors and hover. Whatever i try, the second menu just doesnt seem to respond, what am i doing wrong?
My first post...I can't find any answer in previous posts, so thanks in advance for any help!
First of all, to visualize the problem:
As you can see, I have two Div, one floating left (sidebar) and the other floating right.
In the sidebar menu, I have one list item with too long content that over flow (Assistenti, Dottorandi e Specializzandi). I'd like to wrap text, in order to display it in two lines, but keeping the formatting, with the height of the li#navitem auto adjusting with its content.