Hello, World - here's my site...

[fredt]

It's at http://www.cabinet-cilex.com, made with CMS Made Simple, and yes : I LOVE THIS TOOL.

Thanks A LOT to the team.

I was lucky (or experienced?) enough to find it quite quickly, before spending months on other tools... In fact, I used Lotus Notes some months ago, no comparison...

Of course, it someone can help me fixing the IE white line at bottom (not FF, of course), he'll earn a long tequila-sunrise-summer-evening when coming here in Southern France...

Fred

[Russ]

Nice design, but a couple of points.. sorry..

1. You have in your html...

Code: Select all

<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

But it looks like French to me

2. Also the xhtml does not seem to validate? (at least not on the first page)
http://validator.w3.org/check?verbose=1 ... lex.com%2F
because of this I can't validate the CSS

On the plus side I see no white line? and the site design is nice and simple and clean. Keep up the good work

Russ

[fredt]

Hey, that's active support !

Validation : Arghhh... it really isn't xhmtl'ed... lots of errors.... should I really try to fix them? 

White line : I highlighted it in red in the attached image: I'd like to put these 4-5 lines at real bottom.

(Patricia : je suis sérieux pour cette offre "soirée tequila sunrise au bord de la plage"...)

[attachment deleted by admin]

[Russ]

It is of course up to you if your want your site to validate but shouldn't all web sites be accessible and standards compliant?

Also if you want it to format correctly using CSS then it should validate as html/xhtml otherwise the CSS may not validate and can give you lots of display errors which are hard to track down. It is a lot easier trying to sort these types of problems out when everything is valid.

As for the element of white space in IE I can't test with my normal tools because they say the page doesn't validate.

If you are using a PC and IE then look at the Web Accessibility Toolbar, which can show you the gap in elements.

http://www.nils.org.au/ais/web/resource ... _v2en.html

(There are various tools for Firefox too! Search the extensions)

I can see the gap now, but I can't really help fixing it untill both XHTML and CSS validate. It's maybe some padding or margin on an element? Possibly the table in the footer?

Sorry for not being more help,

Russ

[fredt]

I'm back - didn't disappear, just spent one bazillion hours fixing the mess I Notepaded in cmsms...

So now it validates in html  (although I'm not fully satisfied with "email" tag and ),
but still not in css  .

W3C validator returns:
* html > body .clearfix
wrong property : inline-block is not a property for display,
because Tools stylesheet says:

Code: Select all

	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}

How can I fix this ?

[Russ]

It is because it is not a vaild property for display. It could be inline or block for example.
See:
"... 9.2.5 The 'display' property
'display'
    Value:  inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit
    Initial:  inline
    Applies to:  all elements
    Inherited:  no
    Percentages:  N/A
    Media:  all ..."

http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display

Also If you are going to do different stuff for Internet Explorer then perhaps you should do different style sheets for them so as not to get upset when IE 7 comes along. IE7 will ignore some but not all hacks like some of these.

You can import specific stylesheets for IE into your page manually by putting something like this in your template. It is version dependant and has many options.

Code: Select all

<!--[if !IE 5.0]> 
<link rel="stylesheet" type="text/css" media="screen" href="ie5only.css" />
<![endif]-->

See the bottom of this page for the various options:
http://www.positioniseverything.net/art ... ltiIE.html


Hope this helps. You should also note that not all hacks will validate as CSS - it is up to you how you get around this, although the above suggestion, by feeding different stylesheets to the various version of IE is probably the best
You might also like to have a look at the CSS-Discuss list for CSS related stuff:
http://css-discuss.incutio.com/ and perhaps join the mailing list ; )

Russ

[fredt]

Russ,

Thanks for the links... However I've already seen it's not valid css, and was rather looking for an existing solution: unless I hacked this cmsms-standard css and forgot I did, I feel this issue has been already fixed - or has to be, to provide an oob css-compliant solution...

Wishy, Patricia or another rescue-team member, any hint on this please ?

[fredt]

So Nav-Horizontal had to be corrected too... the strange thing is the site still works ! 

