Thread Starter
ramsey
(@ramsey)
I’ve moved the site off the domain to here so I can test. http://tesdell.org/resume/
*BUMP!*
I am also having this problem. Does anyone have a solution?
Looks like you are struggling with this for a week. I had the same problem years back when I first started coding. The solution is simple.
Your HTML:
<div id="navigation">
<ul>
<li><a href="http://tesdell.org/resume/">Welcome</a></li>
<li><a href="http://tesdell.org/resume/?page_id=3">About me</a></li>
<li><a href="http://tesdell.org/resume/?page_id=7">Expertise</a></li>
<li><a href="http://tesdell.org/resume/?page_id=9">Publications</a></li>
<li><a href="http://tesdell.org/resume/?page_id=11">Contact me</a></li>
</ul>
</div>
The problem is in CSS. I will just show where to correct.
#navigation ul {
display:table;
}
Remove display:table;
replace
display:table-cell;
with
float:left;
from
#navigation ul li
and add
float:left;
to
#navigation ul li a
probably this will solve your problem. I have also noticed that your images are too heavy. Try to optimize them. I have made a sample optimization for you.
You can see the image here: http://i39.tinypic.com/2lctsfa.jpg
Your image was 530kb, now its optimized to 24.7kb. It can be optimized even more but this is just an example.