Ссылка “редактирования” плавающая направо от Заголовка (должен сохранить блок тега заголовка),

Боюсь, это не выполнимо изначально.
Но вы можете немного обмануть это, изменив переменную @@ smtp_settings в модели.

На Oreilly есть статья, которая объясняет это довольно хорошо, хотя их код не совсем чистый. http://broadcast.oreilly.com/2009/03/using-multiple-smtp-accounts-w.html

6
задан mskfisher 15 May 2012 в 18:07
поделиться

1 ответ

Для этого существуют разные стратегии. Вы можете либо поместить контейнер, чтобы исправить поплавок, либо использовать сгенерированный контент для его очистки. Я попытаюсь объяснить как с кодом. Для обоих вы можете сохранить свою разметку, но нужно переместить подчеркивание с h1 на класс .header. Затем переместите заголовок влево, отредактируйте вправо и исправьте поплавки, также переместив класс .header. Недостатком этого метода является то, что он зависит от того, что будет после, но работает для вашего изолированного фрагмента кода:

h1 {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.3em;
}

.header { border-bottom: 3px solid #333333; }
.module .header h1 { float: left; }
.module .header a { float: right; }
.module .header { float: left; width: 100%; }

Имхо более приятным решением является использование сгенерированного CSS содержимого для очистки противоположных поплавков вместо плавающего контейнера .header. Но имейте в виду, что это вызовет проблемы в версиях браузеров с меньшей поддержкой CSS.

h1 {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.3em;
}

.header { border-bottom: 3px solid #333333; }
.header:after { content: "."; display: none; clear: both; }
.module .header h1 { float: left; }
.module .header a { float: right; }
.module .header { width: 100%; }

Для получения дополнительной информации о первом методе см. Статью Эрика Мейера http: //www.complexspiral. ком / публикации / содержащие поплавки / . Второй метод описан в http://www.positioniseverything.net/easyclearing.html .

7
ответ дан 17 December 2019 в 00:11
поделиться
Другие вопросы по тегам:

Похожие вопросы: