Re: [WSG] Request possible?

[Michael Vogt]

Hello Philippe.

> No problems ? With Fx Mac and Safari 2.04, 3.03beta and the latest
> WebKit builds, the is a slight overlap: the top part of the floated
> block is partly covered by the text outside of it. In Gecko the
> floated block is under that text, in WebKit, the floated block is on
> top.
> Depending on your font-size, this is more or less pronounced.
>
> (It is a known issue/bug with that kind of trick, btw; the floated
> block is placed slightly too high in the flow).
>
Thank you for pointing out the problems of the test document. Think
this will help later in the implementation.

I am aware that I have to do the finetuning. I sure can't expect
someone else to do my work. Beeing aware of this "trick" Georg posted
in the first place helps a lot.


Cheers,
Michael Vogt


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Request possible?

[Michael Vogt]

Hello Geork.

> > - is there a way  that only 2 lines of text are allowed above the
> > small box? The other text should flow automatically around the box.
>
> With a "spacer-float", yes. See example...
>
> 
>
Yes, this is it. Absolutely great. Thanks a lot.


> IE/win (all versions) need help though, as it mixes up the calculations.
> Most of IE's problems can be avoided by reorganizing where the
> margins/paddings go in the layout as a whole.
>
> Also, the line-up won't be reliable using fixed dimensions, pixels,
> since there isn't such a thing as fixed font-sizes/line-heights in web
> design. Thus, you'll have to modify dimensions to work with relative
> font-sizes/line-heights if you want to avoid all sorts of breaking and
> overlapping when such a request gets subjected to the slightest amount
> of stress across browser-land.
>
> Otherwise: no problem.
>
Yes, works great so far in the editor we use here.


Cheers,
Michael Vogt


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Request possible?

[Michael Vogt]

Hello Dave.

(Sorry for the late reply. somehow Gmail did not list this thread in the inbox)

Thank you for your great suggestions. I am sorry that I was not
clearer about the usage of this template.

In reallity, I deliver only the HTML inside the div.part4, which in
turn wil be made available to editors through an edit interface inside
a CMS. So yes, the editor has another template to add h1 and h2 to the
complete interface. I think, I might need the div.part4 to set correct
margins above and below the template.


> I presume this is part of a page and is just to demonstrate the layout
> but there are other issues like no doctype or character set and the
> your using a heading 3 without 1 or 2 present but I presume this would
> be corrected in the final page?
>
Yes, I hope so. I don't even know the person who binds the complete
site together.


> Obviously this would also include the
> inline style that you have for the margin on the body.
>
Agreed.


> Also you're declaring font-size in pixels but you need to use either
> em or a percentage value if you want the page to be accessible.
>
Yes, I agree. But I do have problems to push this through the powers
that decide what gets to be done. I have a styleguide from a large
design agency in germany. At the beginning of this sheet they write
that they want the fonts set in pixels... pitty.


> You might find this useful to convert your sizes
> http://www.dave-woods.co.uk/?p=79
>
Yes, thanks.


> Other than that though, it's a relatively simple layout so should only
> really need a few  containers and then the relevant heading's
> applied along with paragraphs of text.
>
> Hope that helps.
>
Definitely.


Cheers,
Michael Vogt


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Request possible?

[Gunlaug Sørtun]

Philippe Wittenbergh wrote:


On Nov 6, 2007, at 7:48 PM, Gunlaug Sørtun wrote:




...

Otherwise: no problem.


No problems ? With Fx Mac and Safari 2.04, 3.03beta and the latest 
WebKit builds, the is a slight overlap: the top part of the floated 
block is partly covered by the text outside of it. In Gecko the 
floated block is under that text, in WebKit, the floated block is on 
top. Depending on your font-size, this is more or less pronounced.


Yes, but there's no point in creating a flawless demo if pixel-defined
font-sizes and line-heights are used. It'll break everywhere anyway.
To create something useful out of it, one must get all the ordinary
layout-details right.

