HTML+CSS+JavaScript

Почему-то в главном меню, которое я оформила в виде списка, маркеры располагаются слишком далеко от левой границы рамки. Как их можно подвинуть? Пробовала в сss менять padding-left, ничего не дает.

Лучше показать код, в таких вопросах.

В разных браузерах отступы в списках задаются по-разному. Нужно смотреть свойства
margin и padding для элементов
ul(ol) и li

Вы знаете, действительно: в explorere у меня слева от маркеров - большой отступ, а в Mozilla Fierfox - маркеты вообще вылезают за границы таблицы.
Мой код такой:

<table width="100%" height="510" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="20">

<table width="100%" height="60%" bgcolor="#" border="1">
<tr>
<td aline="char" valine="top">

<UL type="disc" aline="left">
<LI> <a href = "http:// "class="mainmenu">1</a></LI>
<hr>

<LI> <a href = "http://" class="mainmenu">2</a></LI>
<hr >

<LI> <a href = "http://" class="mainmenu">3</a></LI>
<hr>

<LI> <a href = "http://localhost/index.php/Bank.php" class="mainmenu">4</a></LI>
<hr>

<UL type="circle">
<LI> <a href = "http://localhost/index.php/depozit.php" class="mainmenu2">4а</a></LI>

<LI> <a href = "http://localhost/index.php/credit.php" class="mainmenu2">4б</a></LI>

<LI> <a href = "http://localhost/index.php/savecards.php" class="mainmenu2">4в</a></LI>
</UL>
<hr>

<LI> <a href = "http://localhost/index.php/car.php" class="mainmenu">5</a></LI>
<hr>

<br>
</UL>

</td>
</tr>

</table>

</td>

<td width="88%">
<table width="100%" height="100%" border="1">
<tr>
<td align="center" valign="top" > Welcome to ...</td>
</tr>
</table>
</td>

<td width="8%" bgcolor="#">
<table width="100%" height="100%" border="1">
<tr>
<td align="left" valign="top" >

<br>
<p>
<a href = "static.php?content=about" target="_blank">About</a></br>
</p>
<br>
<p>
<a href = "static.php?content=advert_info" target="_blank">Advertising Information</a></br>
</p>
<br>
<p>
<a href = "static.php?content=сontact" target="_blank">Contact Us</a></br>
</p>
</tr>
</table>
</td>

</tr>
</table>

В сss я задала два класса:
. mainmenu {
font-size=large;
font-family : "Courier New";
}
.mainmenu2 {
font-size=font-family : "Courier New";
font-size : smaller;
}
Что мне еще добавить?

не проверял. но попробуй css так оформить
.mainmenu {
font-size:20;
font-family :Courier New;
}
.mainmenu2 {
font-family : Courier New;
font-size : 10;
}

Проверила, все по старому, маркеры далеко от таблицы

а ясно)))
неполучится так как ты хочешь сочетание <ul><li> дает такой же эффект как <p></p> в тексте
можешь попробовать так

<table height="60%" border="1"> <tr> <td align='left'> <LI><a href = "# "class="mainmenu">1</a></LI> <hr> <LI><a href = "#" class="mainmenu">2</a></LI> <hr> <LI><a href = "#" class="mainmenu">3</a></LI> <hr> <LI><a href = "#" class="mainmenu">4</a></LI> <hr> <UL type="circle"> <LI><a href = "#" class="mainmenu2">4а</a></LI> <LI><a href = "#" class="mainmenu2">4б</a></LI> <LI><a href = "#" class="mainmenu2">4в</a></LI> </UL> <hr> <LI><a href = "http://localhost/index.php/car.php" class="mainmenu">5</a></LI> </td> </tr> </table>

Посмотрите что я там вам прикрепил. У вас ужасный html был. Используйте CSS побольше. Не ставьте таблицы там, где они не нужны. Я сократил ваш код вдвое.

Спасибо большое, все получилось.
Но появились некоторые вопросы:
1. У вас в документе каждый блок расположен от начала строки на другом уровне - это вы использовали html-редактор? И обязательно ли его использовать? Я, например, писала от руки, что, признаться, долго. Какой-нибудь редактор можете посоветовать?
2. В предложенном вами css есть непонятное в этом блоке
#navigation ul li a {
border: 1px solid black;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}
/*управляем вложенным списком*/
#navigation ul li ul {
margin: 5px 0px 5px 10px;
Почему в border-width: 4 цифры?
Почему в margin: 5px 0px 5px 10px; тоже 4 цифры? Это координаты крайних точек?
3. Как можно список, вложенный в другой список, сделать выпадающим - это касается пунктов 4а, 4б, 4в в моем коде,так чтобы нажимаешь на 4 и выпадает вложенный список.

пишите уже в асю)

использовал блокнотоподобный редактор Uniqway Poetic. Набирал все ручками, как и привык. Отступы расставлял при помощи замечательной клавиши Tab. Если отступы не расставлять, то будет некрасиво и неудобно. Это культура кода.

border-width: ширина_верхней_границы правой нижней левой
margin - то же самое. Отступ сверху, справа, снизу, слева

выпадение по клику - это JS. Выпадение при наведении можно попробовать сделать на CSS