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




Hi!

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"
    /></td>

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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:52 GMT