2016-02-26 4 views
-1

Я новичок в CSS (начал смотреть на него вчера!), Поэтому это, вероятно, очень простая проблема, и, надеюсь, кто-то сможет помочь.Содержание поля страницы CSS не отображается

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

Ниже приведен очень простой фрагмент HTML, который должен содержать «Там должно быть что-то!» в поле верхнего левого поля и «Это тело страницы ...» в области главной страницы.

<HTML> 
<HEAD> 
<TITLE></TITLE> 
<STYLE type="text/css"> 

@page { 
    @top-left{ 
    content: "There should be something here!"; 
    } 
    size: A4 portrait; 
    margin: 50; 
} 
</STYLE> 
</HEAD> 

<BODY> 
<P>This is the body of the page... 
</BODY> 
</HTML> 

Текст основного текста появляется, но текст поля отсутствует.

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

Заранее спасибо, Пит.

+0

CSS не является правильным. Пожалуйста, прочитайте, как использовать селекторы и что такое HTML. – Farside

+0

Почему у вас есть контент в теге стиля? –

ответ

0

Родовая рекомендация для вас была бы пройти через некоторый HTML и css tutorials, css tricks (некоторые методы и техник может быть устаревшим) или лучше использовать официальные ссылки, так MDN или official W3C.

Если вы считаете это чрезвычайно сложным для вас, и вы все еще чувствуете потребность, вы можете использовать HTML editors с компонентами WYSIWYG, они упростят запуск для вас.

+1

Похоже, я попытался бежать, прежде чем я смог идти - обратно к учебникам! Благодарю. – pjowen

+0

@pjowen, отличное решение! Удачи! – Farside

+0

Избегайте w3schools! Лучше использовать, например, https://css-tricks.com/ – Wavemaster

0

@top-left не поддерживается всеми двигателями.

Смотрите AnSer на вопросы через simulare: CSS Paged Media Contents Issue

+0

Я думаю, вы немного перепутали это ... Не было ни одного упоминания о механизмах компоновки или поддержке функций. – Farside

Смежные вопросы