Zaloguj | Zarejestruj | FAQ
Anonymous

Align/center printable text

+ Odpowiedz

Posty: 6 Strona 1 z 1


Align/center printable text

przez katamail » Śr wrz 24, 2014 10:27 am

Hi!

I'm having a problem when printing a text area on my homepage, text will appear to the right of the A4-paper and I'm not able to figure out how to center it.
what do I need to do for the text to appear at the center of the printing page?




Here is the HTML:

<div id="printable">

<---printable area--->

</div>


and here is the CSS:


@media print {
body * {
visibility:hidden;
}
#printable, #printable * {
visibility:visible;
}
#printable { /* aligning the printable area */
position:absolute;
left:40;
top:40;
}
}



Thanks in advance for any help

Max

Ostatnio edytowano Cz wrz 25, 2014 8:28 am przez katamail, łącznie edytowano 1 raz

Avatar użytkownika

katamail

  • Posty: 6
  • Dołączył(a): N wrz 21, 2014 2:00 pm

Re: Align/center printable text

przez XainPro » Śr wrz 24, 2014 11:25 am

<style type="text/css" media="print">
<!--css code goes here-->
</style>
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Align/center printable text

przez katamail » Śr wrz 24, 2014 11:34 am

It din't work, but thanks for the anwser
Avatar użytkownika

katamail

  • Posty: 6
  • Dołączył(a): N wrz 21, 2014 2:00 pm

Re: Align/center printable text

przez XainPro » Śr wrz 24, 2014 11:40 am

its working here is my complete code


Kod: Zaznacz cały
<html>
<head>
<style>
#printable { visibility:hidden; }
@media print {
#printable {
visibility:visible;
position:absolute;
left:40;
top:40;
}
#printable { /* aligning the printable area */

}
}
</style>
</head>
<body>
<div id="printable">
ABC
</div>


</body>

</html>
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Align/center printable text

przez katamail » Śr wrz 24, 2014 2:19 pm

I tried to put your code:


<style>
#printable { visibility:hidden; }
@media print {
#printable {
visibility:visible;
position:absolute;
left:40;
top:40;
}
#printable { /* aligning the printable area */

}
}
</style>


in between the <head> and:


<div id="printable">

<---textarea--->

</div>


in the textarea, but the text desappeared and pictures repositioned on the top of the webpage

Thanks but it didn't work out for me

Cheers
Max
Avatar użytkownika

katamail

  • Posty: 6
  • Dołączył(a): N wrz 21, 2014 2:00 pm

Re: Align/center printable text

przez XainPro » Cz wrz 25, 2014 12:52 pm

the text disappear that what is done in this code means it works.
check it's print preview and the text will appear in print preview
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1