Reprise du message précédent :
Ma position sur la largeur : ça dépend
 
XaT.

moi je designe tout en 960px (960gs) centré auto. Le fluide à mon avis est réservé aux très gros site à fort contenu.. sachant que le scrolling est utilisé meme par les plus noob du net, je fais quand meme gaffe à positionner des images ou du contenu sur les seuil de scroll (570px / 820px).
 
Sinon y'a aussi cet article que j'ai trouvé bien sympa Different Layouts for Different Widths

Question de noob...
Pourquoi 960px ou 990px reviennent si souvent?
Pourquoi pas 1200px par exemple?

  Moi j'utilise

Pour les gens qui sont en 1024.

Et, t'en penses quoi ?
Je suis pas fan à l'idée de devoir utiliser des classes au nom non significatif pour centrer ou dimensionner mes éléments.

J'utilise pas les classes prédéfinies, juste les templates totoshop.

Oui, ou une variante.

Les problèmes de sémantique, c'est vraiment génant si tu fais des contre-sens (mauvais usage d'une balise) ou que ça n'a aucun sens (balises uniquement décoratives, genre _que_ des div).

Avoir des divs ou des spans décoratifs autour ou entre des éléments ça empèche en rien l'exploitation et l'extraction des éléments significatifs (avec xpath par exemple). En avoir trop ça gène pour le poids de la page et les perfs, donc faut pas trop abuser non plus.

Avoir des classes non-sémantiques ne gène pas vraiment plus, d'autant plus que les classes n'étant pas standardisées (et qu'on arrive à peine à parler de stabilité des urls, alors la stabilité dans le format du contenu...). L'intérêt des classes "important" plutôt que "rouge-qui-tâche" c'est plus pour le coté maintenance que pour le coté quelqu'un-d'autre-lira-mieux-le-document-avec.

Pour un bloc, l'importance qu'il ait une classe news-block avec width:190px ou une paire de classes "news-blocks col3" ça chaque quoi en terme  de poids sémantique ? Si tu tiens à aider les extracteurs de donnée, t'as la classe news-block de toute façon pour targeter le contenu. Si tu vois coté maintenance, bah c'est plus pratique d'avoir ton col3 à part si tu veut placer ton bloc ailleurs, et tu sais de toute façon que t'auras pas envie de passer de 190px à 194px juste pour ce bloc, vu que t'as une grille à respecter, si ça dois changer ce sera col4 et pas col3. Et vu que souvent coté serveur le bloc news est généré par un seul point (include de template, fonction, etc... dépends du framework), même s'il est réutilisé, tu aura autant à changer si la modif est à faire dans ton template html ou ta css...

Merci pour les explications

 
Il est en rien malvenu, l'argument des sites fluides contre l'utilisation des float pour les conteneurs, c'est de la branlette à partir du moment où les sites fluides c'est un choix très particulier et très très très minoritaire. Tu peux donc faire la majorité des sites en float, et si jamais tu as un jour l'envie de faire un site fluide (mais il faudra trouver une bonne raison), bah tu utilises une autre technique exceptionnellement
 
Ce qui était donc malvenu au final c'était traiter de troll ou de codage de porc celui qui bossait avec des float (je parle même pas de Shinuza qui rigolait tellement qu'il a pas pu apporter plus d'une phrase au débat )

En fait vu ton historique sur le topic, entre t'insulter et rire de ta prétendue expérience j'ai préféré la solution la moins malvenue.  

Oui enfin une personne intelligente, elle ne part ni dans le rire ni dans les insultes, elle se dit "tiens est-ce qu'il y a pas un truc intéressant dans ce qu'il dit ?" au lieu de balancer tes certitudes avec plein de mépris. D'un coté t'as jamais dit que t'étais intelligent c'est vrai  

http://www.turnkeylinux.org/blog/django-compress
 

Je voudrais pouvoir marquer des liens comme "tu peux taper dedans pour les retargetter/charger en JS", rel pas faisable (valeurs prédéfinies), target pas bon (si pas de JS, ça va ouvrir de nouvelles fenêtres), ya pas d'autre moyen que de passer par des classes? Il n'y a rien de connu même en HTML5?

J'ai un soucis en jQuery avec des menus déroulants qui commence à bien m'énerver.
 
En gros, la structure html :
 

<ul id="tab">
    <li class="account">
        <a href="#" class="first_link>
            lien
        </a>
        <ul class="submenu">
            <li><a href="">Lien</a></li>
            <li><a href="">Lien</a></li>
            <li><a href="">Lien</a></li>
        </ul>
    </li>
    <li id="agency">
        <a href="#" class="first_link>
            lien
        </a>
        <ul class="submenu">
            <li><a href="">Lien</a></li>
            <li><a href="">Lien</a></li>
            <li><a href="">Lien</a></li>
        </ul>
    </li>
</tab>

 
j'aimerai qu'au survole de la souris sur les liens ayant la classe "first_link" ça m'affiche "submenu" avec un slideDown et à la perte du focus ça le cache avec un slideUp.
 
J'ai essayé pas mal d'events, hover, mouseenter, mouseleave, etc, mais si lorsque le sous-menu se déplie, le curseur est en bas de là où il devrait arriver, ça me fait une sorte de boucle infine avec le menu qui se replie et se déplie sans cesse.
 
Des idées ?

http://ejohn.org/blog/html-5-data-attributes/ ?

Voilà, c'est ce que je cherchais

<ul id="tab">
    <li class="account">
        <a href="#" class="first_link>
            lien
        </a>
        <ul class="submenu">
            <li><a href="">Lien</a></li>
            <li><a href="">Lien</a></li>
            <li><a href="">Lien</a></li>
        </ul>
    </li>
    <li id="agency">
        <a href="#" class="first_link>
            lien
        </a>
        <ul class="submenu">
            <li><a href="">Lien</a></li>
            <li><a href="">Lien</a></li>
            <li><a href="">Lien</a></li>
        </ul>
    </li>
</tab>

Plugin superfish http://users.tpg.com.au/j_birch/plugins/superfish/    
C'est la réponse qu'on m'a faite la dernière fois.
Et je dois avouer que ça marche super bien.

 
C'est pas mal mais il n'y a aucun effet lors de la fermeture

http://forum.hardware.fr/hfr/apple [...] tm#t206417
 
c'est chiant ce tag autocomplete="off"...

C'est pas mal pour les numéros de CB

C'est pas un tag standard, chaque browser l'interprétera donc comme il veut, ou pas
 
Et +1 pour les banques

http://jarlsberg.appspot.com/

Qu'est-ce que c'est de la merde paypal! En tant qu'intégrateur, ça m'a lourdement saoulé, et aujourd'hui en tant qu'utilisateur aussi!
 
Ces enfoirés notent les adresses emails quand on paye par CB et qu'on ne veut pas utiliser un compte adhoc, ensuite si on veut repayer par CB plus tard, ils bloquent avec un truc du genre "Votre période d'essai a expiré vous devez créer un compte paypal", en changeant l'adresse email le paiement est passé sans problème comme si j'étais un nouvel utilisateur

Pas mal la technique gmail pour chopper les numéros de tél portable. Ils désactivent les vieux comptent et proposent de les réactiver en envoyant un sms avec un code.    
 
Oui en ce moment je purge tous mes comptes gmail, paypal, amazon, ebay, etc.

Bonjour,
 
Je souhaite tronquer le texte d'une div située dans des cellules fusionnées d'un tableau. Le code suivant marche sur Firefox mais pas sous IE8: Le texte est bien tronqué mais les cellules fusionnées prennent la largeur du texte.
 
Voila le résultat sur firefox
 

 
Et sur IE8:
 

 
Quelqu'un a une solution?
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <title>Planning</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    
    <style media="all" type="text/css">
        td
        {
            border: 1px solid black;
        }
        
        .workingDay
        {
            width: 16px;
            max-width: 16px;
        }
        
        td > div
        {
            overflow: hidden;
            max-height: 15px;
        }
    
    </style>
  </head>
  <body>
    <table summary="Test">
      <colgroup>
        <col span="5" class="workingDay" />
      </colgroup>
      <tbody>
        <tr>
          <td colspan="2">
            <div style="max-width: 32px;">AAAAAAAAAAAAAAAAAAAAAAA</div>
          </td>
          <td>
            <div> </div>
          </td>
          <td>
            <div> </div>
          </td>
          <td>
            <div> </div>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Bon, ça doit sûrement être très con mais je n'arrive pas à centrer mon bouton

#parent {
    width: 150px;
}
.button_advertiser {
    float: left;
    padding: 0 0 0 9px;
    background: url('submit_button_advertiser_left.png') no-repeat left top;
}
.button_advertiser input {
    cursor: pointer;
    display: block;
    color: #fff;
    padding: 6px 10px 10px 3px;
    margin: 0;
    border: none;
    width: auto;
    background: url('button_advertiser_right.png') no-repeat right top;
}
#parent .button_advertiser {
    margin: 0 auto;
    display: inline-block;
}

