W3C home > Mailing lists > Public > www-style@w3.org > September 2007

Re: unknown image border

From: Josef <e9427749@stud4.tuwien.ac.at>
Date: Mon, 03 Sep 2007 17:13:38 +0000
Message-ID: <46DC3F34.2020503@stud4.tuwien.ac.at>
To: das6745 <das6745@gmail.com>, www-style@w3.org


at first it is offtopic on www-html list.
but i suggest a new option for white-space.
   white-space: suppress;
and use your problem as use case.
so i hope it is ok, to send this to www-style.

sorry, for my very bad english.

das6745 wrote:
> Hi, i dunno what else, i did everything! i have a small border at the 
> bottom of pic. Her is the  code and css(btw, it is valid code!):
> code:
>   [...]<td  rowspan="3" class="logo_main">
>    <img src="/html/logo_main.png" width="344" height="78" 
> alt="[freshcode.org logo]" id="logo_main"/>
>    </td>[...]
> css: [...]
> img {
>    border : 0;
>    margin : 0;
>    padding : 0;
> } [...]

around the image are whitespace with are collapsed to a single space.
this blanks are rendered by the browser.

so method 1 is simply remove the spaces:
<td  rowspan="3" class="logo_main"
     ><img src="/html/logo_main.png" width="344" height="78"
           alt="[freshcode.org logo]" id="logo_main"

method 2:
td .logo_main { font-size: 0; line-height: 0; vertical-align: bottom; }

Because workarounds exists, the white-space extension is not important.
One the other side, it is more problem related.

with best regards,
   Josef "first time poster" Schmid
Received on Tuesday, 4 September 2007 15:38:23 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:27:30 UTC