qim
May 31, 2016, 6:26am
1
Hi
I decided to replicate the navigation bar placing it also at the bottom inside the #footer . I expected the same behaviour but it is not responsive in Chrome and Opera with the last <li>
s getting cut off.
I have looked closely at #footer
and cannot see what is causing it.
http://pintotours.net/TEMP1/test.html
Help!
#footer
is an ID… a heavyweight thing.
You have assigned styles to #footer li
. Those styles override mere class assigned styles.
In particular (test.css line 459)
#footer li {
display:inline;
}
overrides (test.css line 66)
.nav ul li {
display:table-cell;
}
1 Like
qim
May 31, 2016, 8:12am
4
Thanks ronpat
I removed the .nav
from inside the #footer
and it seems to work now.
Many thanks.
1 Like
There is a stray </a>
tag on line 153. The validator is barking.
1 Like
qim
May 31, 2016, 10:39am
6
Thanks ronpat
This is a copy of the page that has been published and I found the error before it went live.
I am still working on the test page and corrected the error now.
many thanks for keeping me on my toes!
system
Closed
August 30, 2016, 5:40pm
7
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.