Re: [WSG] Safari support for border-collapse?
Hi James, I've just been playing around with this on Konqueror and it doesn't seem to be supported. I'm writing a bit of a tutorial on the two border models for tables and when I am finished it I will post it online and submit some bug reports to kde to see if we can get it supported. If you find a workaround I'll be interested to see it but I suspect we'll have to wait until at least safari 1.2 or kde 3.3. Any idea if there is a bugzilla or similar for safari? Cheers, Mark James Ellis wrote: Hi all Does Safari support border-collapse : collapse; in removing the internal padding in a table? My testing says no but could their be a workaround? This is the CSS way around cellpadding and cellspacing Cheers James * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Safari support for border-collapse?
Here are some quickies: http://diveintomark.org/safari/ http://macedition.com/cb/resources/safari/safari_issues.html http://www.gel.ulaval.ca/~fortin15/safari-bugs.html Hi James, I've just been playing around with this on Konqueror and it doesn't seem to be supported. I'm writing a bit of a tutorial on the two border models for tables and when I am finished it I will post it online and submit some bug reports to kde to see if we can get it supported. If you find a workaround I'll be interested to see it but I suspect we'll have to wait until at least safari 1.2 or kde 3.3. Any idea if there is a bugzilla or similar for safari? Cheers, Mark * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Safari support for border-collapse?
Oh, and the big Code Bitch chart and stuff: http://macedition.com/cb/resources/macbrowsercsssupport.html http://macedition.com/cb/resources/safari_notes.shtml http://macedition.com/cb/resources/safari/safari_surprises.html Here are some quickies: http://diveintomark.org/safari/ http://macedition.com/cb/resources/safari/safari_issues.html http://www.gel.ulaval.ca/~fortin15/safari-bugs.html Hi James, I've just been playing around with this on Konqueror and it doesn't seem to be supported. I'm writing a bit of a tutorial on the two border models for tables and when I am finished it I will post it online and submit some bug reports to kde to see if we can get it supported. If you find a workaround I'll be interested to see it but I suspect we'll have to wait until at least safari 1.2 or kde 3.3. Any idea if there is a bugzilla or similar for safari? Cheers, Mark * The discussion list for http://webstandardsgroup.org/ * Thanks Russ --- Russ Weakley Max Design Phone: (02) 9410 2521 Mobile: 0403 433 980 Email: [EMAIL PROTECTED] http://www.maxdesign.com.au --- * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Safari support for border-collapse?
Further to this I found this in the kde bugzilla http://bugs.kde.org/show_bug.cgi?id=45570#c8 /2003-10-30 18:10 --- / Safari has been recently added support for border-collapse. So khtml will eventually support it, too (but not for 3.2). I can't find any available info on what version of Safari this will be included in. Cheers, Mark Mark Lynch wrote: Hi James, I've just been playing around with this on Konqueror and it doesn't seem to be supported. I'm writing a bit of a tutorial on the two border models for tables and when I am finished it I will post it online and submit some bug reports to kde to see if we can get it supported. If you find a workaround I'll be interested to see it but I suspect we'll have to wait until at least safari 1.2 or kde 3.3. Any idea if there is a bugzilla or similar for safari? Cheers, Mark James Ellis wrote: Hi all Does Safari support border-collapse : collapse; in removing the internal padding in a table? My testing says no but could their be a workaround? This is the CSS way around cellpadding and cellspacing Cheers James * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
[WSG] Mac and screen readers
No screen reader software for the mac platform - a change is on its way? http://www.businessweek.com/technology/content/nov2003/tc20031112_9773_tc056.htm cheers, /Anton -- What your body lacks, your head compensates. * The discussion list for http://webstandardsgroup.org/ *
[WSG] Image float and text wrap
I want to have an image with text on the right, but when the text goes beyond the bottom of the image I don't want it wrap, but rather to keep the consistent margin: - | | | | | | | | | | Regards, Miles * The discussion list for http://webstandardsgroup.org/ *
[WSG] Re: Image float and text wrap
Oops, my fingers slipped onto the send shortcut... so, as I was saying: - text text text | | text text text | | text text text | | text text text | image| text text text | | text text text | | text text text | | text text text - text text text text text text text text text text text text text text text text text text text text text Can this be achieved without using tables? Regards, Miles * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Image float and text wrap [Virus checkedAU]
This email is to be read subject to the disclaimer below. Miles, Are you floating that image to the left? If this is the case, you need to set a left margin on the text that's slightly wider than the image. Viktor Radnai Web Developer Business Innovation Online Ernst Young Australia http://www.eyware.com/ http://www.eyonline.com/ Direct: +612 9248 4361 Fax: +612 9248 4073 Mobile: +61408 662 546 Miles Tillinger [EMAIL PROTECTED] To: Web Standards Group \(E-mail\) [EMAIL PROTECTED] onau.edu.aucc: Subject: [WSG] Image float and text wrap [Virus checkedAU] 13/11/2003 10:55 AM Please respond to wsg I want to have an image with text on the right, but when the text goes beyond the bottom of the image I don't want it wrap, but rather to keep the consistent margin: - | | | | | | | | | | Regards, Miles * The discussion list for http://webstandardsgroup.org/ * NOTICE - This communication contains information which is confidential and the copyright of Ernst Young or a third party. If you are not the intended recipient of this communication please delete and destroy all copies and telephone Ernst Young on 1800 655 717 immediately. If you are the intended recipient of this communication you should not copy, disclose or distribute this communication without the authority of Ernst Young. Any views expressed in this Communication are those of the individual sender, except where the sender specifically states them to be the views of Ernst Young. Except as required at law, Ernst Young does not represent, warrant and/or guarantee that the integrity of this communication has been maintained nor that the communication is free of errors, virus, interception or interference. Liability limited by the Accountants Scheme, approved under the Professional Standards Act 1994 (NSW) * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] Re: Image float and text wrap
Use a margin-left on the text that is the size of the image and then float the image to the left? So its like img yadda yadda width=this amount style=float:left; div style=margin-left:this amount;content between here/div Tim Hill Computer Associates Graphic Artist tel: +612 9937 0792 fax: +612 9937 0546 [EMAIL PROTECTED] -Original Message- From: Miles Tillinger [mailto:[EMAIL PROTECTED] Sent: Thursday, November 13, 2003 10:59 AM To: Web Standards Group (E-mail) Subject: [WSG] Re: Image float and text wrap Oops, my fingers slipped onto the send shortcut... so, as I was saying: - text text text | | text text text | | text text text | | text text text | image| text text text | | text text text | | text text text | | text text text - text text text text text text text text text text text text text text text text text text text text text Can this be achieved without using tables? Regards, Miles * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Re: Image float and text wrap
Miles : Put your text in in a block set its margin-left to x pixels (.eg 170) should be wider than the image (.eg 160).. The margin will run from the left of the containing block. This will work for fixed width images. Cheers James Miles Tillinger wrote: Oops, my fingers slipped onto the send shortcut... so, as I was saying: - text text text | | text text text | | text text text | | text text text | image| text text text | | text text text | | text text text | | text text text - text text text text text text text text text text text text text text text text text text text text text Can this be achieved without using tables? Regards, Miles * The discussion list for http://webstandardsgroup.org/ * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] Re: Image float and text wrap
Thanks, that achieves the effect I'm after, but The reason I wanted to do it was because the image and the text both linked to the same URL with an a tag each (in separate cells of a table). I wanted to combine them so they were both wrapped in the one a tag, but when the a tag is wrapped around both div's clicking the image doesn't open the URL. So the solution defeats its own purpose :( Any ideas? -Original Message- From: James Ellis [mailto:[EMAIL PROTECTED] Sent: Thursday, November 13, 2003 10:52 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Re: Image float and text wrap Miles : Put your text in in a block set its margin-left to x pixels (.eg 170) should be wider than the image (.eg 160).. The margin will run from the left of the containing block. This will work for fixed width images. Cheers James Miles Tillinger wrote: Oops, my fingers slipped onto the send shortcut... so, as I was saying: - text text text | | text text text | | text text text | | text text text | image| text text text | | text text text | | text text text | | text text text - text text text text text text text text text text text text text text text text text text text text text Can this be achieved without using tables? Regards, Miles * The discussion list for http://webstandardsgroup.org/ * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] Re: Image float and text wrap
Hi Miles, There are several ways of accomplishing this. Here are three different ways I've done: content (multiple block elements) floated right, image floated left. http://www.mxdu.com/ image (accommodates variable width) floated left, content floated left - inline styles. http://www.brendansisson.com/ image floated left, content floated left. http://www.leyland.com.au/ All use clear to stop things going whack when there's insufficient content. Cheers, Ben -Original Message- Subject: [WSG] Re: Image float and text wrap Can this be achieved without using tables? * The discussion list for http://webstandardsgroup.org/ *
[WSG] Re: Image float and text wrap
At 10:25 13/11/2003 +1030, Miles Tillinger wrote:
I want to have an image with text on the right, but when the text goes
beyond the bottom of the image I don't want it wrap, but rather to keep
the consistent margin:
Try this:
style type=text/css!--
div.float { float:left; }
div#image { width: 100px;}
div#text { width: 300px; }
bg.clear { clear:both; }
--/style
(...)
div class=float id=imageimg ... //div
div class=float id=textAll your base are belong ... /div
br class=clear /
I don't test the script. Configure this according your necessity ;)
Irapuan Martinez .__
http://www.hypergraph.com.br
*
The discussion list for http://webstandardsgroup.org/
*
RE: [WSG] Re: Image float and text wrap [Virus checkedAU]
This email is to be read subject to the disclaimer below. Miles, Try using something like Eric Meyer's absolutely positioned image trick: http://www.meyerweb.com/eric/css/edge/popups/demo.html and http://www.meyerweb.com/eric/css/edge/popups/demo2.html -- these use absolute positioning to take a span or an image out of the normal document flow and position it somewhere else. You could use this trick to move your image to the left of the content and the hover effect should still work. HTH, Vik -- Viktor Radnai Web Developer Business Innovation Online Ernst Young Australia http://www.eyware.com/ http://www.eyonline.com/ Direct: +612 9248 4361 Fax: +612 9248 4073 Mobile: +61408 662 546 Miles Tillinger [EMAIL PROTECTED] To: [EMAIL PROTECTED] onau.edu.aucc: Subject: RE: [WSG] Re: Image float and text wrap [Virus checkedAU] 13/11/2003 11:39 AM Please respond to wsg Thanks, that achieves the effect I'm after, but The reason I wanted to do it was because the image and the text both linked to the same URL with an a tag each (in separate cells of a table). I wanted to combine them so they were both wrapped in the one a tag, but when the a tag is wrapped around both div's clicking the image doesn't open the URL. So the solution defeats its own purpose :( Any ideas? -Original Message- From: James Ellis [mailto:[EMAIL PROTECTED] Sent: Thursday, November 13, 2003 10:52 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Re: Image float and text wrap Miles : Put your text in in a block set its margin-left to x pixels (.eg 170) should be wider than the image (.eg 160).. The margin will run from the left of the containing block. This will work for fixed width images. Cheers James Miles Tillinger wrote: Oops, my fingers slipped onto the send shortcut... so, as I was saying: - text text text | | text text text | | text text text | | text text text | image| text text text | | text text text | | text text text | | text text text - text text text text text text text text text text text text text text text text text text text text text Can this be achieved without using tables? Regards, Miles * The discussion list for http://webstandardsgroup.org/ * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * NOTICE - This communication contains information which is confidential and the copyright of Ernst Young or a third party. If you are not the intended recipient of this communication please delete and destroy all copies and telephone Ernst Young on 1800 655 717 immediately. If you are the intended recipient of this communication you should not copy, disclose or distribute this communication without the authority of Ernst Young. Any views expressed in this Communication are those of the individual sender, except where the sender specifically states them to be the views of Ernst Young. Except as required at law, Ernst Young does not represent, warrant and/or guarantee that the integrity of this communication has been maintained nor that the communication is free of errors, virus, interception or interference. Liability limited by the Accountants Scheme, approved under the Professional Standards
RE: [WSG] Re: Image float and text wrap [Virus checkedAU]
This email is to be read subject to the disclaimer below. Hi Miles, You might need to use a span instead of a div and redefine it to be block level using display: block. I haven't tested this but as far as I can remember the HTML spec does not allow block level elements inside an anchor (a) tag. Cheers, Mark Lynch Development Manager - Business Innovation Online Ernst Young - Australia http://www.eyware.com/ http://www.eyonline.com/ Direct: +612 9248 4038 Fax: +612 9248 4073 Mobile: +61 421 050 695 Miles Tillinger [EMAIL PROTECTED] To: [EMAIL PROTECTED] onau.edu.aucc: Subject: RE: [WSG] Re: Image float and text wrap [Virus checkedAU] 13/11/2003 11:39 AM Please respond to wsg Thanks, that achieves the effect I'm after, but The reason I wanted to do it was because the image and the text both linked to the same URL with an a tag each (in separate cells of a table). I wanted to combine them so they were both wrapped in the one a tag, but when the a tag is wrapped around both div's clicking the image doesn't open the URL. So the solution defeats its own purpose :( Any ideas? -Original Message- From: James Ellis [mailto:[EMAIL PROTECTED] Sent: Thursday, November 13, 2003 10:52 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Re: Image float and text wrap Miles : Put your text in in a block set its margin-left to x pixels (.eg 170) should be wider than the image (.eg 160).. The margin will run from the left of the containing block. This will work for fixed width images. Cheers James Miles Tillinger wrote: Oops, my fingers slipped onto the send shortcut... so, as I was saying: - text text text | | text text text | | text text text | | text text text | image| text text text | | text text text | | text text text | | text text text - text text text text text text text text text text text text text text text text text text text text text Can this be achieved without using tables? Regards, Miles * The discussion list for http://webstandardsgroup.org/ * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * NOTICE - This communication contains information which is confidential and the copyright of Ernst Young or a third party. If you are not the intended recipient of this communication please delete and destroy all copies and telephone Ernst Young on 1800 655 717 immediately. If you are the intended recipient of this communication you should not copy, disclose or distribute this communication without the authority of Ernst Young. Any views expressed in this Communication are those of the individual sender, except where the sender specifically states them to be the views of Ernst Young. Except as required at law, Ernst Young does not represent, warrant and/or guarantee that the integrity of this communication has been maintained nor that the communication is free of errors, virus, interception or interference. Liability limited by the Accountants Scheme, approved under the Professional Standards Act 1994 (NSW) * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Re: Image float and text wrap
too many divs!
a href=#img src=acer_logo copy.jpg width=100px
height=100pxptext text text .../p/a
a p{width:200px;margin-left:120px;}
a img{float:left}
just keep it simple, and add a descendent selector if this is just for
one section of your page
style type=text/css!--
div.float { float:left; }
div#image { width: 100px;}
div#text { width: 300px; }
bg.clear { clear:both; }
--/style
(...)
div class=float id=imageimg ... //div
div class=float id=textAll your base are belong ... /div
br class=clear /
I don't test the script. Configure this according your necessity ;)
Irapuan Martinez .__
http://www.hypergraph.com.br
*
The discussion list for http://webstandardsgroup.org/
*
*
The discussion list for http://webstandardsgroup.org/
*
RE: [WSG] RE: Image float and text wrap
Thanks, but this caused the text next to the image to align to the bottom of the
image. Is there any way to make it align the the top?
p.s. I'm having a hard time keeping up with everyone's suggestions, but thanks muchly
all the same! I'll try them all :D
-Original Message-
From: Irapuan Martinez [mailto:[EMAIL PROTECTED]
Sent: Thursday, November 13, 2003 11:35 AM
To: [EMAIL PROTECTED]
Subject: [WSG] RE: Image float and text wrap
At 11:09 13/11/2003 +1030, Miles Tillinger wrote:
The reason I wanted to do it was because the image and the text both
linked to the same URL with an a tag each (in separate cells of a
table). I wanted to combine them so they were both wrapped in the one a
tag, but when the a tag is wrapped around both div's clicking the image
doesn't open the URL. So the solution defeats its own purpose :( Any ideas?
Try:
div#megatron {
position: relative;
margin-left: 100px;
}
div#megatron img {
position: absolute;
top: 0;
left: 0;
}
..
div class=megatron
a href=...
img src=... width=90 /
All your base are belong ...
/a
/div
Irapuan Martinez .__
http://www.hypergraph.com.br
*
The discussion list for http://webstandardsgroup.org/
*
*
The discussion list for http://webstandardsgroup.org/
*
[WSG] style guide
Hi I was wondering if anyone had an example of a well laid out style guide for a web site. So basically a guide for someone else to get a quick understanding of the design a site/production. Thanks, Tim Hill Computer Associates Graphic Artist tel: +612 9937 0792 fax: +612 9937 0546 [EMAIL PROTECTED]
Re: [WSG] style guide
Tim, Try these for starters: Att.com Style Guide: http://www.att.com/style/index.html GE Style Guide: http://www.ge.com/standards/ NYPL Style Guide: http://www.nypl.org/styleguide/ Creating and Using a Styleguide: http://www.tauberkienan.com/ecommerce/styleguide/index.html Regards, David McDonald Web Designer Melbourne, Australia http://www.davidmcdonald.org ICQ:11814164 - Original Message - From: Hill, Tim [EMAIL PROTECTED] Date: Thursday, November 13, 2003 12:45 pm Subject: [WSG] style guide Hi I was wondering if anyone had an example of a well laid out style guide for a web site. So basically a guide for someone else to get a quick understanding of the design a site/production. Thanks, Tim Hill Computer Associates Graphic Artist tel: +612 9937 0792 fax: +612 9937 0546 ') [EMAIL PROTECTED] [EMAIL PROTECTED] * The discussion list for http://webstandardsgroup.org/ *
[WSG] html encryption tool
Does anyone know how this would work? It encrypts the source code so you can view it but it is encrypted. http://www.mtopsoft.com/encrypt-html-pro/index.htm Tim Hill Computer Associates Graphic Artist tel: +612 9937 0792 fax: +612 9937 0546 [EMAIL PROTECTED]
RE: [WSG] html encryption tool
Does anyone know how this would work? It encrypts the source code so you can view it but it is encrypted. It doesn't. It makes it slightly harder to view source by encrypting (very much in inverted commas) the data. However the entire encryption decryption mechanism is sent to the user as javascript so anyone with the time or inclination could reverse engineer it. This is either the stupidest concept I have ever see in my life or the one of the best jokes around (they must be Irish (sorry Mark L)). Not only is it completely pointless but it completely breaks any concept of accessibility standards compliance. Turn off javascript and you get a blank page.. Why anyone would want to encrypt html or css is beyond me + half their listed key benefits are complete misrepresentations (lies). dumb, dumb, dumb, dumb Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ *
