This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > April 2004 > Print CSS Problem





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Print CSS Problem
justin

2004-04-02, 5:37 pm

Need help trying to fix my print.css file to print only the div tag .main.
Basically I want the main copy to be flush left 1 inch margin. Here is the
page I'm referring to http://63.249.12.9/lenses/default.asp

Here is the code:
body #mainLy {margin: 0 5%; padding: 0; position: static !important;}<br>
body {margin: 1in !important;} <br>
#subtitle {display: none !important;}<br>
#sidebar {display: none !important;}<br>
#blackbrd {display: none !important;}<br>
#infoDiv {display: none !important;}<br>
#lenseTb {display: none !important;}<br>
#bronicaTb {display: none !important;}<br>
#opticsTb {display: none !important;}<br>
#scAboutNv {display: none !important;}<br>
#scServicesNv {display: none !important;}<br>
#scRepsNv {display: none !important;}<br>
#scDealersNv {display: none !important;}<br>
#scNewsNv {display: none !important;}<br>
#footer {display: none !important;}<br>
#blacktile {display: none !important;}<br>
#scStyle {display: none !important;}<br>

Justin J.


Les Matthews

2004-04-02, 5:37 pm

Try this:

#mainLy {position: static !important;}
body {margin: 1in !important;}
#subtitle {display: none !important;}
#sidebar {display: none !important;}
#blackbrd {display: none !important;}
#infoDiv {display: none !important;}
#lenseTb {display: none !important;}
#bronicaTb {display: none !important;}
#opticsTb {display: none !important;}
#scAboutNv {display: none !important;}
#scServicesNv {display: none !important;}
#scRepsNv {display: none !important;}
#scDealersNv {display: none !important;}
#scNewsNv {display: none !important;}
#footer {display: none !important;}
#blacktile {display: none !important;}
#scStyle {display: none !important;}

"justin" <not@home.com> wrote in message
news:c4k3hb$a26$1@forums.macromedia.com...
> Need help trying to fix my print.css file to print only the div tag .main.
> Basically I want the main copy to be flush left 1 inch margin. Here is the
> page I'm referring to http://63.249.12.9/lenses/default.asp
>
> Here is the code:
> body #mainLy {margin: 0 5%; padding: 0; position: static !important;}<br>
> body {margin: 1in !important;} <br>
> #subtitle {display: none !important;}<br>
> #sidebar {display: none !important;}<br>
> #blackbrd {display: none !important;}<br>
> #infoDiv {display: none !important;}<br>
> #lenseTb {display: none !important;}<br>
> #bronicaTb {display: none !important;}<br>
> #opticsTb {display: none !important;}<br>
> #scAboutNv {display: none !important;}<br>
> #scServicesNv {display: none !important;}<br>
> #scRepsNv {display: none !important;}<br>
> #scDealersNv {display: none !important;}<br>
> #scNewsNv {display: none !important;}<br>
> #footer {display: none !important;}<br>
> #blacktile {display: none !important;}<br>
> #scStyle {display: none !important;}<br>
>
> Justin J.
>
>



justin

2004-04-02, 5:38 pm

Les, that was it. How can I get the layer to be flush left when it's
printing? Right now it's still positioned in the same area and therefore,
the right side of the copy still get's cut off. I thought adding "margin: 0
5%; padding: 0;" to the #mainLy would fix this but it didn't.

Justin J.



"Les Matthews" <LesAMatthews@yahoo.com> wrote in message
news:c4k4au$baf$1@forums.macromedia.com...
> Try this:
>
> #mainLy {position: static !important;}
> body {margin: 1in !important;}
> #subtitle {display: none !important;}
> #sidebar {display: none !important;}
> #blackbrd {display: none !important;}
> #infoDiv {display: none !important;}
> #lenseTb {display: none !important;}
> #bronicaTb {display: none !important;}
> #opticsTb {display: none !important;}
> #scAboutNv {display: none !important;}
> #scServicesNv {display: none !important;}
> #scRepsNv {display: none !important;}
> #scDealersNv {display: none !important;}
> #scNewsNv {display: none !important;}
> #footer {display: none !important;}
> #blacktile {display: none !important;}
> #scStyle {display: none !important;}
>
> "justin" <not@home.com> wrote in message
> news:c4k3hb$a26$1@forums.macromedia.com...
..main.[color=darkred]
the[color=darkred]
!important;}<br>[color=darkred]
>
>



