2014-12-24 4 views
0

Моя старая страница в стиле HTML имела функционирование фонов. Как показано ниже.

html styling to css styling converter сломал мое фоновое меню

<div style="position:fixed; z-index:999; top:11px; right:2px"> 
<form name="bgcolorForm"><font size="4" color="#FFFFFF">Background: </font> 
<select onChange="if(this.selectedIndex!=0) 
document.bgColor=this.options[this.selectedIndex].value"> 
<option value="choose"></option> 
<option value="CBECE8">Standard</option> 
<option value="FFFFCC">Cream</option> 
<option value="FE2EF7">Pink</option> 
<option value="CCFFCC">light green</option> 
<option value="CCCCCC">gray</option> 
<option value="FFFFFF">white</option> 
<option value="00FFE2">Turqoise</option> 
<option value="FF004D">Red</option> 
</select> 
</form> 
</div> 

Однако после ввода этого кода в проверки ошибок в .
Я столкнулся с тонной просьбой добавить css вместо HTML-стиля.
Итак, я попросил фиксированный код, и я использовал его в отдельном файле.
Но ... Код для меню больше не работает, я внес небольшие изменения в содержимое и позиционирование, но я не ожидал, что он будет «сломан»

Это то, что мне дали:

.... 
<head> 
.... 
div.c8 {position:fixed; z-index:999; top:55px; left:3px} 
.... 

<div class="c8"> 
<form name="bgcolorForm" id="bgcolorForm"><select onchange="if(this.selectedIndex!=0) 
document.bgColor=this.options[this.selectedIndex].value"> 
<option value="choose">Background</option> 
<option value="CBECE8">Standard</option> 
<option value="FFFFCC">Cream</option> 
<option value="FE2EF7">Pink</option> 
<option value="CCFFCC">Pale green</option> 
<option value="CCCCCC">Gray</option> 
<option value="FFFFFF">White</option> 
<option value="00FFE2">Turqoise</option> 
<option value="FF004D">Red</option> 
</select></form> 
</div> 

Я не совсем уверен, что сломано, но я своего рода нужно ее исправить.

Огромное спасибо всем, кто может помочь!

+0

Что вы подразумеваете под сломанным? Что не работает? Есть ли ссылка на страницу? Вы упоминаете меню в какой-то момент, но вопрос не ясен. – Brian

+0

«Фон:» должен находиться в '

+0

+ Brian Bennett По сломанному я имею в виду, когда я использовал предыдущий код, который был стилизован в html, фоновое меню работало, но теперь его стиль в css больше не меняет фон. – Salamander115

ответ

0

Ваш CSS переопределяет сценарий form, когда пользователи выбирают цвет. Я предполагаю, что он был добавлен, когда валидатор кода сгенерировал CSS на основе кода страницы, который вы отправили. Просто удалите свойство background-color из тега body в файле CSS (строка 13 в HTML), и коммутатор снова работает. Я бы установить цвет страницы по умолчанию в вашем ниспадающего с чем-то вроде:

<form> 
    <select> 
    <option value="#FFF">Default</option> 
    <!-- The rest go here... --> 
    </select> 
</form> 

Таким образом, страница всегда будет загружаться с опцией по умолчанию выбран, и вы не должны укладывать его в CSS.

+0

Я дам это сейчас, спасибо, если это сработает! – Salamander115

+0

Спасибо вам большое, теперь это работает, но цвет по умолчанию для страницы теперь белый, когда он загружен ... Это должно быть # CEBCE8. спасибо, если вы знаете, как это сделать! – Salamander115