Корректная печать страницы

greeen · 22.02.2007, 16:07

При попытке распечатать сайт http://www.siaminterfood.com/ каждая страница растягивается на несколько листов. Как можно корректно настроить CSS, чтобы моя страница не ползла то в ширь, то в длину.... А то мне хочется, что бы сайт както компактнее влезал на печатную страничку... Ну не делать же для каждой страницы дубликат, к кторому прописывать ВЕРСИЮ ДЛЯ ПЕЧАТИ. Что нада изменить с CSS? вот пример того, о чем говорю: http://www.sah-zx.ru/

Maxim T · 22.02.2007, 17:08

Причём здесь TYPO3?
Добавте на страницу css для печати.

<link rel="stylesheet" type="text/css" href="/fileadmin/templates/print.css" media="print">

greeen · 22.02.2007, 19:21

Цитата:

Сообщение от Maxim T

Причём здесь TYPO3?
Добавте на страницу css для печати.

<link rel="stylesheet" type="text/css" href="/fileadmin/templates/print.css" media="print">

Спасибо, братишка!!! вот я в яндексе еще нашел оч подробную инструкцию для таких чайников какк я!
http://www.umade.ru/log/2006/03/186.html

greeen · 24.02.2007, 16:10

Цитата:

Сообщение от Maxim T

Причём здесь TYPO3?
Добавте на страницу css для печати.

<link rel="stylesheet" type="text/css" href="/fileadmin/templates/print.css" media="print">