<div id="parent">
    <span class="button_advertiser">
        <input type="button" value="Valider" />
    </span>
</div>

Il faut spécifier un width fixe à ton button_advertiser

Déjà essayé, ça ne fonctionne pas (et j'aimerai bien éviter de spécifier une largeur).

Et si tu vires le float:left, fixe un width et vires display:inline-block?

Non plus.
J'ai vraiment essayé pas mal de possibilités, c'est pour ça que je demande ici

Tu dois avoir d'autres règles qui clashent. Sinon margin:auto c'est identique à margin: 0 auto? J'ai jamais essayé.

margin: 0 auto  
=
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;

(SunSpider results: Small values are better.)

Ton schéma est sans intérêt si tu ne précises pas ce qu'on mesure...

relis avec le doigt.

Il faut des écrans 30 pouces pour mettre IE6 sur le graphique  

"(SunSpider results: Small values are better.)"
 
Ca explique pas ce que ça mesure

Sinon en CSS 3, j'essaye d'appliquer un coin arrondi à une <img> et apparemment c'est impossible. Mettre une image en background et utiliser border radius ça marche, mais on dirait qu'il y a rien pour juste arrondir les angles d'une balise <img>...

 
http://lmgtfy.com/?q=sunspider

Tiens c'est marrant, je me rends compte que même en CSS3 c'est impossible de sizer un background O_o C'est quoi toutes ces lacunes dans CSS 3