Those who want to know more, can dissect Ingo's old demo...

...but it's still incomplete, so /some/ browsers still need more help if
they should get that one right under stress.

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Request possible?

[Philippe Wittenbergh]

On Nov 6, 2007, at 7:48 PM, Gunlaug Sørtun wrote:




...

Otherwise: no problem.


No problems ? With Fx Mac and Safari 2.04, 3.03beta and the latest  
WebKit builds, the is a slight overlap: the top part of the floated  
block is partly covered by the text outside of it. In Gecko the  
floated block is under that text, in WebKit, the floated block is on  
top.

Depending on your font-size, this is more or less pronounced.

(It is a known issue/bug with that kind of trick, btw; the floated  
block is placed slightly too high in the flow).


Philippe
---
Philippe Wittenbergh






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Request possible?

[Gunlaug Sørtun]

Michael Vogt wrote:


html: 



I have 2 questions:



- is there a better way to do the html structure for this?


You'll have to make some structural/sequential changes to get the visual
effect you're after, since CSS alone can't handle such effects with any
accuracy yet. Thus, the visual won't reflect the source-order.

- is there a way  that only 2 lines of text are allowed above the 
small box? The other text should flow automatically around the box.


With a "spacer-float", yes. See example...



IE/win (all versions) need help though, as it mixes up the calculations.
Most of IE's problems can be avoided by reorganizing where the
margins/paddings go in the layout as a whole.

Also, the line-up won't be reliable using fixed dimensions, pixels,
since there isn't such a thing as fixed font-sizes/line-heights in web
design. Thus, you'll have to modify dimensions to work with relative
font-sizes/line-heights if you want to avoid all sorts of breaking and
overlapping when such a request gets subjected to the slightest amount
of stress across browser-land.

Otherwise: no problem.

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Request possible?

[Dave Woods]

Hi Michael,

The overall structure is probably how I'd tackle this but I do have a
couple of suggestions.

1 - You don't really need the  for part4 as this seems to just be
applying a margin which could be applied directly to #article.

2 - Within the part4infosmall  I wouldn't use a definition list
for this as it simply looks like another sub heading and then a
paragraph.

I presume this is part of a page and is just to demonstrate the layout
but there are other issues like no doctype or character set and the
your using a heading 3 without 1 or 2 present but I presume this would
be corrected in the final page? Obviously this would also include the
inline style that you have for the margin on the body.

Also you're declaring font-size in pixels but you need to use either
em or a percentage value if you want the page to be accessible.

You might find this useful to convert your sizes
http://www.dave-woods.co.uk/?p=79

Other than that though, it's a relatively simple layout so should only
really need a few  containers and then the relevant heading's
applied along with paragraphs of text.

Hope that helps.

Cheers
Dave

- - - - - - - - - -
http://www.dave-woods.co.uk


On 06/11/2007, Michael Vogt <[EMAIL PROTECTED]> wrote:
> Hello all.
>
> I received an request from a client, which I am not sure how to
> implement correctly. Would you please be so kind to have a quick look
> at it, and let me know what you think?
>
> A first "implementation" can be found here:
> html: 
> css: 
>
> At the bottom, of the page, you see the photoshop mock up.
>
> I have 2 questions:
> - is there a better way to do the html structure for this?
> - is there a way  that only 2 lines of text are allowed above the
> small box? The other text should flow automatically around the box.
>
>
> Thanks a lot,
> Michael Vogt
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] Request possible?

[Michael Vogt]

Hello all.

I received an request from a client, which I am not sure how to
implement correctly. Would you please be so kind to have a quick look
at it, and let me know what you think?

A first "implementation" can be found here:
html: 
css: 

At the bottom, of the page, you see the photoshop mock up.

I have 2 questions:
- is there a better way to do the html structure for this?
- is there a way  that only 2 lines of text are allowed above the
small box? The other text should flow automatically around the box.


Thanks a lot,
Michael Vogt


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***