-
1. Re: Trying to reduce height of navigation
MurraySummers Oct 31, 2012 5:36 AM (in response to broomeGirl)I think it's likely that you have limited the amount by which you can compress that nav bar with the font size declaration here -
#navlist a {
font: 1.2em
See if reducing that 1.2em value helps.
-
2. Re: Trying to reduce height of navigation
broomeGirl Oct 31, 2012 6:22 AM (in response to MurraySummers)Thanks for your response but no this is not the problem. The 1.2em font size is only 12px as reset of font-size to 62.5% in the body tag.
-
3. Re: Trying to reduce height of navigation
Jon Fritz II Oct 31, 2012 6:55 AM (in response to broomeGirl)Copying exactly what you posted into a new document does not create the same look. You have other items somewhere else in your css that is controlling the design of your menu.
Could you post a test page to a server so we can see the entire code of the page? Even if it's just to a temporary folder, hidden from public view, something like www.yoursite.com/test/page.html
Once the problem is solved, you can delete the entire test folder and all of it's contents.
-
4. Re: Trying to reduce height of navigation
broomeGirl Oct 31, 2012 6:59 AM (in response to Jon Fritz II)Sorry having server issues at the moment but this is all the css I have ... not really long.
beige #e5c284*/
@font-face {
font-family:'FreebooterScriptRegular';
src: url('../fonts/Freebooter-Script/freebooterscript-webfont.eot');
src: url('../fonts/Freebooter-Script/freebooterscript-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Freebooter-Script/freebooterscript-webfont.woff') format('woff'),
url('../fonts/Freebooter-Script/freebooterscript-webfont.ttf') format('truetype'),
url('../fonts/Freebooter-Script/freebooterscript-webfont.svg#FreebooterScriptRegular') format('svg');
font-weight: normal;
font-style: normal;}
h1 {font: 3em 'FreebooterScriptRegular', Arial, sans-serif;
letter-spacing: 0;
margin:0 auto;
padding:.6em 0 0 0;
text-align:center;}
html, body {
margin:0;
padding:0;}
p {
padding:.8em 2em;}
a {color:#c0c0c0;}
blockquote {font: 2.4em 'FreebooterScriptRegular', Arial, sans-serif;
color:#e5c284;
letter-spacing:.07em;
text-align:center;}
body {
font:Georgia, "Times New Roman", Times, serif;
font-size:62.5%;
color:#c0c0c0;
background-color:#000;}
#wrapper {
font-size:1.4em;
width: 1024px;
margin:0 auto;
padding:0;
background-color:#000;
background: url(../images/damask-2.png) repeat;}
#Header {
width:1024px;
margin:0 auto;
border-bottom:20px solid #000;}
#Header img {
margin:0;}
#Navigation {
width: 1022px;
padding: .6px 0;
margin: 0 auto;
background-color:#FFF;
border-left: 1px solid #000;
border-right: 1px solid #000;}
#navlist {
text-align:center;}
#navlist li {
display:inline;}
#navlist a {
font: 1.2em Georgia, "Times New Roman", Times, serif;
letter-spacing:.09em;
color:#8f8e8e;
text-decoration:none;
border:none;
padding:0 30px;}
#navlist a:hover{
color:#e5c284;}
#navlist li a.first {
padding:0 30px;
color:#e5c284;}
#display {
width: 1024px;
margin:0 auto;}
img {
border:5px solid #e5c284;
margin:0 auto;
text-align:center;
display:block;}
#display img {
float:left;
margin-left:20px;
margin-bottom:30px;}
.noBorder {
border:none;}
#footer {
clear:left;
width:1024px;
margin: 0 auto;
text-align:center;
padding:0;}
#footer p {
font: .8em Georgia, "Times New Roman", Times, serif;
color:#c0c0c0;
font-variant: small-caps;
padding: 10px 0 10px 0;}
#footer a {
color:#e5c284;}
-
5. Re: Trying to reduce height of navigation
Nancy O. Oct 31, 2012 1:11 PM (in response to broomeGirl)Try zeroing out the default margins and padding of your list elements like this:
#navlist ul {
margin:0;
padding:0
}
#navlist li {
margin:0;
padding:0;
}
Nancy O.
-
6. Re: Trying to reduce height of navigation
broomeGirl Oct 31, 2012 4:24 PM (in response to Nancy O.)Thanks Nancy did as you suggested but it made no difference. I would have thought by applying margin and padding 0 to be body tag it would have done the same thing?
-
7. Re: Trying to reduce height of navigation
John Waller Oct 31, 2012 4:29 PM (in response to broomeGirl)Any chance of us seeing the live page?
Guessing is obviously going nowhere.
It'll be quick and simple if we can see the live page in our browsers.
-
8. Re: Trying to reduce height of navigation
Nancy O. Oct 31, 2012 5:04 PM (in response to broomeGirl)I would have thought by applying margin and padding 0 to be body tag it would have done the same thing?
Nope. Browsers add default margins and padding to every element in the page. You might try a universal (*) reset to see if that has any effect.
* {margin:0; padding:0}
But as John said, a link to your test page is the best/fastest way to get an answer here.
Nancy O.
-
9. Re: Trying to reduce height of navigation
broomeGirl Nov 1, 2012 9:31 AM (in response to Nancy O.)Thanks to both of you .. [removed link]
-
10. Re: Trying to reduce height of navigation
John Waller Nov 1, 2012 9:33 AM (in response to broomeGirl)Adjusting the 0.6px top/bottom padding on the #Navigation rule fixes it for me here.
Did you refresh your browser when you tried it?
-
11. Re: Trying to reduce height of navigation
broomeGirl Oct 31, 2012 6:34 PM (in response to broomeGirl)Thank you to all. The reset for padding and margin fixed the problem
-
12. Re: Trying to reduce height of navigation
broomeGirl Oct 31, 2012 6:37 PM (in response to broomeGirl)Please remove the above url as I have deleted it. Thanks
-
13. Re: Trying to reduce height of navigation
Nancy O. Nov 1, 2012 9:20 AM (in response to broomeGirl)The forum doesn't allow us to edit replies after someone responds to them.
Glad you got the problem solved.
Nancy O.
-
14. Re: Trying to reduce height of navigation
John Waller Nov 1, 2012 9:34 AM (in response to broomeGirl)I've used the Report link (as seen adjacent each post in every discussion) and asked the moderators to remove the links.
Now says Abuse Reported even though it was merely a request to remove the link.



