Re: [WSG] Page-Break-X

2006-03-17 Thread Jack Pivac

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
**



[WSG] Page-Break-X

2006-03-16 Thread Jack Pivac
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-X

2006-03-16 Thread Jack Pivac

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
**



Re: [WSG] page break when printing

2006-03-10 Thread Jack Pivac

on 10/03/06 21:46 Lachlan Hunt said the following:
In that case, the div class=office 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
**



[WSG] page break when printing

2006-03-09 Thread Jack Pivac

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] page break when printing

2006-03-09 Thread Jack Pivac

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
**



Re: [WSG] tableless layout stuff

2006-03-06 Thread Jack Pivac

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
**



Re: [WSG] tableless layout stuff

2006-03-06 Thread Jack Pivac

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 
div 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

2006-03-06 Thread Jack Pivac

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
**



[WSG] tableless layout stuff

2006-03-05 Thread Jack Pivac

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
**



[WSG] internet exploder margins

2006-02-22 Thread Jack Pivac

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
**



Re: [WSG] Page veiwing

2006-02-22 Thread Jack Pivac

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=60application=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
**