Re: [css-d] the problem of image anchor
Great! Thank you very much. Is there a way to remove these whitespaces and keep the html pretty formatted? On Tue, Oct 21, 2008 at 11:47 AM, Thierry Koblentz [EMAIL PROTECTED] wrote: -Original Message- From: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] discuss.org] On Behalf Of ray Sent: Monday, October 20, 2008 8:31 PM To: css-d@lists.css-discuss.org Subject: [css-d] the problem of image anchor Hi, all Please check this page:http://fouragency.co.uk/test.html Could somebody tell me why there are gaps between the images? I checked the anchors and img elements, their padding, borders and margins are all zero. I'm very confused, please help me out. Thanks in advance. This is because of the whitespace in the markup -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] the problem of image anchor
Yes what you do is just simply wrap it in a table with 4 cells This will preserve the nicely coded look, but allow you to take out the whitespaces to make the code look nice. here you go ?xml version=1.0 encoding=UTF-8 ? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / link rel=stylesheet type=text/css href=/four.css / titleFour/title /head body table cellspacing=0 cellpadding=0 border=0 tr tda href=/about.htmlimg src=/images/about-us.gif //a/td tda href=/our_work.htmlimg src=/images/our-work.gif //a/td tda href=/our_clients.htmlimg src=/images/our-clients.gif //a/td tda href=/contact.htmlimg src=/images/contact-us.gif //a/td /tr /table /body /html Kelly Sigethy - Frynge.com Web Design - Hosting - Advertising http://www.frynge.com 1-403-251-9486 (Calgary) 1-866-331-9684 (Toll Free - Canada and the USA) +44 (0)8717 206 505 (United Kingdom) - Original Message - From: ray [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Tuesday, October 21, 2008 12:03 AM Subject: Re: [css-d] the problem of image anchor Great! Thank you very much. Is there a way to remove these whitespaces and keep the html pretty formatted? On Tue, Oct 21, 2008 at 11:47 AM, Thierry Koblentz [EMAIL PROTECTED] wrote: -Original Message- From: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] discuss.org] On Behalf Of ray Sent: Monday, October 20, 2008 8:31 PM To: css-d@lists.css-discuss.org Subject: [css-d] the problem of image anchor Hi, all Please check this page:http://fouragency.co.uk/test.html Could somebody tell me why there are gaps between the images? I checked the anchors and img elements, their padding, borders and margins are all zero. I'm very confused, please help me out. Thanks in advance. This is because of the whitespace in the markup -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] the problem of image anchor
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of Frynge Customer Support Sent: Tuesday, October 21, 2008 9:15 AM To: ray; css-d@lists.css-discuss.org Subject: Re: [css-d] the problem of image anchor Yes what you do is just simply wrap it in a table with 4 cells This will preserve the nicely coded look, but allow you to take out the whitespaces to make the code look nice. A table with *4* cells to hold these images?? http://tjkdesign.com/articles/imageintable.asp -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] the problem of image anchor
Yes I know you can write simpler code, but that doesnt address his question. Kelly Sigethy - Frynge.com Web Design - Hosting - Advertising http://www.frynge.com 1-403-251-9486 (Calgary) 1-866-331-9684 (Toll Free - Canada and the USA) +44 (0)8717 206 505 (United Kingdom) - Original Message - From: Thierry Koblentz [EMAIL PROTECTED] To: 'Frynge Customer Support' [EMAIL PROTECTED]; 'ray' [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Tuesday, October 21, 2008 11:19 AM Subject: RE: [css-d] the problem of image anchor -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of Frynge Customer Support Sent: Tuesday, October 21, 2008 9:15 AM To: ray; css-d@lists.css-discuss.org Subject: Re: [css-d] the problem of image anchor Yes what you do is just simply wrap it in a table with 4 cells This will preserve the nicely coded look, but allow you to take out the whitespaces to make the code look nice. A table with *4* cells to hold these images?? http://tjkdesign.com/articles/imageintable.asp -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] the problem of image anchor
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
discuss.org] On Behalf Of Frynge Customer Support
Sent: Tuesday, October 21, 2008 11:11 AM
To: [EMAIL PROTECTED]; 'ray'; css-d@lists.css-discuss.org
Subject: Re: [css-d] the problem of image anchor
Yes I know you can write simpler code, but that doesnt address his
question.
a {float:left;} should fix the issue without having to rely on extra markup
--
Regards,
Thierry | http://www.TJKDesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] the problem of image anchor
Hi, all Please check this page:http://fouragency.co.uk/test.html Could somebody tell me why there are gaps between the images? I checked the anchors and img elements, their padding, borders and margins are all zero. I'm very confused, please help me out. Thanks in advance. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] the problem of image anchor
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of ray Sent: Monday, October 20, 2008 8:31 PM To: css-d@lists.css-discuss.org Subject: [css-d] the problem of image anchor Hi, all Please check this page:http://fouragency.co.uk/test.html Could somebody tell me why there are gaps between the images? I checked the anchors and img elements, their padding, borders and margins are all zero. I'm very confused, please help me out. Thanks in advance. This is because of the whitespace in the markup -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