Les Matthews

2004-04-02, 5:38 pm

Turn the layer containing your logo into a plain old DIV, and you don't need
the body margins.

#logo {position: static !important;}
#main {position: static !important;}
#subtitle {display: none !important;}
#sidebar {display: none !important;}
#blackbrd {display: none !important;}
#infoDiv {display: none !important;}
#lenseTb {display: none !important;}
#bronicaTb {display: none !important;}
#opticsTb {display: none !important;}
#scAboutNv {display: none !important;}
#scServicesNv {display: none !important;}
#scRepsNv {display: none !important;}
#scDealersNv {display: none !important;}
#scNewsNv {display: none !important;}
#footer {display: none !important;}
#blacktile {display: none !important;}
#scStyle {display: none !important;}


"justin" <not@home.com> wrote in message
news:c4k4pj$c17$1@forums.macromedia.com...
> Les, that was it. How can I get the layer to be flush left when it's
> printing? Right now it's still positioned in the same area and therefore,
> the right side of the copy still get's cut off. I thought adding "margin:

0
> 5%; padding: 0;" to the #mainLy would fix this but it didn't.
>
> Justin J.
>
>
>
> "Les Matthews" <LesAMatthews@yahoo.com> wrote in message
> news:c4k4au$baf$1@forums.macromedia.com...
> .main.
> the
> !important;}<br>
>
>



justin

2004-04-02, 5:38 pm

Thanks Les for all your help. That was it.

Justin J.

"Les Matthews" <LesAMatthews@yahoo.com> wrote in message
news:c4k5f8$d1e$1@forums.macromedia.com...
> Turn the layer containing your logo into a plain old DIV, and you don't

need
> the body margins.
>
> #logo {position: static !important;}
> #main {position: static !important;}
> #subtitle {display: none !important;}
> #sidebar {display: none !important;}
> #blackbrd {display: none !important;}
> #infoDiv {display: none !important;}
> #lenseTb {display: none !important;}
> #bronicaTb {display: none !important;}
> #opticsTb {display: none !important;}
> #scAboutNv {display: none !important;}
> #scServicesNv {display: none !important;}
> #scRepsNv {display: none !important;}
> #scDealersNv {display: none !important;}
> #scNewsNv {display: none !important;}
> #footer {display: none !important;}
> #blacktile {display: none !important;}
> #scStyle {display: none !important;}
>
>
> "justin" <not@home.com> wrote in message
> news:c4k4pj$c17$1@forums.macromedia.com...
therefore,[color=darkred]
"margin:[color=darkred]
> 0
is[color=darkred]
>
>



Les Matthews

2004-04-02, 5:39 pm


"justin" <not@home.com> wrote in message
news:c4k6cf$eaj$1@forums.macromedia.com...
> Thanks Les for all your help. That was it.
>


you're welcome
:)


mzanime.com

2004-04-02, 5:41 pm

Also, grouping will allow you to reduce the size of your CSS file a bit.
http://www.w3.org/TR/REC-CSS2/selector.html#grouping

#logo, #main {
position: static !important;
}
#subtitle, #sidebar, #blackbrd, #infoDiv, #lenseTb, #bronicaTb, #opticsTb,
#scAboutNv,
#scServicesNv, #scRepsNv, #scDealersNv, #scNewsNv, #footer, #blacktile,
#scStyle {
display: none !important;
}

Randy Edmunds

2004-04-02, 10:32 pm

Justin,

There is an extension called "CSS Target Media Type" for DW MX 2004 on
the Macromedia Exchange that allows you to view and edit pages for any
media type. This will save you some time and also save a tree or 2!

HTH,
Randy


> Need help trying to fix my print.css file to print only the div tag .main.
> Basically I want the main copy to be flush left 1 inch margin. Here is the
> page I'm referring to http://63.249.12.9/lenses/default.asp


Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews