WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Center + Remove Scrollbar

Reply
  Thread Tools Display Modes
Old 22nd March 12, 11:04 PM   #1
Eminence
WLC Member
 
Join Date: Aug 2011
Posts: 3
Default Center + Remove Scrollbar

Hi All,

http://bit.ly/GNdYyv

How can I:

1) Get that "Home" text to center directly underneath the image? I have a text-align: center on it, but it seems to be doing nothing

2) Remove the scroll bar to the right. Funnily enough, if I add border: 1px solid black; to #top-nav a, then the scroll bar dissapears, but I dont want that black border. How can I remove this scroll bar?

Any help is much appreciated, thanks
Eminence is offline   Reply With Quote
Old 22nd March 12, 11:28 PM   #2
Phreaddee
WLC Lover
 
Phreaddee's Avatar
 
Join Date: Oct 2010
Location: Newcastle, NSW, Australia
Posts: 742
Default Re: Center + Remove Scrollbar

scrollbar
#top-nav {
overflow: auto;
}

change to overflow:hidden;

give your ul a width and margin:0 auto; to centre
Phreaddee is offline   Reply With Quote
Old 23rd March 12, 01:01 PM   #3
chrishirst
Banned
 
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,196
Default Re: Center + Remove Scrollbar

Just as an information only post;

border: 1px none transparent; will add an "invisible" 1 pixel border to an element.
chrishirst is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:22 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.