Некоторые свойства не переносятся из внешней таблицы стилей - PullRequest
0 голосов
/ 15 марта 2012

Итак, я сейчас создаю сайт и использую один и тот же CSS для каждой страницы. Первоначально я включал его в каждый отдельный документ, однако меня раздражало необходимость менять его на каждой странице, поэтому вместо этого я настроил их все для работы с внешней таблицей стилей. Теперь это работало по большей части, однако перестали работать пара свойств, а именно text-align и float. Что странно, если вы включите эти свойства во внутреннюю таблицу стилей, она снова начнет работать. Я предполагаю, что это связано с какой-то приоритетной вещью, но мне интересно, почему эти конкретные свойства не работают, и есть ли способ указать эти свойства во внешней таблице стилей. Спасибо!

CSS:

    div.box1
    {
        border-width:0px;
        text-align:left
    }
    img.floatLeft
    { 
        float: left; 
        margin: 5px;  
    }

    img.floatRight
    { 
        float: right;  
        margin: 5px;  
     }

HTML:

<div class="box1">
<font face="helvetica">
    TEXT TEXT TEXT <br><br><br>
    <b>NAME</b>
    <br>
    <img src="NAME" class="floatRight">
    TEXT TEXT TEXT<br><br>
    <b>NAME2</b>
    <br>
    <img src="NAME2" width="214" height="130" class="floatLeft">
    TEXT TEX TEXT
</font>
</div>

Ответы [ 2 ]

1 голос
/ 15 марта 2012

Отсутствие точки с запятой в последнем свойстве правила не является проблемой.Некоторые минимизаторы CSS будут делать то же самое.\ Я бы скорее отметил, что следует заменить на (и соответствующий

.
0 голосов
/ 15 марта 2012

Опечатка на text-align:left. Вам не хватает точки с запятой; прекратить заявление. Отдых в порядке.

Левое плавающее изображение не имеет атрибутов src, height или width, поэтому оно в основном не будет отображаться в DOM.

См. Рабочий демо

...