CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

Navbar text wont go larger than 12px?

Discuss Navbar text wont go larger than 12px? in the CSS Help forum on Dev Shed.
Navbar text wont go larger than 12px? Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old May 3rd, 2008, 03:16 AM
gsquare567 gsquare567 is offline
Contributing User
Click here for more information.
  
Join Date: Dec 2007
Posts: 297 gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 1 Day 7 h 33 m 37 sec
Reputation Power: 8
Question Navbar text wont go larger than 12px?
Code:
#navbar {
	text-align:right;
	background-image: url('images/menu.gif');
 	background-repeat: repeat;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16;
	height:26px;
	padding-top: 5px;
	line-height:0px;
}


i took out the font-size of the classes used over it but still a no go. look here to see it.
__________________
Reply With Quote
  #2  
Old May 3rd, 2008, 05:05 AM
Akh's Avatar
Akh Akh is offline
|<.+#f@#+.&.|
Dev Shed Frequenter (2500 - 2999 posts)
  
Join Date: Mar 2002
Location: norway
Posts: 2,590 Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level) 
Time spent in forums: 3 Weeks 5 Days 12 h 38 m 48 sec
Reputation Power: 511
Code:
#navbar {
	text-align:right;
	background-image: url('images/menu.gif');
 	background-repeat: repeat;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16;
	height:26px;
	padding-top: 5px;
	line-height:0px;
}


You haven't specified a length unit for the font-size, px, pt, em.
http://www.w3.org/TR/CSS21/syndata.html#length-units
Comments on this post
GameYin agrees: Correct.
__________________
Last edited by Akh : May 3rd, 2008 at 05:13 AM.
Reply With Quote
  #3  
Old May 3rd, 2008, 03:36 PM
GameYin GameYin is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2008
Location: Whiteford, MD
Posts: 348 GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Days 11 h 54 m
Warnings Level: 5
Reputation Power: 60
Send a message via AIM to GameYin
MySpace
Quote:
Originally Posted by Akh
Code:
#navbar {
	text-align:right;
	background-image: url('images/menu.gif');
 	background-repeat: repeat;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16;
	height:26px;
	padding-top: 5px;
	line-height:0px;
}


You haven't specified a length unit for the font-size, px, pt, em.
http://www.w3.org/TR/CSS21/syndata.html#length-units


Seems, weird. You specified everything else. Also, I would use ems or %'s to define your font size. IF you don't, then it is a defined size. Resizing the page, zooming in, won't work.
Edit: 12px is the default font size so that's why.
__________________
Adwords Professional
You can give me
Last edited by GameYin : May 3rd, 2008 at 03:37 PM. Reason: Default
Reply With Quote
  #4  
Old May 4th, 2008, 12:22 AM
gsquare567 gsquare567 is offline
Contributing User
Click here for more information.
  
Join Date: Dec 2007
Posts: 297 gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 1 Day 7 h 33 m 37 sec
Reputation Power: 8
but by setting it shouldnt it be what i set it to? what do i need to do?
Reply With Quote
  #5  
Old May 4th, 2008, 12:46 PM
GameYin GameYin is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2008
Location: Whiteford, MD
Posts: 348 GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Days 11 h 54 m
Warnings Level: 5
Reputation Power: 60
Send a message via AIM to GameYin
MySpace
It isn't what you set it to because you never specified a px. or a % for that case. add a unit of measurement to the code. What you did basicaly isn't doing anything
Reply With Quote
  #6  
Old May 4th, 2008, 03:50 PM
gsquare567 gsquare567 is offline
Contributing User
Click here for more information.
  
Join Date: Dec 2007
Posts: 297 gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 1 Day 7 h 33 m 37 sec
Reputation Power: 8
nope, i did that before and nothing changed it.

here is my navbar:

Code:
#navbar {
	text-align:right;
	background-image: url('images/menu.gif');
 	background-repeat: repeat;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	height:26px;
	padding-top: 5px;
	line-height:0px;
}

