Sponsor Advertisement
Blogger Talk Blogging Community
Blogs directories, blogging resources, blog tools, blog sites, blogging news, Blog tutorial, Blogging books.
Writing Community
community for fiction writing, story writing, poetry writing, writing contests, writing help, writing warnings

xhtml displaying unordered list horizontally using css and i


Post new topic   Reply to topic  Invision-Graphics Forum Index –» Web Development –» Print Topic
View previous topic –» View next topic
Level 1 User

jacky
Level 1 User
Occupation:


Offline
Joined: Dec 08, 2006
Find all post by jacky
Total Posts: 4
0.00 posts per day
Total Words: 0
PostPosted: Mon Oct 27, 2008 4:10 am  Post subject: xhtml displaying unordered list horizontally using css and i
I have a unordered list with links to each page in the website like this...In my CSS file I have tagged #hole_list with the following#hole_list{text-align: center;height: 30px; margin: 0px;background-color: rgb(53, 43, 48);font-weight: 700;color: white;font-size: 1.25em;list-style-type: none;padding-top: 0px;padding-bottom: 0px;padding-left: 5px;padding-right: 5px;}Now whem I display the html it shows my page links like such"12345"What I would like are the links right beside each other like so..."1 2 3 4 5"How can I display the links horizontally beside each other?I now have the list displaying horizontally like so "1 2 3 4 5" thanks to answers, but now just need it in the center. So I am trying indents/margins/padding too align it so...I am not suppose to mess with the htm file just CSS to apply styles to Id tags in the htm file...So far thanks to all just trying to align now which shouldn't be that hard...thumbs up Smile
Reply with quote
View user's profile Send private message
Back to top
Sponsor Advertising
Level 1 User

jasondboone
Level 1 User
Occupation:


Offline
Joined: May 22, 2006
Find all post by jasondboone
Total Posts: 2
0.00 posts per day
Total Words: 0
PostPosted: Mon Oct 27, 2008 4:17 am  Post subject: xhtml displaying unordered list horizontally using css and i
You're going to have to take them out of the list then, you can't have a list with out going down each time.If you are using a list to get the dot then add • before the link, and you will get the raised dot.
Reply with quote
View user's profile Send private message
Back to top
Level 1 User

iwanx
Level 1 User
Occupation:


Offline
Joined: Feb 17, 2008
Find all post by iwanx
Total Posts: 2
0.00 posts per day
Total Words: 0
PostPosted: Mon Oct 27, 2008 4:24 am  Post subject: xhtml displaying unordered list horizontally using css and i

12345

#hole_list {[[[[[[[CSS HERE]]]]]]]]
Reply with quote
View user's profile Send private message
Back to top
Level 1 User

irish
Level 1 User
Occupation:


Offline
Joined: Aug 23, 2007
Find all post by irish
Total Posts: 2
0.00 posts per day
Total Words: 0
PostPosted: Mon Oct 27, 2008 4:31 am  Post subject: xhtml displaying unordered list horizontally using css and i
Yeah, you could just take it out of the list and string on one line.And use "letter-spacing: 10px;"You can adjust and get the spacing you want. That way you don't have to put a bunch of spaces in it. So:Add the letter-spacing to your CSS.
Reply with quote
View user's profile Send private message
Back to top
Level 1 User

j0nnyking
Level 1 User
Occupation:


Offline
Joined: Dec 19, 2006
Find all post by j0nnyking
Total Posts: 2
0.00 posts per day
Total Words: 0
PostPosted: Mon Oct 27, 2008 4:39 am  Post subject: xhtml displaying unordered list horizontally using css and i
Either set a margin-left: XXpx; or set list in a div container with a width and margin:Then style with:div#nav {width: XXpx;margin: 0 auto;}Set width to no more than is needed for nav menu.To display your unordered list inline with CSS, just use:li { display: inline; }Ron
Reply with quote
View user's profile Send private message
Back to top
Display posts from previous:   
Post new topic   Reply to topic    Invision-Graphics Forum Index -> Web Development All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum
 


Click Here to Advertise
Affordable Hosting! http://www.invision-graphics.com/images/banners/468X60_VISIONHOSTING.gif
 Today: 7,228  Yesterday: 28,992  Total Hits: 35,499,509
Page Rendered in: 0.15s - Total Queries: 8 - MySQL DB: 26.7 mb's - Pages served in past 5 minutes: 178