Any good ?

[DaRichMan]

Take a look at http://www.christoffels.nl/index.php
Not 100% finished but give me you're comments

CMSMS Version: 1.5.2
Installed Modules: bMenu 0.4.6

[SimonSchaufi]

use a css (with divs) layout!
the menu is not even clickable (there is something in front of it) in google chrome and firefox.
in google chrome the layout is terrible.

[DaRichMan]

use a css (with divs) layout!

What do you mean

the menu is not even clickable (there is something in front of it) in google chrome and firefox.
in google chrome the layout is terrible.

I will take a look (i'm installing Chrome now)

[SimonSchaufi]

What do you mean

remove all the tables in your template and replace them by divs. then style the divs with css.

I will take a look (i'm installing Chrome now)

if you dont want to send data to google, use Iron (based on the google chrome browser but without id and so on):

http://www.srware.net/en/software_srware_iron.php

[DaRichMan]

remove all the tables in your template and replace them by divs. then style the divs with css.

What is the advantage of using divs for the tables instead of plain html tables?

Do you mean completely remove the tables or set the tables in html and the settings in css?
Like:
HTML

Code: Select all

<table class="logo">

CSS

Code: Select all

table.logo {
width:100%;
height:100px;
border:0;
cellspacing:0;
cellpadding:0;
text-align: center;
}

[SimonSchaufi]

What is the advantage of using divs for the tables instead of plain html tables?

let better other people answer this question:

http://www.google.com/search?q=advantage+css+layout

Do you mean completely remove the tables or set the tables in html and the settings in css?

completely remove them. use tables only where you need tables.

[DaRichMan]

Ok SimonSchaufi, almost done redesigning the site. No more tables, only DIVs and CSS

[SimonSchaufi]

great!
one thing i found out:

the last 2 menu items on the right get a small black border at the top when hovering.

do you have installed the web developer toolbar in firefox?

if not, install it here:

https://addons.mozilla.org/en-US/firefox/addon/60

it is showing me (on the right top) some css errors and javascript warnings.

[pedes]

no good in FF, Opera and Safari

you really have to make it work for these 3 browsers too.

check you site with http://browsershots.org/
there you can see all the screenshot for all browsers.

Kind regards
Peter

[neophron]

Hi,

first: I strongly recomend you FIREBUG for FF
http://getfirebug.com/

The div#barok_onder is on the left side. Check my attachment. This is from FF (Mac), same in Safari.

I think your xhtml structure is too complicated. If you want to center a div, use:
margin: 0 auto;
Wrap all your divs (without .links_kop, .rechts_kop, .schaduw_links, .schaduw_rechts, .menu_links, .menu_rechts and .links_onder, delete them) in a div, called for example #wrapper.
Here is the css:

Code: Select all

#wrapper{
margin: 0 auto;
width: 802px;
}

You can place the 2 shadow images (as one image together with the tekstblok.png) in the div#tekstblok.
Why didn't you style the li.currentpage and li.activeparent?
Check your site with: http://jigsaw.w3.org/css-validator/ and http://validator.w3.org/