Re: [WSG] Page-Break-X
on 17/03/06 23:46 Rene Saarsoo said the following: As much as I have tested, this only seems to work in Opera. Maybe you should just try to force page-break after every third office-div (it seems that three of those fit nicely on one page... especially when you remove the header). Probably adding some class="third office" on the server side and something like: .third { page-break-after: always; } or this might work even better: .third + div { page-break-before: always; } Cheers Rene, Yeah pity there is no better/more automatic way to do it. I should be able to implement a 3rd break pretty easily with a touch of php :) Thanks again everyone, Jack ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Page-Break-X
on 17/03/06 15:04 R Walker (RMW Web Publishing) said the following: Try "page-break-inside: avoid;" on your divs. Yeah am using that at the moment but it doesn't seem to do anything... Have got .office { border: 1px solid gray; margin: 10px 0; padding: 5px; page-break-inside: avoid; } ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Page-Break-X
Well i've cleaned up my code, and tried using various page-break- rules that i've found from google.. but I can't seem to get it doing what I need... http://temp.delphinus.co.nz/office_details_test.html I would like to put as many "office" divs as possible on a page, but when that div is going to overlap onto a 2nd page I would like the whole thing to be on the 2nd page, so the div isn't chopped in half. Can anyone give me any pointers please? Kind Regards, Jack ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] page break when printing
on 10/03/06 21:46 Lachlan Hunt said the following: In that case, the look acceptable, the rest don't. Although besides the divs, there are some other things I'd be more concerned about. yes that is terribly sloppy, I agree 100%. still very much a work in progress. Copying and pasting from various other files. But thankyou very much for your comments. Will fix those things up. Kind Regards, Jack ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] page break when printing
on 10/03/06 13:56 Lachlan Hunt said the following: I have a page with about 20-30 div's each about 200-300px height. With that many, you may be overusing/abusing the div element. It's a common mistake, often referred to as "div-mania" (or something along those lines). You should probably try and find more semantic elements. So in this case http://temp.delphinus.co.nz/tab/test.html What would you recommend instead? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] page break when printing
I have a page with about 20-30 div's each about 200-300px height. Unfortunately when printing they sometimes get divided between 2 pages... is there any way round this? Its for an internal thing, so it doesn't _have_ to work with IE, just FF will be fine, but IE'ness would be nice. Cheers, Jack ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] tableless layout stuff
on 07/03/06 12:29 Peter Ottery said the following: Jack wrote: But does anyone have any idea how to put that alongside the title and image etc without using a table? or should i just use a table? Hi Jack, There shouldnt be any need for a table here. just mark your list up as a list and float your image to one side. something like this: http://c41.com.au/test/delphinus_example/index.html (css in the head so just view source) hoping thats what you meant :) pete Thats a much better idea! cheers i'll give that go now :) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] tableless layout stuff
on 07/03/06 12:17 Seona Bellamy said the following: On 07/03/06, *Jack Pivac* <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>> wrote: But does anyone have any idea how to put that alongside the title and image etc without using a table? or should i just use a table? The simplest way would be to wrap the bits you want to have on the left (title, pic, price, etc) in some sort of containing element such as a and float it left. I'd suggest floating your green paragraph to the right, but that would require it to come first in the source I believe, and that's probably not a good idea. If nothing else, it will realy confuse people who don't get the benefit of CSS (older browsers, text browser, screen readers, etc) to see the details before the title! ;) Cheers, Seona. but if i float it left.. then doesn't that mean i have the wrap the whole lot in another div.. and overflow: auto; that, which requires a width for it to work in IE... but was after a more liquid layout... Open to any ideas. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] tableless layout stuff
on 06/03/06 16:57 Christian Montoya said the following: On 3/5/06, Jack Pivac <[EMAIL PROTECTED]> wrote: Hi Everyone, Few questions: http://temp.delphinus.co.nz/newsite/shop/shop.php?product=accessories I'm using white-space: pre; so dont have to br every line in the green description stuff... but if the window is resized it doesn't wrap AT ALL... is there a better way to do this? Sorry, but you would have to use 'br' or a list. Pre wrapped text does not break, that's how it behaves. Ok thats fine, I've just used some php to add the 'br's in automatically. But does anyone have any idea how to put that alongside the title and image etc without using a table? or should i just use a table? Cheers, Jack ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] tableless layout stuff
Hi Everyone, Few questions: http://temp.delphinus.co.nz/newsite/shop/shop.php?product=accessories I'm using white-space: pre; so dont have to br every line in the green description stuff... but if the window is resized it doesn't wrap AT ALL... is there a better way to do this? And is there a way to put the green text up at the same height, and to the right of the title and image please? So we have: Title Pic{description} price etc Many Thanks, Jack ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Page veiwing
on 23/02/06 17:05 Angus at InfoForce Services said the following: I am sorry if this is off topic. I do not know who to ask. I have my screen resolution to default to 800 by 600 and thinking of changeing to 1024 by 768. I still would like to view my web pages in 800 by 600. I really do not have the knowledge to have the screendefault to 1024 by 768 and still veiew web pages in 800 by 600. Actually Only one of my apps requires 1024 by 768. I use EditPlus 2.12 with Windows XP Home SP2. Can anyone help? thank you. Use Web Developer... If you are using Firefox, which you should :) https://addons.mozilla.org/extensions/moreinfo.php?id=60&application=firefox Its got a resize option and will resize your browser window to 800x600 or other custom resolutions you can set. Amongst other very cool features. HTH Jack ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] internet exploder margins
As you can see on http://temp.delphinus.co.nz/newsite/ (blue there only for visibility purposes) IE for some reason is adding an extra 10px margin to the left of the house/shop picture... where opera and FF are not... if i set the margin to 0px then it flushes up nice along the left side I'm trying to work out how to center those 3 li/images with a bit of spacing in between. Can anyone give me any tips please? Kind Regards, Jack ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **