[Spam] [kdewebdev-site] CSS issue

Joff ffoj at flashgranny.co.uk
Thu Feb 24 13:34:48 EST 2005


On Thursday 24 February 2005 13:24, Andras Mantia wrote:
> Hi,
>
>  We have the following CSS selector:
> #mainHead {
>     background-color:#7da7d1;
>     background-image:url("../images/page/sideHead.png");
>     height:20px;
>     padding-left:10px;
>     border-bottom:1px solid black;
>     width : 580px;
>     line-height:20px;
>   }
>
> sideHead.png is an image with the height of 20px.
>
> The problem is:
> - if you have a long text (see FAQ#8) that does not fit in the same
> line, it will become ugly, as the background does not become taller
> than 20px.
> - if you start to increase the font size in your browser, everything
> becomes ugly

D'you mean it becomes ugly cos the image repeats?

if so, then you need

#mainHead {
    background:#7da7d1 url("../images/page/sideHead.png") no-repeat;
    height:20px;
    padding-left:10px;
    border-bottom:1px solid black;
    width : 580px;
    line-height:20px;
  }

i've condensed the background attributes into one line and added "no-repeat"
Is this anywhere where we can see it?

hth

Joff


More information about the kdewebdev-site mailing list