0
https://jsfiddle.net/tdyd5naw/CSS: встроенный стиль применяется ко <fieldset>, но когда я пишу один и тот же код на внешний CSS и ссылки по идентификатору стиля не применяется
Файл CSS связан правильно, как дивы колонтитулов действительно получить стиль. Я думаю, что это проблема с селекторами, но после того, как вы попробовали столько опций, которые выглядели соответствующими W3C, я в недоумении.
Вот соответствующий HTML
<body>
<div class = "header"><h1>Library</h1>
</div>
<form action = "newUser.php" method = "POST">
<fieldset id="newAc">
<legend>New Accouunt Details</legend>
Choose Username: <br>
<input type = "text" name = "uname"/><br>
Choose Password: <br>
<input type = "password" name = "pass1"/><br>
Re-Enter Password: <br>
<input type = "password" name = "pass2"/><br>
</fieldset>
<fieldset id = "personalInfo">
<legend>Personal Info</legend>
First Name: <br>
<input type = "text" name = "fname"/><br>
Surname: <br>
<input type = "text" name = "sname"/><br>
Address Line 1: <br>
<input type = "text" name = "addr1"/><br>
Address Line 2: <br>
<input type = "text" name = "addr2"/><br>
City: <br>
<input type = "text" name = "city"/><br>
Telephone Home: <br>
<input type = "text" name = "hphone"/><br>
Telephone Mobile: <br>
<input type = "text" name = "mphone"/><br>
</fieldset>
<input type = "submit" value = "Register"/><br>
</form>
<div class = "footer">
</div>
</body>
и здесь есть соответствующее CSS
#newAc {
position:relative;
disblay:block;
float:left;
top: 100px;
}
#personalInfo{
position: relative;
display: block;
float: left;
top: 100px
}
https://jsfiddle.net/tdyd5naw/ –
Добавьте его вопрос так другие тоже это видят. –
Нет. Ваш CSS не включен в JSfiddle. вам нужно загрузить его непосредственно в поле CSS. Ссылка на него не будет работать, если она не является локальной. –