You are viewing a plain text version of this content. The canonical link for it is here.
Posted to fop-users@xmlgraphics.apache.org by Mario Madunic <Ma...@newflyer.com> on 2010/02/09 14:15:32 UTC
site with good tutorial on floating blocks
Anyone have a link to a good tutorial on how to float blocks? What I'm looking for in particular is to have a block with 2 blocks inside it. The inner two blocks would be side by side.
Marijan (Mario) Madunic
Publishing Specialist
New Flyer Industries
--------------------------------------------------------------------
Please consider the environment before printing this e-mail.
CONFIDENTIALITY STATEMENT: This communication (and any and all information or material transmitted with this communication) is confidential, may be privileged and is intended only for the use of the intended recipient. If you are not the intended recipient, any review, retransmission, circulation, distribution, reproduction, conversion to hard copy, copying or other use of this communication, information or material is strictly prohibited and may be illegal. If you received this communication in error or if it is forwarded to you without the express authorization of New Flyer, please notify us immediately by telephone or by return email and permanently delete the communication, information and material from any computer, disk drive, diskette or other storage device or media. Thank you.
---------------------------------------------------------------------
To unsubscribe, e-mail: fop-users-unsubscribe@xmlgraphics.apache.org
For additional commands, e-mail: fop-users-help@xmlgraphics.apache.org
RE: site with good tutorial on floating blocks
Posted by Mario Madunic <Ma...@newflyer.com>.
I thought FO would behave “just” like CSS but I guess that comes from not working in print that much and seeing how many of FO’s attributes are the same as CSS. Gave me a false sense of security but I’m starting to get the hang of it.
Marijan (Mario) Madunic
Publishing Specialist
New Flyer Industries
From: Arian [mailto:armyofda12mnkeys@gmail.com]
Sent: Tuesday, February 09, 2010 2:30 PM
To: fop-users@xmlgraphics.apache.org
Subject: Re: site with good tutorial on floating blocks
Cool, On a sidenote, today I had the fun chance to do this rounded-corner/gradient design in xsl-fo (http://arianhojat.com/temp/confidential_whole_2.gif). Since the area was fixed width, I used that top header part as an image which extends the border downwards, and a bottom-aligned image which extends the border/gradient fade-in upwards. Then just used margins to put the text from touching the header image. So just needed 2 sibling blocks to do it (header and body blocks basically), wished though it was more like css rounded corners with options to do it via wrappers, negative margins, floats etc. Didn't really seem like xsl-fo could do it easily via those css-type methods.
In retrospect, I am just patting myself on the back in this email :).
-Arian
On Tue, Feb 9, 2010 at 11:56 AM, Mario Madunic <Ma...@newflyer.com> wrote:
Ari, I take that back about tables. Just looked at how notes are done in DITA and see that a table is used.
Marijan (Mario) Madunic
Publishing Specialist
New Flyer Industries
From: Mario Madunic [mailto:Mario_Madunic@newflyer.com]
Sent: Tuesday, February 09, 2010 10:11 AM
To: fop-users@xmlgraphics.apache.org
Subject: RE: site with good tutorial on floating blocks
Ari, could do it easy enough with a table but want to keep away from tag abuse (imo why most web sites are abysmal code wise). I’m thinking more on the lines of WAI and screen readers. Don’t want the page to be too confusing to the reader. I was actually thinking of using an outdent and setting the image associated with the block as the first part of the block. Hopefully that is not clear as mud.
But have I missed your point?
Marijan (Mario) Madunic
Publishing Specialist
New Flyer Industries
From: Yoink Boink [mailto:armyofda12mnkeys@gmail.com]
Sent: Tuesday, February 09, 2010 9:50 AM
To: fop-users@xmlgraphics.apache.org
Subject: Re: site with good tutorial on floating blocks
I just get by using tables. I now understand why the Web 1.0 generation developer hated tables for layout ;).
Ari
On Tue, Feb 9, 2010 at 10:46 AM, Pascal Sancho <pa...@takoma.fr> wrote:
Googlize "usecases xsl-fo float".
Note that FOP doesn't support for fo:float.
Pascal
Mario Madunic a écrit :
> Anyone have a link to a good tutorial on how to float blocks? What I'm looking for in particular is to have a block with 2 blocks inside it. The inner two blocks would be side by side.
>
> Marijan (Mario) Madunic
>
---------------------------------------------------------------------
To unsubscribe, e-mail: fop-users-unsubscribe@xmlgraphics.apache.org
For additional commands, e-mail: fop-users-help@xmlgraphics.apache.org
________________________________
P Please consider the environment before printing this e-mail.
CONFIDENTIALITY STATEMENT: This communication (and any and all information or material transmitted with this communication) is confidential, may be privileged and is intended only for the use of the intended recipient. If you are not the intended recipient, any review, retransmission, circulation, distribution, reproduction, conversion to hard copy, copying or other use of this communication, information or material is strictly prohibited and may be illegal. If you received this communication in error or if it is forwarded to you without the express authorization of New Flyer, please notify us immediately by telephone or by return email and permanently delete the communication, information and material from any computer, disk drive, diskette or other storage device or media. Thank you.
________________________________
P Please consider the environment before printing this e-mail.
CONFIDENTIALITY STATEMENT: This communication (and any and all information or material transmitted with this communication) is confidential, may be privileged and is intended only for the use of the intended recipient. If you are not the intended recipient, any review, retransmission, circulation, distribution, reproduction, conversion to hard copy, copying or other use of this communication, information or material is strictly prohibited and may be illegal. If you received this communication in error or if it is forwarded to you without the express authorization of New Flyer, please notify us immediately by telephone or by return email and permanently delete the communication, information and material from any computer, disk drive, diskette or other storage device or media. Thank you.
--------------------------------------------------------------------
Please consider the environment before printing this e-mail.
CONFIDENTIALITY STATEMENT: This communication (and any and all information or material transmitted with this communication) is confidential, may be privileged and is intended only for the use of the intended recipient. If you are not the intended recipient, any review, retransmission, circulation, distribution, reproduction, conversion to hard copy, copying or other use of this communication, information or material is strictly prohibited and may be illegal. If you received this communication in error or if it is forwarded to you without the express authorization of New Flyer, please notify us immediately by telephone or by return email and permanently delete the communication, information and material from any computer, disk drive, diskette or other storage device or media. Thank you.
Re: site with good tutorial on floating blocks
Posted by Arian <ar...@gmail.com>.
Cool, On a sidenote, today I had the fun chance to do this
rounded-corner/gradient design in xsl-fo (
http://arianhojat.com/temp/confidential_whole_2.gif). Since the area was
fixed width, I used that top header part as an image which extends the
border downwards, and a bottom-aligned image which extends the
border/gradient fade-in upwards. Then just used margins to put the text from
touching the header image. So just needed 2 sibling blocks to do it (header
and body blocks basically), wished though it was more like css rounded
corners with options to do it via wrappers, negative margins, floats etc.
Didn't really seem like xsl-fo could do it easily via those css-type
methods.
In retrospect, I am just patting myself on the back in this email :).
-Arian
On Tue, Feb 9, 2010 at 11:56 AM, Mario Madunic
<Ma...@newflyer.com>wrote:
> Ari, I take that back about tables. Just looked at how notes are done in
> DITA and see that a table is used.
>
>
>
> Marijan (Mario) Madunic
>
> Publishing Specialist
>
> New Flyer Industries
>
>
>
> *From:* Mario Madunic [mailto:Mario_Madunic@newflyer.com]
> *Sent:* Tuesday, February 09, 2010 10:11 AM
>
> *To:* fop-users@xmlgraphics.apache.org
> *Subject:* RE: site with good tutorial on floating blocks
>
>
>
> Ari, could do it easy enough with a table but want to keep away from tag
> abuse (imo why most web sites are abysmal code wise). I’m thinking more on
> the lines of WAI and screen readers. Don’t want the page to be too confusing
> to the reader. I was actually thinking of using an outdent and setting the
> image associated with the block as the first part of the block. Hopefully
> that is not clear as mud.
>
>
>
> But have I missed your point?
>
>
>
> Marijan (Mario) Madunic
>
> Publishing Specialist
>
> New Flyer Industries
>
>
>
> *From:* Yoink Boink [mailto:armyofda12mnkeys@gmail.com]
> *Sent:* Tuesday, February 09, 2010 9:50 AM
> *To:* fop-users@xmlgraphics.apache.org
> *Subject:* Re: site with good tutorial on floating blocks
>
>
>
> I just get by using tables. I now understand why the Web 1.0 generation
> developer hated tables for layout ;).
> Ari
>
> On Tue, Feb 9, 2010 at 10:46 AM, Pascal Sancho <pa...@takoma.fr>
> wrote:
>
> Googlize "usecases xsl-fo float".
>
> Note that FOP doesn't support for fo:float.
>
> Pascal
>
> Mario Madunic a écrit :
>
> > Anyone have a link to a good tutorial on how to float blocks? What I'm
> looking for in particular is to have a block with 2 blocks inside it. The
> inner two blocks would be side by side.
> >
> > Marijan (Mario) Madunic
> >
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: fop-users-unsubscribe@xmlgraphics.apache.org
> For additional commands, e-mail: fop-users-help@xmlgraphics.apache.org
>
>
>
>
> ------------------------------
>
> *P** **Please** consider the environment before printing this e-mail.*
>
>
> CONFIDENTIALITY STATEMENT: This communication (and any and all information
> or material transmitted with this communication) is confidential, may be
> privileged and is intended only for the use of the intended recipient. If
> you are not the intended recipient, any review, retransmission, circulation,
> distribution, reproduction, conversion to hard copy, copying or other use of
> this communication, information or material is strictly prohibited and may
> be illegal. If you received this communication in error or if it is
> forwarded to you without the express authorization of New Flyer, please
> notify us immediately by telephone or by return email and permanently delete
> the communication, information and material from any computer, disk drive,
> diskette or other storage device or media. Thank you.
>
>
> ------------------------------
>
> *P** **Please** consider the environment before printing this e-mail.*
>
> CONFIDENTIALITY STATEMENT: This communication (and any and all information
> or material transmitted with this communication) is confidential, may be
> privileged and is intended only for the use of the intended recipient. If
> you are not the intended recipient, any review, retransmission, circulation,
> distribution, reproduction, conversion to hard copy, copying or other use of
> this communication, information or material is strictly prohibited and may
> be illegal. If you received this communication in error or if it is
> forwarded to you without the express authorization of New Flyer, please
> notify us immediately by telephone or by return email and permanently delete
> the communication, information and material from any computer, disk drive,
> diskette or other storage device or media. Thank you.
>
>
RE: site with good tutorial on floating blocks
Posted by Mario Madunic <Ma...@newflyer.com>.
Ari, I take that back about tables. Just looked at how notes are done in DITA and see that a table is used.
Marijan (Mario) Madunic
Publishing Specialist
New Flyer Industries
From: Mario Madunic [mailto:Mario_Madunic@newflyer.com]
Sent: Tuesday, February 09, 2010 10:11 AM
To: fop-users@xmlgraphics.apache.org
Subject: RE: site with good tutorial on floating blocks
Ari, could do it easy enough with a table but want to keep away from tag abuse (imo why most web sites are abysmal code wise). I’m thinking more on the lines of WAI and screen readers. Don’t want the page to be too confusing to the reader. I was actually thinking of using an outdent and setting the image associated with the block as the first part of the block. Hopefully that is not clear as mud.
But have I missed your point?
Marijan (Mario) Madunic
Publishing Specialist
New Flyer Industries
From: Yoink Boink [mailto:armyofda12mnkeys@gmail.com]
Sent: Tuesday, February 09, 2010 9:50 AM
To: fop-users@xmlgraphics.apache.org
Subject: Re: site with good tutorial on floating blocks
I just get by using tables. I now understand why the Web 1.0 generation developer hated tables for layout ;).
Ari
On Tue, Feb 9, 2010 at 10:46 AM, Pascal Sancho <pa...@takoma.fr> wrote:
Googlize "usecases xsl-fo float".
Note that FOP doesn't support for fo:float.
Pascal
Mario Madunic a écrit :
> Anyone have a link to a good tutorial on how to float blocks? What I'm looking for in particular is to have a block with 2 blocks inside it. The inner two blocks would be side by side.
>
> Marijan (Mario) Madunic
>
---------------------------------------------------------------------
To unsubscribe, e-mail: fop-users-unsubscribe@xmlgraphics.apache.org
For additional commands, e-mail: fop-users-help@xmlgraphics.apache.org
________________________________
P Please consider the environment before printing this e-mail.
CONFIDENTIALITY STATEMENT: This communication (and any and all information or material transmitted with this communication) is confidential, may be privileged and is intended only for the use of the intended recipient. If you are not the intended recipient, any review, retransmission, circulation, distribution, reproduction, conversion to hard copy, copying or other use of this communication, information or material is strictly prohibited and may be illegal. If you received this communication in error or if it is forwarded to you without the express authorization of New Flyer, please notify us immediately by telephone or by return email and permanently delete the communication, information and material from any computer, disk drive, diskette or other storage device or media. Thank you.
--------------------------------------------------------------------
Please consider the environment before printing this e-mail.
CONFIDENTIALITY STATEMENT: This communication (and any and all information or material transmitted with this communication) is confidential, may be privileged and is intended only for the use of the intended recipient. If you are not the intended recipient, any review, retransmission, circulation, distribution, reproduction, conversion to hard copy, copying or other use of this communication, information or material is strictly prohibited and may be illegal. If you received this communication in error or if it is forwarded to you without the express authorization of New Flyer, please notify us immediately by telephone or by return email and permanently delete the communication, information and material from any computer, disk drive, diskette or other storage device or media. Thank you.
RE: site with good tutorial on floating blocks
Posted by Mario Madunic <Ma...@newflyer.com>.
Ari, could do it easy enough with a table but want to keep away from tag abuse (imo why most web sites are abysmal code wise). I’m thinking more on the lines of WAI and screen readers. Don’t want the page to be too confusing to the reader. I was actually thinking of using an outdent and setting the image associated with the block as the first part of the block. Hopefully that is not clear as mud.
But have I missed your point?
Marijan (Mario) Madunic
Publishing Specialist
New Flyer Industries
From: Yoink Boink [mailto:armyofda12mnkeys@gmail.com]
Sent: Tuesday, February 09, 2010 9:50 AM
To: fop-users@xmlgraphics.apache.org
Subject: Re: site with good tutorial on floating blocks
I just get by using tables. I now understand why the Web 1.0 generation developer hated tables for layout ;).
Ari
On Tue, Feb 9, 2010 at 10:46 AM, Pascal Sancho <pa...@takoma.fr> wrote:
Googlize "usecases xsl-fo float".
Note that FOP doesn't support for fo:float.
Pascal
Mario Madunic a écrit :
> Anyone have a link to a good tutorial on how to float blocks? What I'm looking for in particular is to have a block with 2 blocks inside it. The inner two blocks would be side by side.
>
> Marijan (Mario) Madunic
>
---------------------------------------------------------------------
To unsubscribe, e-mail: fop-users-unsubscribe@xmlgraphics.apache.org
For additional commands, e-mail: fop-users-help@xmlgraphics.apache.org
--------------------------------------------------------------------
Please consider the environment before printing this e-mail.
CONFIDENTIALITY STATEMENT: This communication (and any and all information or material transmitted with this communication) is confidential, may be privileged and is intended only for the use of the intended recipient. If you are not the intended recipient, any review, retransmission, circulation, distribution, reproduction, conversion to hard copy, copying or other use of this communication, information or material is strictly prohibited and may be illegal. If you received this communication in error or if it is forwarded to you without the express authorization of New Flyer, please notify us immediately by telephone or by return email and permanently delete the communication, information and material from any computer, disk drive, diskette or other storage device or media. Thank you.
Re: site with good tutorial on floating blocks
Posted by Yoink Boink <ar...@gmail.com>.
I just get by using tables. I now understand why the Web 1.0 generation
developer hated tables for layout ;).
Ari
On Tue, Feb 9, 2010 at 10:46 AM, Pascal Sancho <pa...@takoma.fr>wrote:
> Googlize "usecases xsl-fo float".
>
> Note that FOP doesn't support for fo:float.
>
> Pascal
>
> Mario Madunic a écrit :
> > Anyone have a link to a good tutorial on how to float blocks? What I'm
> looking for in particular is to have a block with 2 blocks inside it. The
> inner two blocks would be side by side.
> >
> > Marijan (Mario) Madunic
> >
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: fop-users-unsubscribe@xmlgraphics.apache.org
> For additional commands, e-mail: fop-users-help@xmlgraphics.apache.org
>
>
Re: site with good tutorial on floating blocks
Posted by Pascal Sancho <pa...@takoma.fr>.
Googlize "usecases xsl-fo float".
Note that FOP doesn't support for fo:float.
Pascal
Mario Madunic a écrit :
> Anyone have a link to a good tutorial on how to float blocks? What I'm looking for in particular is to have a block with 2 blocks inside it. The inner two blocks would be side by side.
>
> Marijan (Mario) Madunic
>
---------------------------------------------------------------------
To unsubscribe, e-mail: fop-users-unsubscribe@xmlgraphics.apache.org
For additional commands, e-mail: fop-users-help@xmlgraphics.apache.org