|
|
|
|
01-17-2005, 02:44 PM
|
#1 |
CSS 'Print'
I have a print style sheet, that removes images on the left of a page (from
printing) How do I get my text on the right of the images to appear on the left on the printed page Tom |
|
|
|
01-17-2005, 02:50 PM
|
#2 |
|
Posts: n/a
|
Re: CSS 'Print'
"Tom" <> wrote:
>I have a print style sheet, that removes images on the left of a page (from >printing) How do I get my text on the right of the images to appear on the >left on the printed page Depends on your HTML structure and on your CSS. In general, you would apply display: none; to the element that contains the images, not just to the images themselves, and also you would set any margin-left on the element that contains the text to 0. But that might not apply in your case. Post a URL. Steve |
|
|
|
01-17-2005, 03:49 PM
|
#3 |
|
Posts: n/a
|
Re: CSS 'Print'
>>I have a print style sheet, that removes images on the left of a page >>(from >>printing) How do I get my text on the right of the images to appear on the >>left on the printed page > > Depends on your HTML structure and on your CSS. In general, you would > apply display: none; to the element that contains the images, not just > to the images themselves, and also you would set any margin-left on > the element that contains the text to 0. But that might not apply in > your case. Post a URL. > Thanks steve, that makes sense but can i set individual divs to 'display none' |
|
|
|
01-17-2005, 04:06 PM
|
#4 |
|
Posts: n/a
|
Re: CSS 'Print'
"Tom" <> wrote:
> >>>I have a print style sheet, that removes images on the left of a page >>>(from >>>printing) How do I get my text on the right of the images to appear on the >>>left on the printed page >> >> Depends on your HTML structure and on your CSS. In general, you would >> apply display: none; to the element that contains the images, not just >> to the images themselves, and also you would set any margin-left on >> the element that contains the text to 0. But that might not apply in >> your case. Post a URL. >> > >Thanks steve, that makes sense >but can i set individual divs to 'display none' You can set anything you like to display: none. The only thing to remember is that you can't undo display: none; at a lower level. <div style="display: none;"> not displayed <p style="display: block"> still not displayed </p> </div> Steve |
|
|
|
01-17-2005, 05:02 PM
|
#5 |
|
Posts: n/a
|
Re: CSS 'Print'
>>>>I have a print style sheet, that removes images on the left of a page
>>>>(from >>>>printing) How do I get my text on the right of the images to appear on >>>>the >>>>left on the printed page >>> >>> Depends on your HTML structure and on your CSS. In general, you would >>> apply display: none; to the element that contains the images, not just >>> to the images themselves, and also you would set any margin-left on >>> the element that contains the text to 0. But that might not apply in >>> your case. Post a URL. >>> >> >>Thanks steve, that makes sense >>but can i set individual divs to 'display none' > > You can set anything you like to display: none. The only thing to > remember is that you can't undo display: none; at a lower level. > > <div style="display: none;"> > not displayed > <p style="display: block"> > still not displayed > </p> > </div> If I am reading you correctly does this mean all div tags will either be visible or not visible. Can you select individual ones? |
|
|
|
01-17-2005, 05:10 PM
|
#6 |
|
Posts: n/a
|
Re: CSS 'Print'
"Tom" <> wrote:
>>>>>I have a print style sheet, that removes images on the left of a page >>>>>(from >>>>>printing) How do I get my text on the right of the images to appear on >>>>>the >>>>>left on the printed page >>>> >>>> Depends on your HTML structure and on your CSS. In general, you would >>>> apply display: none; to the element that contains the images, not just >>>> to the images themselves, and also you would set any margin-left on >>>> the element that contains the text to 0. But that might not apply in >>>> your case. Post a URL. >>>> >>> >>>Thanks steve, that makes sense >>>but can i set individual divs to 'display none' >> >> You can set anything you like to display: none. The only thing to >> remember is that you can't undo display: none; at a lower level. >> >> <div style="display: none;"> >> not displayed >> <p style="display: block"> >> still not displayed >> </p> >> </div> > >If I am reading you correctly does this mean all div tags will either be >visible or not visible. Only if you do something like div {display: none} >Can you select individual ones? Yes. Use a class or id selector. Steve |
|
|
|
01-17-2005, 05:28 PM
|
#7 |
|
Posts: n/a
|
Re: CSS 'Print'
"Steve Pugh" <> wrote in message news:... > "Tom" <> wrote: > >>>>>>I have a print style sheet, that removes images on the left of a page >>>>>>(from >>>>>>printing) How do I get my text on the right of the images to appear on >>>>>>the >>>>>>left on the printed page >>>>> >>>>> Depends on your HTML structure and on your CSS. In general, you would >>>>> apply display: none; to the element that contains the images, not just >>>>> to the images themselves, and also you would set any margin-left on >>>>> the element that contains the text to 0. But that might not apply in >>>>> your case. Post a URL. >>>>> >>>> >>>>Thanks steve, that makes sense >>>>but can i set individual divs to 'display none' >>> >>> You can set anything you like to display: none. The only thing to >>> remember is that you can't undo display: none; at a lower level. >>> >>> <div style="display: none;"> >>> not displayed >>> <p style="display: block"> >>> still not displayed >>> </p> >>> </div> >> >>If I am reading you correctly does this mean all div tags will either be >>visible or not visible. > > Only if you do something like > div {display: none} > >>Can you select individual ones? > > Yes. Use a class or id selector. > > Steve Steve excuse my ignorance can you show me an example |
|
|
