Jump to content
Please Use CODE Tags

[HTML] A bit of web design help....

improbablepants
By improbablepants
in Programming
 Share
Go to solution Solved by Tedster,

This is probably the simplest thing to do, but I cannot figure out how. Inside of an <ol> tag, when it is centered, the numbers stay at the left. How would I get those to move over with the words?

 

attachicon.gifnmvb.png

 

^That is what I am talking about. Any advice?

Really simple solution: Have it not centered and do some really ghetto spacing to get it all lined up.

Take a look here:

From: http://stackoverflow.com/questions/19364836/how-to-center-ordered-list-number-in-html

 

You are aligning texts in the body.
 
Try this:
<html><body> <h4 align="center">HEADLINE</h4>    <ol class="center">    <li>First Item</li>    </ol> <style type="text/css"> .center { text-align: center; list-style-position:inside;}</style> </body></html>
Hope this helps !
Posted

This is probably the simplest thing to do, but I cannot figure out how. Inside of an <ol> tag, when it is centered, the numbers stay at the left. How would I get those to move over with the words?

 

post-144965-0-42776000-1430499324.png

 

^That is what I am talking about with the numbers on the left. Any advice?

CSS and HTML are attached if you want to look. Its not published yet, so ignore relative links, or any other inconsistency. 

FreeStyleinfo.html

FreeSTYLE.css

“I don't like country music, but I don't mean to denigrate those who do. And for the people who like country music, denigrate means 'put down'.” - Bob Newhart

| Remember kids; just because Linus has a video on it, doesn't mean that its the best choice | Abide by the CoC | Looking for build help? Read this before posting |

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Solution

This is probably the simplest thing to do, but I cannot figure out how. Inside of an <ol> tag, when it is centered, the numbers stay at the left. How would I get those to move over with the words?

 

attachicon.gifnmvb.png

 

^That is what I am talking about. Any advice?

Really simple solution: Have it not centered and do some really ghetto spacing to get it all lined up.

Take a look here:

From: http://stackoverflow.com/questions/19364836/how-to-center-ordered-list-number-in-html

 

You are aligning texts in the body.
 
Try this:
<html><body> <h4 align="center">HEADLINE</h4>    <ol class="center">    <li>First Item</li>    </ol> <style type="text/css"> .center { text-align: center; list-style-position:inside;}</style> </body></html>
Hope this helps !

Sig under construction.

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Really simple solution: Have it not centered and do some really ghetto spacing to get it all lined up.

Take a look here:

http://stackoverflow.com/questions/19364836/how-to-center-ordered-list-number-in-html

 

This. You could easily just throw it all into a Div  and float: it :)

• NCASE M1 • i5-9600k • GTX 1080 FE • Z370N-WIFI • SF600 • NH-U9S • LPX 32GB • 960EVO •

I'm a self-identifying Corsair & Nvidia Fanboy; Get over it.

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author

-snip-

That did it. Thanks!

“I don't like country music, but I don't mean to denigrate those who do. And for the people who like country music, denigrate means 'put down'.” - Bob Newhart

| Remember kids; just because Linus has a video on it, doesn't mean that its the best choice | Abide by the CoC | Looking for build help? Read this before posting |

Link to comment
Share on other sites
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing Programming

×