Re: [WSG] Request possible?
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... http://www.gunlaug.no/tos/alien/mv/test_07_1106.html 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?
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 div 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?
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?
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 div for part4 as this seems to just be applying a margin which could be applied directly to #article. 2 - Within the part4infosmall div 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 div 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: http://michaelvogt.eu/flow.html css: http://michaelvogt.eu/flow.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] ***
Re: [WSG] Request possible?
Michael Vogt wrote: html: http://michaelvogt.eu/flow.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... http://www.gunlaug.no/tos/alien/mv/test_07_1106.html 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?
On Nov 6, 2007, at 7:48 PM, Gunlaug Sørtun wrote: http://www.gunlaug.no/tos/alien/mv/test_07_1106.html ... 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 http://emps.l-c-n.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Request possible?
Philippe Wittenbergh wrote: On Nov 6, 2007, at 7:48 PM, Gunlaug Sørtun wrote: http://www.gunlaug.no/tos/alien/mv/test_07_1106.html ... 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... http://www.satzansatz.de/cssd/tmp/floatspacer.html ...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] ***