Слушай, а ка эту строку то добавить в мой шаблон? я ее в сетап в таком виде скопировал (путь верный указал), очистил кэши, а она пофиг- не работает ((( Файл print.css я сделал... ПРи просмотре готовой страницы, ее там вообще нету!!! но стоит убрать в ней media="print", как строка в виде ХТМЛ показывается, но без этого параметра и заменяя нужный CSS..... Открыл документацию и нашел там вот такую интерпритацию:
plugin.alt.print.file.stylesheet = fileadmin/templates/zenlight2col/css/print.css
Попробовал-вообще молчек ((((((((( Или ее в Локалконф как то всунуть? хотя сам слабо верю в это... Помогите пожалуйста!!!

PhilD · 24.02.2007, 21:10

page.headerData.10 = TEXT
page.headerData.10.value = ...

void · 24.02.2007, 23:00

скорее даже page.includeCSS

PhilD · 24.02.2007, 23:23

если точно по теме - да, но у меня уже привычка из-за conditional comments которые TV упорно не желает включать...

greeen · 25.02.2007, 00:01

Цитата:

Сообщение от PhilD

page.headerData.10 = TEXT
page.headerData.10.value = ...

Здравствуй, Фил! посдскажи пожалуйста, вот что я мог упустить? Вот SETUP моего шаблона:

--------------------

# Use CSS Styled Content!
#######################################

# Cache Control Headers (TYPO3 3.8.0)
#######################################
#config.sendCacheHeaders = 1

# XHTML DOCTYPE
#######################################
config.doctype = <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
config.htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"

# Externalize CSS and JS
#######################################
config.removeDefaultJS = external
config.inlineStyle2TempFile = 1

# Spam Protection for Email
#######################################
config {
spamProtectEmailAddresses = 2
spamProtectEmailAddresses_atSubst = (at)
}

# Send UTF-8 Notification Email Headers
#######################################
config.notification_email_charset = utf-8
config.notification_email_encoding = quoted-printable
config.notification_email_urlmode = all

# Simulate static pages (uncomment/comment to configure)
#######################################
config.simulateStaticDocuments = 1
config.simulateStaticDocuments_noTypeIfNoTitle = 1
# config.simulateStaticDocuments_addTitle = 30
# config.simulateStaticDocuments_pageTitleFirst = 1
# config.pageTitleFirst = 1
# config.simulateStaticDocuments_pEnc = base64
# config.simulateStaticDocuments_pEnc = md5
# config.simulateStaticDocuments_pEnc_onlyP = cHash,L,print,L,fD[_FIELDLIST],fD[disable],fD[usergroup],tx_srfeuserregister_pi1[aC],
tx_srfeuserregister_pi1[cmd],tx_srfeuserregister_pi1[rU],tx_srfeuserregister_pi1[sFK],tx_ttnews[backPid], tx_ttnews[tt_news], tx_ttnews[pS], tx_ttnews[pL], tx_ttnews[arc], tx_ttnews[cat], tx_ttnews[pointer], tx_ttnews[swords]
# config.simulateStaticDocuments = PATH_INFO
# config.absRefPrefix = http:// www.mydomain.com/

# Setting up 'page' to be the default PAGE object (type=0)
#######################################
lib.stdheader.10.stdWrap.wrap =
tt_content.stdWrap.dataWrap = <A name="{field:uid}"></a>

page = PAGE
page.typeNum = 0
config.xhtml_cleaning = all
config.disablePrefixComment = 1
config.pageTitleFirst = 1
page.stylesheet = fileadmin/templates/zenlight2col/css/style.css
page.headerData.10 = TEXT
page.headerData.10.value = ( <link rel="stylesheet" type="text/css" href="/fileadmin/templates/zenlight2col/css/print.css" media="print"> )

page.headerData.10 = TEXT
page.headerData.10.value (
<style type="text/css" media="all">
@import url(fileadmin/templates/zenlight2col/css/Menu.css);
</style>

)
page.bodyTag = <body>
page.1 = TEMPLATE
page.1.marks.PAGE_UID = TEXT
page.1.marks.PAGE_UID.field = uid
page.1 {
template = FILE
template.file = fileadmin/templates/zenlight2col/template.html
workOnSubpart = DOCUMENT_BODY
subparts.RNDIMG < temp.rndImageTop
subparts.CONTENT_LEFT < styles.content.getLeft
subparts.CONTENT_RIGHT < styles.content.getRight
subparts.CONTENT_BORDER < styles.content.getBorder
subparts.CONTENT < styles.content.get

# Top horizontal dropdown menu
#######################################
subparts.TOPNAV = HMENU
subparts.TOPNAV.special = directory
#subparts.TOPNAV.special = list
subparts.TOPNAV.special.value = 1
#subparts.TOPNAV.excludeUidList = 1,2,3
subparts.TOPNAV {
wrap = <div id="menu"> | </div>
entryLevel = 0
1 = TMENU
1 {
expAll=1
noBlur = 1
wrap = <ul id="menuList" class="adxm"> | </ul>
NO {
wrapItemAndSub = <li> | </li>
}
}
2 = TMENU
2 {
expAll=1
noBlur = 1
wrap = <ul class="subList"> | </ul>
NO {
wrapItemAndSub = <li class="submenu"> | </li>
}
}
3 = TMENU
3 {
expAll=1
noBlur = 1
wrap = <ul class="subList"> | </ul>
NO {
wrapItemAndSub = <li class="submenu"> | </li>
}
}
4 = TMENU
4 {
expAll=1
noBlur = 1
wrap = <ul class="subList"> | </ul>
NO {
wrapItemAndSub = <li class="submenu"> | </li>
}
}
}

# Vertical Navigation
#######################################
subparts.VERTNAV = HMENU
subparts.VERTNAV.1 = TMENU
subparts.VERTNAV.special = directory
subparts.VERTNAV.special.value = 1
#subparts.VERTNAV.special = list
#subparts.VERTNAV.excludeUidList = 1,2,3
subparts.VERTNAV.1 {

# Normal state properties
#######################################
NO.allWrap = <div class="vertnav1"> | </div>

# Enable active state and set properties:
#######################################
ACT = 1
noBlur = 1
ACT.allWrap = <div class="vertnav1-act"> | </div>
}

subparts.BANNER = FILE
subparts.BANNER.value = fileadmin/templates/counters.txt

# Second level menu-object
#######################################
subparts.VERTNAV.2 = TMENU
subparts.VERTNAV.2 {

# Normal state properties
#######################################
NO.allWrap = <div class="vertnav2"> | </div>

# Enable active state and set properties:
#######################################
ACT = 1
noBlur = 1
ACT.allWrap = <div class="vertnav2-act"> | </div>
}

# Third level menu-object
#######################################
subparts.VERTNAV.3 = TMENU
subparts.VERTNAV.3 {

# Normal state properties
#######################################
NO.allWrap = <div class="vertnav3"> | </div>

# Enable active state and set properties:
#######################################
ACT = 1
noBlur = 1
ACT.allWrap = <div class="vertnav3-act"> | </div>
}

# Fourth level menu-object
#######################################
subparts.VERTNAV.4 = TMENU
subparts.VERTNAV.4 {

# Normal state properties
#######################################
NO.allWrap = <div class="vertnav4"> | </div>

# Enable active state and set properties:
#######################################
ACT = 1
noBlur = 1
ACT.allWrap = <div class="vertnav4-act"> | </div>
}
}
lib.counter1 = HTML
lib.counter1.value = <script type="text/javascript">document.write("<a href='http://www.liveinternet.ru/click' target=_blank><img src='http://counter.yadro.ru/hit?t16.18;r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.widt h+"*"+screen.height+"*"+(screen.colorDepth?screen. colorDepth:screen.pixelDepth)) + ";u" + escape(document.URL) +";i" + escape("Жж"+document.title.substring(0,80)) + ";" + Math.random() + "' border=0 width=88 height=31 alt='' title='LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодн\я'><\/a>")</script>

# Bottom Navigation
#######################################
subparts.BOTTOMNAV = HMENU
# subparts.BOTTOMNAV.special = directory
# subparts.BOTTOMNAV.special.value = 1
subparts.BOTTOMNAV.1 = TMENU
subparts.BOTTOMNAV.1 {
NO.allWrap = |*| <span class="bottomnav"> | |</span> |*|
ACT = 1
noBlur = 1
ACT.allWrap = |*| <span class="bottomnav"> | |</span> |*|
}

subparts.BANNER = FILE
subparts.BANNER.value = fileadmin/templates/counters.txt

# Enabling the admin panel for the 'page' PAGE object:
#######################################
page.config.admPanel=1

#PREVENTS EXISTING USERGROUPS BEING LOST IF A USER EDITS THEIR PROFILE
#######################################
plugin.feadmin.fe_users.edit.evalValues.usergroup = unsetEmpty

#ASSIGNS DEFAULT USERGROUP UID=1 TO ALL NEW USERS
#######################################
plugin.feadmin.fe_users.create.overrideValues.user group = 1

# Click to enlarge popup
#######################################
tt_content.image.20.1.imageLinkWrap {
JSwindow.expand = 0,0
bodyTag = <BODY style="margin: 0; background: #000000;">
title = Page Popup #default(Image)
}

tt_content.textpic.20.1 < tt_content.image.20.1

<link rel="stylesheet" type="text/css" href="/fileadmin/templates/zenlight2col/css/print.css" media="print">

PhilD · 25.02.2007, 00:08

У Вас уже есть page.headerData.10 = TEXT
дописывайте свой css в него или создайте page.headerData.20 = TEXT

greeen · 25.02.2007, 14:26

Цитата:

Сообщение от PhilD

У Вас уже есть page.headerData.10 = TEXT
дописывайте свой css в него или создайте page.headerData.20 = TEXT

Спачибо тебе большое, человек!!! =)) все вставилось ))) Супер!! правда моя CSS оказалась нерабочей, но это детали )))) Все равно, большое спасибо!!

22.02.2007, 16:07	#1
greeen Продвинутый Регистрация: 22.01.2007 Сообщений: 80	Корректная печать страницы При попытке распечатать сайт http://www.siaminterfood.com/ каждая страница растягивается на несколько листов. Как можно корректно настроить CSS, чтобы моя страница не ползла то в ширь, то в длину.... А то мне хочется, что бы сайт както компактнее влезал на печатную страничку... Ну не делать же для каждой страницы дубликат, к кторому прописывать ВЕРСИЮ ДЛЯ ПЕЧАТИ. Что нада изменить с CSS? вот пример того, о чем говорю: http://www.sah-zx.ru/

24.02.2007, 23:00	#6
void Senior Member Регистрация: 14.03.2006 Адрес: Russia, Penza Сообщений: 1,504	скорее даже page.includeCSS __________________ TYPO3 FAQ

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
организация вывода на печать	AndrewKovalenko	Общие вопросы	7	11.04.2009 00:42
Вывод названия страницы	dapissarenko	TYPO3: SEO и статистика посещений	4	11.01.2007 09:24
Как увидеть еонтент страницы имеено на выбраном языке 9 на англ. или рус)??	lili	Общие вопросы	2	15.12.2005 14:37
Как увидеть еонтент страницы имеено на выбраном языке 9 на англ. или рус)??	lili	Общие вопросы	2	08.12.2005 14:13
Как увидеть еонтент страницы имеено на выбраном языке 9 на англ. или рус)??	lili	Общие вопросы	2	08.12.2005 14:12

22.02.2007, 17:08	#2
Maxim T Продвинутый Регистрация: 02.05.2006 Сообщений: 43	Причём здесь TYPO3? Добавте на страницу css для печати. <link rel="stylesheet" type="text/css" href="/fileadmin/templates/print.css" media="print">

24.02.2007, 21:10	#5
PhilD Senior Member Регистрация: 10.03.2006 Адрес: Moscow, Russia Сообщений: 429	page.headerData.10 = TEXT page.headerData.10.value = ...

24.02.2007, 23:23	#7
PhilD Senior Member Регистрация: 10.03.2006 Адрес: Moscow, Russia Сообщений: 429	если точно по теме - да, но у меня уже привычка из-за conditional comments которые TV упорно не желает включать...

25.02.2007, 00:08	#9
PhilD Senior Member Регистрация: 10.03.2006 Адрес: Moscow, Russia Сообщений: 429	У Вас уже есть page.headerData.10 = TEXT дописывайте свой css в него или создайте page.headerData.20 = TEXT