1. Tudásbázis
  2. Egyéb
  3. Furcsan jelenik meg az oldal nyomtataskor

Furcsan jelenik meg az oldal nyomtataskor

Beküldte zoliky - 2007. június 5. 17.53
zoliky képe

Elege furcsa problemaval talalkoztam, remelem nem lesz gond, hogy ket forum temat nyitotam ma, ha igen akkor elnezest!

Szoval a problema az, hogy a kovetkezo modon jelenik meg az oldalam a Firefox Print Preview-nal: http://aycu38.webshots.com/image/17437/2004924292110340823_rs.jpg

Az ures kockak forum hozaszolasokat abrazolnak, a gond az, hogy az utolso hozaszolas kiszalad az oldalbol es a tobbi lap nem is latszik. Mintha csak az elso lap letezne!

Elege gyanus, akkor is elofurdol ha kikapcsolom a "print.css" stilust.

Van valami otlet, miert fordul elo ?

Fórum: 
Egyéb
zoliky képe

Beküldte zoliky - 2007. június 5. 19.23

Valamire rajottem, azt hiszem a rendes CSS fajlban (style.css) van a gond.

Igy nez ki a CSS kod amely a forum tartalmat sminkeli:

#main {
	float: left;
	width: 582px;
	overflow-x: hidden;
}

Ha torlom az "overflow-x: hidden;" sort akkor minden ok de a nagyon hosszu web cimek kifutnak az oldalbol, kb. az ami a drupal.hu-n is megtortenik.

Milyen megoldast javasoltok ?

0
0
zoliky képe

Beküldte zoliky - 2007. június 6. 10.33

Darabokra szedtem a lapot, igy nez ki a page.tpl.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php print $language ?>" xml:lang="<?php print $language ?>">
<head>
<title><?php print $head_title; ?></title>
<?php print $head; ?>
<?php print $styles; ?>
</head>
<body>
 
<div id="page">
  <div id="main">
   <a href="http://klikide.hu">Egy nagyon hosszu link amely kifut az oldalbol</a>
   Tobb mint egy A4 oldalnyi szoveg
   Tobb mint egy A4 oldalnyi szoveg
   Tobb mint egy A4 oldalnyi szoveg
   Tobb mint egy A4 oldalnyi szoveg
   ......
   ......
   </div>
 
   <div id="footer">
   footer
   </div>
</div>
 
</body>
</html>

A CSS kod itt van (Csak ez van a style.css fajlban) :

#main {
	overflow: hidden;
	width: 704px;
}

Ha "overflow:hidden" be van kapcsolva akkor a "nagyon hosszu" link nem fut ki az
oldal tartalmabol, de a nyomtatasnal a lap igy nez ki:
http://img76.imageshack.us/img76/6700/pagefa8.png

Az elso oldal belemegy a masodikba, es a masodik oldal is tele kene legyen szovegel! de sajnos nem igy tortenik...

Ha lenne valami otlet kerlek irjatok!

Koszonom!

0
0
zoliky képe

Beküldte zoliky - 2007. június 6. 17.15

Sikerult megoldani a problemat. A kovetkezo sor:

<style type="text/css" media="all">@import "themes/sajattema/style.css";</style>

Az "overlow-x: hidden;" parancsot megjeleniti nyomaton is, amit nem akarok.

Nekem ez kene:

<style type="text/css" media="media">@import "themes/sajattema/style.css";</style>

A drupal az alapertelmezet stilus lapjat a print $styles; valtozobol szedi ki.
Meg lehet valahogy oldani, hogy valtoztasak benne, a media="all"-t at kene irni media="screen"-re.

Koszonom!

0
0
pp képe

Beküldte pp - 2007. június 6. 21.19

miért nem adsz hozzá egy másik css-t, ami direkt a printer-hez van igazítva?

template.php-ba a drupal_add_css függvénnyel be tudsz tenni Te is egy css-t. A harmadik paraméter a media, ami lehet akár "print" is.
drupal_add_css($path = NULL, $type = 'module', $media = 'all', $preprocess = TRUE)

pp

0
0

Palócz István
https://palocz.hu | https://tanarurkerem.hu

zoliky képe

Beküldte zoliky - 2007. június 7. 00.32

Igen hozza adhatok de az a CSS nem fogja felulirni az overflow: hidden parancsot.
Vagy gondolod, hogy mukodik ?

0
0
pp képe

Beküldte pp - 2007. június 7. 05.21

Az álmos könyv szerint ennek működnie kéne.

http://weblabor.hu/cikkek/cssnyomtatas

pp

0
0

Palócz István
https://palocz.hu | https://tanarurkerem.hu

zoliky képe

Beküldte zoliky - 2007. június 7. 10.03

Koszonom ez tenyleg nagyon hasznos cikk!

0
0
zoliky képe

Beküldte zoliky - 2007. június 7. 10.23

Itt van pontosabban mit akarok csinalni:

Van a kovetkezo style sheet:

<style type="text/css" media="all">@import "themes/sajattema/style.css";</style>

Van benne a kovetkezo kod

#main {
  overflow-x: hidden;
}

Most a fenti style sheet utan hozaadok egy ujat, nyomtatasra:

<style type="text/css" media="print">@import "themes/sajattema/print.css";</style>

De nem tudom az overflow-x: hidden-t kikapcsolni az uj print.css fajlban, probaltam ezt de nem mukodik:

#main {
   overflow-x: none;
}

Elolvastam a weblaboron levo doksit de nem emlit semmit errol a dologrol.

A weblabor oldala is egy masik megoldast hasznal, gondolod azert, mert ok sem tudtak ezt megoldani ? Atirtak a style.css fajlnak a media tipusat screen-re.

Csak a problema, en nem tudok bele turkalni a print $styles; valtozoba. Es konnyeb lenne ha megszuntetnem az overflow-ot a print fajlban.

0
0
pp képe

Beküldte pp - 2007. június 7. 10.27

Nem mindegy a css-ek sorrendje!

ilyenkor egy !important szokot segíteni ;)
Egyébként azt mondják a visible az alapértelmezett...

#main {
   overflow-x: 	visible !important;
}

pp
(na ez a totál nem Drupal szál ;) ez a Weblaborra való, ott már régen megválaszolták volna a CSS guruk.)

0
0

Palócz István
https://palocz.hu | https://tanarurkerem.hu

zoliky képe

Beküldte zoliky - 2007. június 7. 11.00

Koszi, most mukodik!
Most mar megbeszeltunk mindent, vege a temanak.

0
0