Тестовый файл с ПК работает, но после загрузки — нет. Почему? И как это исправить? ⇐ CSS

[Anonymous]

Я меняю дизайн левой части навигации на своем веб-сайте. Я использую HTML и CSS. Я создал тестовый файл, и он сработал. Но затем я загрузил модифицированный файл CSS и тестовый файл на свой сайт. И это не сработало. Я хотел бы знать, что происходит, но, что более важно, мне нужно знать (или выяснить), как заставить все работать при фактической загрузке на сайт. Если это не сработает, разве это не должно быть так везде?
Спасибо.
Вот код CSS (включая как старые, так и новые код, так как сейчас я хочу, чтобы оба работали)

Код: Выделить всё

    /* Left sidebar floating with variable width 10% width for now with 0 margins and 2 em    padding */
#leftnav
{position: relative;
clear: left;
float: left;
width: 10%;
margin: 0;
padding: .5em;
margin-right: 15px; margin-top: 40px;
}
/* Remove space above content in left navigation */
#leftnav h3 { margin: 0 0 .5em 0; }

/* thin rule between link groups */
#leftnav hr {height: 1px;  border: 0px solid #24080E;}

/* code to strip bullets from ul code - Moved up 27 May 2024 */
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
/* end ul bullet strip code. See silverdragon-css-notes for details and html test code */

/* Leftside navigation using dropdown menus. Code adapted from www.w3schools.com: Dropdown  menu code */
.dropbtn {
background-color: #ffffff;
color: #28040e;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
font-family: "Arial Narrow";
color: #28040e;
line-height: 1.0;
font-weight: 400;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: #ffffff;
}
/*end drop menu code */

А вот HTML-код — который, как я знаю, в некоторых местах грамматически неверен, но так работает лучше — я почти уверен, что мои s и несбалансированы:< /p>

Код: Выделить всё

SHOP
[list][*]

Paintings: Tikkun Olam

[url=https://www.vener-art.com/Fine-Art-Latest-Series.html]Works for Peace[/url]
[url=https://www.vener-art.com/Fine-Art-Latest-Series.html]Mismanaged Earth[/url]
[url=https://www.vener-art.com/Fine-Art-Latest-Series.html]Offering Respite[/url]


[*]

Works of Art on Paper

[url=#]Pen and Ink and Watercolor, larger works[/url]
[url=#]Digital Downloadable Coloring Pages[/url]


[*]

Bead Work

[url=#]Feminine Power Pendants[/url]
[url=#]Neckpieces and Necklaces[/url]
[url=#] Sprial Weave Necklaces[/url]

[/list]

Я пытался найти код разными способами, включая попытки открыть и закрыть s, и т. д. для балансировки. Кажется, это не имеет значения.
Я не забываю перезагружать страницы при каждой попытке, поэтому почти уверен, что каждый раз просматриваю последнюю попытку.
Результатом должно стать выпадающее меню без каких-либо маркеров. Я получаю текстовые поля со ссылками, отображаемыми под текстом, который должен быть заголовками меню.

Подробнее здесь: https://stackoverflow.com/questions/785 ... o-fix-this