Just to know: are such little annoying corrections being put in current or next version? If yes, how do we update current sites? If not, where is the list of all these little minor corrections (I already applied perhaps ten of them....)?
(Of course, I try to comment every modification in my version... but I don't dare to count them).

Hurra, my site know validates in html and css !

Thanks,

Fred

[Russ]

Modified: That will teach me not to post before reading other peoples replies

"Try display: block;, it should work."

Russ

[jelle]

Hi Fredt, I had a quick look at few of your pages with konoqueror. The thing that caught my eye was that the footer text spilled into the blue(azure?) background. that might be because I have a minimum size set for fonts (prefer to be further away from the screen).
Looking at your css I could not find a obvious culprit, but you hav ea lot of sizes in px. That does not play nice with varying fontsizes. You might try to replce those with em sizes and see what changing the fontsize in your browser changes.

And ehh, what is a cabinet in this context?

[fredt]

I REALLY appreciate all your support and comments.

(Right, it comes from 'cabine', originally a piece of furniture with only drawers, then some kind of nice wood-decorated room - it appears in cabin-cruiser or cabin-crew... Tony Blair also has Cabinet Meetings with his government: the room's name was extended to meetings held there - more intimate than Parliament!   - I suppose it sank before reaching the US)

Patricia: ok, I'll try with div. My goal is to have three columns, with texts going bottom like in

                                  rightline1
                                  rightline2
leftline1                    some_rightline3
leftline2                   other_rightline4

Jelle : I'm sorry, my English is *not that good*... I missed this one. Can you please explain me this ?

was that the footer text spilled into the blue(azure?) background

Russ: thanks for pointing out the site wasn't compliant - and to give me ways to solve this. I learned a lot!

Thanks for staying tuned!

[jelle]

It looks like the size of your text is bigger than the background, so the blue text is over the blue background (if you are color-deaf that is).

It was telling a bit that these furniture makers didn't have any pictures of their product on their site...
So the company only lives in a chest of drawers, unlike the one-man band inhabiting a desk (bureau). Funny stuf that, what about companies operating from a proper office?

[fredt]

Well, Patricia gave me the way out... the white line under the footer disappeared with divs:

Code: Select all

   <div id="footer" class="clearfix">

      {googledetector}
      <div style="float: left; padding-left: 170px; width: 300px; text-align: left;" id="myfooterleft">
         <p><br /><br /><br /><br />© Copyright 2006 Cabinet CILEX<br />
         Déclaration CNIL en cours</p>
      </div>

      <div style="float: right; text-align: right;" id="myfooterright">
        <p><br />Cabinet CILEX<br />
        5, rue du Docteur Fleming<br />
        34500 BEZIERS<br />
        Tel : 04 67 21 45 85<br />
        {email address="contact@cabinet-cilex.com" linkname="Contact e-mail"}</p>
      </div>

   </div><!-- end footer -->

did it !

It's not really clean but it works... though "email" tag prevents from validating xhtml.

My {googledetector} tag sends me a mail when google comes by on any page:

Code: Select all

//Sends a mail when google comes by !!!
//Change the following to your email address
$email = "my.mail@mysite.com";

//Tests with firefox
//if(eregi("firefox",$_SERVER['HTTP_USER_AGENT']))

if(eregi("googlebot",$_SERVER['HTTP_USER_AGENT']))
{
mail($email, "Googlebot detected", "Google has crawled : ".$_SERVER['REQUEST_URI']);
} else {
//uncomment this to check it works...
//mail($email, "visitor detected", "other has crawled : ".$_SERVER['REQUEST_URI']);
}

Thanks, Patricia

[jelle]

It also will send a mail when I visit it, or any other wiseguy that has googlebot_2.0 as it's user agent string. (that helps sometimes with sites that require free registration) You should lookup the reverse dns of the ip, but that may take too much resources.
The user agentstring is worthless for identifying a user, that started when IE pretended to be mozilla ~10 years back.

[baconburgare]

Nice and clean site, good work!

I do think u should add some space between page-border and text to the left though. That's about it