Latest Lists

Home > Unordered List Information > Unordered List Knowledge Base > I am new to web page design and need help with HTML!! Read Further?

I am new to web page design and need help with HTML!! Read Further?

So i am new to HTML and am trying to get list to center. I have tried to put in various codes in different areas and cannot get the whole list to center, am i doing something wrong or is there something i am missing? Thanks! Also, it is an unordered list and am using a image for the marker. <p style="text-align: center"> <b><h3><a href="http://page.icu.edu/~joe/CIT212/assign1.htm">Assignment 1</a></h3></b> <ul style="list-style-image: url(helmet.jpg)"> <cite><h5><li><a href="http://page.icu.edu/~joe/CIT212/assign1/tut1/chem2.htm"> Tutorial One</a> </li></h5></cite> <cite><h5><li><a href="http://page.icu.edu/~joe/CIT212/assign1/tut2/chem.htm">Tutorial Two</a></li> </h5></cite> </ul>

Public Comments

  1. <div align="center"> Stuff you want centered </div>
  2. Too much code :) Try this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> ul { font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0; border: 1px solid red; width: 150px; text-align: center; list-style: none; } ul li { background: url(helmet.jpg) no-repeat left; padding: 0px 0px 10px 0px; } </style> <title>Untitled Document</title> </head> <body> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </body> </html>
  3. That's too much code for a simple list. <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5 we'll make a bit longer so that it will wrap</li> </ul> Check this article out. http://www.alistapart.com/articles/taminglists/ You want to do an ordered list, so something like: <ol> <li>item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> It will display items like this: 1. Item 1 2. Item 2 3. Item 3
  4. try <center> at the beginning of the code and </center> at the end of it.....
  5. <table background="helmet.jpg" border=6 width=100% bordercolor=#ff0000 bordercolordark=#000000 bordercolorlight=#b222222> <thead> <tr> <th colspan=1><h1>PAGE HEADER</h1></th> </tr> </thead> <tbody align-center> <tr bgcolor=#ffd700> <td><center> <ul> <li> <a href=""><b>Link 1</b></a> <li> <a href=""><b>Link 2</b></a> <li> <a href=""><b>Link 3</b></a> </ul> </td> </tr> </tbody> <tfoot> <tr> <td nowrap><center><h2>PAGE FOOTER</h2></td> <td><marquee bgcolor=#000000 direction=left behavior=alternate><font color=#ffd700><i>©</i></marquee></td> </tr> </tfoot> </table>
Powered by Yahoo! Answers