We help IT Professionals succeed at work.

CSS padding help

kamileris
kamileris asked
on
280 Views
Last Modified: 2011-10-19
hey,
in your style.css you made it for me says:
  #navbar span{
        padding-left: 8%;
        padding-right: 12%;
  }

I need to make this like I also use php like when somebody logs in there will be other links appears like control panel so I want all these links to fit in one line but with this padding percent it always gives a same amount of space, can we change it to just make sure everylink will be fit Thank you
title changed from "mr_egyptian i need your help EASY QUESTION LOOK"

Open in new window

Comment
Watch Question

This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
Hello,
the way you said it only give me a space between links but i want all these links to be centered and have a same amount of space between links, some screenshoots

ss1.JPG
ss2.JPG
ss3.JPG
Why not just set an absolute value that looks nice.  The menu is fixed width of 750px anyway, so fluidity is not an issue.  Something like the following works.  I think it would also look fine removing padding-right altogether.
  #navbar span{
          padding-left: 2em;
          padding-right: .5em;
  }

Open in new window

Author

Commented:
is there anyway we can make links centered? like this:
Thank you!
ss1.JPG
ss4.JPG
I'm afraid I don't ave any better suggestions for you.  What's wrong with the look of ss4.JPG (above) fixed at 2em?  I think it looks more professional anyway.  The user has all links in a row, without massive amounts of whitespace between them.  If you look, most sites do fixed positioning for navigation (eg. this site).  Sorry I can't help more.  Maybe someone else will chime in.
b0lsc0ttIT Manager
CERTIFIED EXPERT
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
so there isnt no easy way to center the links? I really dislike the way it looks in image ss4.jpg :( thank you for your comment i appreciate it!
b0lsc0ttIT Manager
CERTIFIED EXPERT

Commented:
Are the images the same size (i.e. width)?  By centered do you mean the same amount of space between each of equal distance from the center of each?  There can be a difference between those.
I don't have a quick answer but if you can provide a sample page (i.e. html, images, etc) then I could try to see if we can find an option.  One consideration though is how flexible does it need to be.  As the window is made larger should the gap between the images increase or just the "white space" at each end?
Let me know if you have a question.  If you can provide a page then please attach it as a zip file.
bol

Author

Commented:
thank you for your answer b0lsc0tt, there is only logo as image, Between links there are php's so in normal my navbar only has 4 links they are main, share, faq and register but when someones logins into my webpage i have 7 links on my navbar they are like control panel, your files... so when i use for example padding-left: 8% these links have a same amount of space between them it does looks good with only 4 links but when somebody logs in since there are 7 links for users these links looks like in ss2.JPG, But i want to make them like in ss3.JPG.
I appreciate your effort and your time Thank you!

Author

Commented:
anybody?

Author

Commented:
I will post this question again later this is kinda confusing so I am closing it and sharing the points I appreciate for your answers and your time! thank you!
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.