Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 2015 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

fixed width css buttons

Thread title: fixed width css buttons
Closed Thread    
    Thread tools Search this thread Display Modes  
10-24-2011, 05:57 AM
#1
dgryan is offline dgryan
Status: Member
Join date: Jun 2009
Location: Syndey
Expertise: Ruby On Rails
Software:
 
Posts: 109
iTrader: 3 / 100%
 

dgryan is on a distinguished road

Send a message via Skype™ to dgryan

  Old

You're setting the width to 110px but you're also adding padding onto the button which will make it longer (122px?) by the looks of it.


do,

Code:
#nav a {
  float: left;
  height: 35px;
  line-height: 32px;
  padding: 0 0 0 10px;
  width: 100px; 
  text-transform: uppercase;
}
ps: you shouldn't use set width on navigation items, especially for people that don't have hardware acceleration (if someone zooms in more then once the text will be bigger then the button itself.)

And yes people do it.

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed