website for communitycenters in Rotterdam-Holland

[Ogierini]

Hi guys,

Special kidssite with lot's of activities in Rotterdam.
Each community center has it's own page to show their workshops for kids!


http://www.swfkidzclub.nl/

[Stefek]

Hello Irene,
very nice website.

One thing though:
you could improve the loging time in splitting this image into two. One for the Lines (as a gif) and one for the photopgraph (jpg).
It's 184 kb now - I can imagine that you can save more than 100kb without optical degradation.

Kind regards,
Stefek

(my dsl is slow tonight )

[Ogierini]

Hi Stefek,
Thansk for your reaction.
How can I implement this?
First I had a gif file but this renders as hell.
I don't see how I can load 2 headers?

 
kind regards Iren

[kweitzel]

2 other things with those images:

1 - there is a 1 px gap showing in FireFox above them
2 - I think it would look nicer if you take the colours of the 2 sidebars and extend them under the images

cheers

Klaus

[Stefek]

Hi Stefek,
Thansk for your reaction.
How can I implement this?
First I had a gif file but this renders as hell.
I don't see how I can load 2 headers?

 
kind regards Iren

Hello Irene,

one way of doing it is like this:
// replace in your CSS file

Code: (old) [Select]

#header {
    background: url(Images/header.jpg) no-repeat left;
    color: #e0e0e0;
    font-weight: bold;
    height: 291px;
    line-height: 120px;
    text-indent: 150px;
    width: 1000px;
}// with

Code: (new) [Select]

#header, #headerright {
    background: url(Images/header00_01.gif) no-repeat left;
    color: #e0e0e0;
    font-weight: bold;
    height: 291px;
    line-height: 120px;
    text-indent: 150px;
    width: 1000px;
}
#headerright {
    background: url(Images/header00_02.jpg) no-repeat right;
}
Replace in your index.php

Code: (old) [Select]

<div id="header">
 </div>
// with

Code: (new) [Select]

<div id="header">
  <div id="headerright"> 
  </div>
</div>

And finally, put the both files attatched into your Images folder (you also should consider to rename your folder "Images" to lowercase "images" btw.)

Kind regards,
Stefek

PS. I didn't have the original files, so the two I attached aren't of the best quality - there is still space for improvements

EDIT// Please rename the .png extension into .gif extension in one of those files. Unfortunatly I can't upload gif files for some reason, so I renamed the extentsion.
R


[gelöscht durch Administrator]

[Ogierini]

Thanks a lot Stefek,

I'll trie this in the weekend when I have some time left!

[Ogierini]

And Klaus,
Thanks, see what you mean, a litltle line. Saterday..
I personnally like the white background behind the header......

[Stefek]

You're welcome
Stefek