#navbar ul {
	padding-left: 0;
	margin-left: 0;
	font-size: 16px;
}

#navbar ul li {
	display: inline;
	list-style-type:none;
	margin-left: 0.3em;
	margin-right: 0.3em;
	font-size: 16px;
}

#navbar ul li a {
	color:#495B20;
	background-color:#BAD36B;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#navbar ul li a:hover {
	background-color:#495B20;
	color:#BAD36B;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


i tried 16px in the div, ul, and li, and still nothing. this is totally weird.

at the top i have
Code:
* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
, but since my navbar is a) below it and b) specific, should it not override it?
Reply With Quote
  #7  
Old May 4th, 2008, 04:05 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
All the text is in the links, isn't it? So set the font-size on "#navbar ul li a".

It's best to avoid using "pt" and "px" units for font-size. I suggest you read this:
Best Practice for font-size?
__________________
Spreading knowledge, one newbie at a time.

Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

IE7: the generation 7 browser new in a world of generation 8 browsers.
Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.
Reply With Quote
  #8  
Old May 4th, 2008, 07:00 PM
gsquare567 gsquare567 is offline
Contributing User
Click here for more information.
  
Join Date: Dec 2007
Posts: 297 gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 1 Day 7 h 33 m 37 sec
Reputation Power: 8
it was the * operator. i just made the body have 12px and its good now. dunno why it wasnt overridden though. and for font size, sure i'll change it later, but for now i just want my site to look reasonable before it is anything special like resizable.
Reply With Quote
  #9  
Old May 5th, 2008, 06:13 AM
GameYin GameYin is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2008
Location: Whiteford, MD
Posts: 348 GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Days 11 h 54 m
Warnings Level: 5
Reputation Power: 60
Send a message via AIM to GameYin
MySpace
As I said earlier in a previous post, don't use px or pt.
Quote:
Also, I would use ems or %'s to define your font size. IF you don't, then it is a defined size. Resizing the page, zooming in, won't work.
Reply With Quote
  #10  
Old May 5th, 2008, 08:44 AM
gsquare567 gsquare567 is offline
Contributing User
Click here for more information.
  
Join Date: Dec 2007
Posts: 297 gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 1 Day 7 h 33 m 37 sec
Reputation Power: 8
but my page is not liquid, those get too messy. i dont want it to change on resize, other than the outside borders.
Reply With Quote
  #11  
Old May 5th, 2008, 12:18 PM
GameYin GameYin is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2008
Location: Whiteford, MD
Posts: 348 GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level)GameYin User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Days 11 h 54 m
Warnings Level: 5
Reputation Power: 60
Send a message via AIM to GameYin
MySpace
If you use px, then you aren't doing the right thing for people who can't see screens good.
Reply With Quote
  #12  
Old May 5th, 2008, 12:29 PM
gsquare567 gsquare567 is offline
Contributing User
Click here for more information.
  
Join Date: Dec 2007
Posts: 297 gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level)gsquare567 User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 1 Day 7 h 33 m 37 sec
Reputation Power: 8
alright, but wouldnt i need to make the whole site handicap accessible? text size, what else do i need to change.
Reply With Quote
  #13  
Old May 5th, 2008, 01:02 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Click here for more information.
  
Join Date: Jul 2004
Location: USA
Posts: 15,149 Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 5th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 2 Weeks 2 Days 2 h 47 m 18 sec
Reputation Power: 1294
I think you mean elastic, not liquid (fluid). Fluid is when the page resizes based on the size of the viewport. Elastic is when the page resizes in relation to the font-size.

For one thing, you could either remove the alt text for the thumbnail images (give the attribute an empty value) or change it to something more useful, e.g. "thumbnail of a screen capture of Tetrollapse". Simply repeating the game title is not very useful.
Reply With Quote
  #14  
Old May 5th, 2008, 01:10 PM
GameYin GameYin is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2008
Location: Whiteford, MD