HTML - List With Year

hi,
I need to display all the names in the list box. So using select tag i have done this. When the data exceeds the scroll bar will be displayed. But the scrollbar stands in top and shows the top data. Instead i need to display the bottom data that is the scroll bar should be always down and when the user needs the top then they can scroll and see it.
Can you please give me suggestions to be done like this.

regards
thiru

List boxes and Text boxes

Hi i need help i need to make a webpage that lists folders and subfolders within a folder and it needs to automaticaly update when a new folder is added Please help

i need order list with brakets like:-

( i ) abc

( ii ) def

thankx budiesssss

G'day,

My unordered list (vertical nav menu) is displaying differently in IE and Firefox.

IE displays each item with a large amount of space between them, while FF does not.

I want to have a few pixels space between each item, and how do I do this so FF and IE both show the same?

Here is the code:

Code:

#leftnav ul	{
  	list-style-type:none;
  	color: #fff;
  	display: block;
	text-align: left;
  	margin: 0px;
	padding: 0px;
  }

.menu A:link {
	display : block;
	padding-left : 0px;
	text-decoration : none; color:#000000;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	}

<div id="leftnav">
<ul>
<li class="menu"><a href="#">Home</a></li>
<li class="menu"><a href="#">Services</a></li>
<li class="menu"><a href="#">PT One on One</a></li>
<li class="menu"><a href="#">PT Group Fitness</a></li>
<li class="menu"><a href="#">Pre & Post Natal Fitness</a></li>
<li class="menu"><a href="#">Senior Fitness</a></li>
<li class="menu"><a href="#">Fit Kids</a></li>
<li class="menu"><a href="#">Pre Wedding Packages</a></li>
<li class="menu"><a href="#">About Us</a></li>
<li class="menu"><a href="#">Testimonials</a></li>
<li class="menu"><a href="#">Monthly Tips</a></li>
<li class="menu"><a href="#">Impel Thanks</a></li>
<li class="menu"><a href="#">Contact Us</a></li>
</ul>
</div>

Thanks for any help guys, very much appreciated.

Cheers,
Jamie

I've made a selectable list with numeric values and I want to pass the values to a text box below the lists to count a total... i.e. calorie counter... any ideas how to do this?

here is a sample of my code:
Code:

<select title="Meats">
  <option value="100">Chicken Breast: = 100</option>
  <option value="137">Ground Beef: 95% lean = 137</option>
  <option value="142">Steak: (round/sirloin tip) = 142</option>
  <option value="84">Crab: = 84</option>
  <option value="110">Halibut: = 110</option>
  <option value="110">Cod = 110</option>
  <option value="91">Flounder: 91</option>
  <option value="96">Tilapia: 96</option>
  <option value="90">Lobster: = 90</option>
  <option value="106">Shrimp: = 106</option>
  <option value="112">Veal: = 112</option>
</select>

Hi
How do you create a list that when you hover over it expands. As you can tell I'm new to HTMl.

Thanks
Bob v

hello,

what is the easiest way to make url listing,, about 5000 urls to make
links in homepage? yes, manual listing is one, <a href="www.example.com">example</a>

but.. is there any faster way?
url are in urllist.txt and in openoffice database file

i have dremweaver,open office

I operate a game Server that i wish for a list of "Currently Online Players" list to be displayed on my website for the server.

I have a mod that allows anyone to check the online players by entering the address
"http://mine-craft.kicks-ass.net:6561/serverinfos/players-online"
When entering that address it displays a blank page with a list of players online in-game.
Would there be a possible way to have my website fetch this information from that URL and list it on the website?

Hi,

I use the following HTML for a horizontal navbar:

<div align="center">
<p class="navbar" align="center"> |
<a class="navbar" href="index.html">Home</a> |
<a class="navbar" href="events.htm">Events</a> |
<a class="navbar" href="testimonies.htm">Testimonies</a> |
<a class="navbar" href="about.htm">About Us</a> |
<a class="navbar" href="contact.htm">Contact</a> |
</p>
</div>

with this in the style sheet

.navbar {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
color: #ffffff;
background-color:#993300
}
a.navbar:active {
color: #ff00ff;
}

a.navbar:visited {
color: #ffffff;
}
a.navbar:link {
color: #ffffff;
}

a.navbar:hover {
color: #993300;
background-color: #ffffff;
}

But inspecting the code for various web sites it seems that people use the list tag <li>for horizontal menus. However as I can’t see the relevant CSS I don’t understand how it works, and I'm fairly new to CSS anyway (& I got this code from a manual).

Should I be using list tags and how does it link with the style sheet?

If so, can anyone explain what the code should be or point me to a good tutorial on the topic.

Thanks

I have a list of music (about 400 items) and I want to put the text in a div the best way. I heard from somebody else that I should put it in a javascript file and link to that to keep my html clean of 400 extra lines. Is that a good idea and how would I go about doing that? If I just do put it in a body tag, is there an easier way of making each item on a separate line like it looks like in a text document? As of now, everything just runs together because there are no <br> tags and it would take forever to do each individual one. Is there an easier way? Thanks.

Hi

Not sure if this comes under css or semantic html....

I am trying to find an alternative to using a table for this requirement.

1. All text can expand.
2. All cells must align (as in a table).
3. Text must make use of available space and cannot wrap.
4. If the content becomes to long, then the panels float underneath (as normal when there is not enough space)

The problem with using a list horizontally is that if labels are longer they wont align (item 2).

So I thought about using a list vertically. This way the list will be as wide as the widest items in the list. Float the content list next to it. That way we keep the alignment.

So far so good.

Problem. Because Panel2-label and panel2-content are associated, if the panel flows underneath because of lack of space. Then the 2 associated panels should not be separated.

I cannot achieve this. I have tried wrapping the panels in a div then adding a nowrap. But this doesn't work.

Do anyone have any thoughts on how to achieve this, or whether it is possible.

Cheers

Langer

<!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" />
<title>Untitled Document</title>
<style type="text/css">
body {font-family: Arial, Helvetica, sans-serif; font-size: 75%; margin: 0px; padding:0px;}
.container {margin: 0 auto; padding:10px; border:1px solid #000; width:600px;}
ul {list-style:none; padding:0; margin:0; float:left;}
li {padding-right:10px; border:1px solid #f90;}
li.li1 {font-weight:bold;}
.panel1 li.li2 {margin-right:10px;}
</style>
</head>
<body>
<div class="container">
<div class="panel1">
<ul>
<li class="li1">Panel 1 label 1</li>
<li class="li1">Panel 1 label 2 longer</li>
</ul>
<ul>
<li class="li2">Panel 1 Content 1</li>
<li class="li2">Panel 1 Content 2 longer</li>
</ul>
</div>
<div class="panel2">
<ul>
<li class="li1">Panel 2 label 1</li>
<li class="li1">Panel 2 label 2 longer</li>
</ul>
<ul>
<li class="li2">Panel 2 content 1</li>
<li class="li2">Panel 2 content 2</li>
</ul>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Hi ,

I have an odd HTML question. In my company we make procedures (stuff that we think we need written down in case we need to repeat it), which we update on a regular basis. Whenever we go to do an install, update, fix, etc. and we need a procedure, we print it out and then head off with it (we make red lines as necessary.) All of these are in HTML and stored in CVS.

One of the engineers (she is not terribly familiar with HTML and turned to me) asked me if I could make a little "box" to the left of a list. The steps of the procedure are a bunch of <li> tags, having a nice box to the left to check it off as you go through them would be great. This stumped me. The best that I could do was make a one-celled table inside the <li> tags (the HTML for which I've posted) in order to get the impression of a "box" where you can check off a step that you just completed. Is there any way to put that box on the left? If you look at the end of this post I made a simple ASCII representation of what I would like to accomplish.

Code:

<html>
  <head>
    <title>
      Example
    </title>
  </head>
  <body>
    <ol>
      <li>
        <table border="1">
          <tr>
            <td>
              &nbsp;&nbsp;&nbsp;&nbsp;
            </td>
          </tr>
        </table>
        Do stuff...
      </li>
      <li>
        <table border="1">
          <tr>
            <td>
              &nbsp;&nbsp;&nbsp;&nbsp;
            </td>
          </tr>
        </table>
        Do stuff...
        <ol type="a">
          <li>
            <table border="1">
              <tr>
                <td>
                  &nbsp;&nbsp;&nbsp;&nbsp;
                </td>
              </tr>
            </table>
            Do sub-step...
          </li>
          <li>
            <table border="1">
              <tr>
                <td>
                  &nbsp;&nbsp;&nbsp;&nbsp;
                </td>
              </tr>
            </table>
            Do sub-step...
          </li>
          <li>
            <table border="1">
              <tr>
                <td>
                  &nbsp;&nbsp;&nbsp;&nbsp;
                </td>
              </tr>
            </table>
            Do sub-step...
          </li>
        </ol>
      </li>
      <li>
        <table border="1">
          <tr>
            <td>
              &nbsp;&nbsp;&nbsp;&nbsp;
            </td>
          </tr>
        </table>
        Do stuff...
      </li>
    </ol>
  </body>
</html>

Code:

+---+
|   |  1) Do stuff...
+---+

+---+
|   |  2) Do stuff...
+---+

       +---+
       |   |  a) Sub-step...
       +---+
       
       +---+
       |   |  b) Sub-step...
       +---+
       
       +---+
       |   |  c) Sub-setp...
       +---+

+---+
|   |  3) Do stuff...
+---+

On my website www.fresh-lobster.co.uk my footer displays 3 lists with various links, in a horizontal line (ul is floated left in the css).

But the way i created the list headers was to put a the list header within an LI so it would format (margin etc) with the rest of the list.

ul
li --list header-- /li
li --list item -- /li
li --list item -- /li
/ul

But when viewing in non-css mode, it displays a disc like any other element in an LI.

I tried using the LH (which is included in html3)...

ul
lh --list header-- /lh
li --list item -- /li
li --list item -- /li
/ul

But IE doesnt like it (even though Opera does). Is the LH element still functioning? or is there some other way of doing it.

Thanks