Salut, j'ai un site utilisant les table pour la mise en page, j'ai cru comprendre que ce serais mieu en <div>, j'en utilise deja pour certaine chose, je sais faire un peu de css, mais je ne sais pas comment je pourrais passer la presentation general en <div>
 
Pour l'instant j'ai  
 
      -------------------
      |   En tete        |
      -------------------
      |m |               |
      |e | Corp          |
      |n |               |
      |u |               |
      |  |               |
      --------------------
 
je voudrais passer ça en <div>
 
QQ pourrait me montrer qq ligne pour faire ça?
j'ai deja suivi le tuto de base de http://openweb.eu.org/articles/initiation_float/ mais ça ne me parrais pas trés clair
 

tu vois ma signature?
tu cliquette sur le lien de gauche (celui qui est au milieu)
 
Et ça se fait pas "en quelques lignes"
 
Mais bon si tu veux vraiment un exemple
 
http://www.csszengarden.com

un bon exemple (à part la pub) :
http://membres.lycos.fr/ti89prog/

C'est quoi cette merde là?
C'est bourré de tables
Tu t'es vu quand t'as bu?
En plus c'est moche
Et le site est à chier
 
Un vrai bon exemple ça serait http://www.stuffandnonsense.co.uk

Délicatesse, quand tu nous tiens

 
J'emmerde la délicatesse

En fait, je Demandais "en quelques" lignes, parceque je voudrais avoir juste les ligne necessaire, sans le contenu des sites qui vas avec

Pour quelques gabarit simple en css :
http://css.alsacreations.com/Model [...] age-en-CSS
 

 
Faut avouer que le site contient a peu pres tout ce qu'il ne faut pas faire.
 

• Hébergeur moisi
• Frames
• Tableaux
• Aucune sémantique
• Du code HTML en dehors du body
• Pas de CSS

Bref ... le citer en bon exemple est une grave erreur ...

Peu etre etais ce l'exemple a ne pas suivre qu'il voulait dire?

non, je me suis completement trompé. je demande votre indulgence. j'ai fait une grave erreur en citant ce site.
mais si vous pensez que c'est un exemple à ne pas suivre, ca a quand meme servi a quelque chose, j'en suis heureux.  

# Hébergeur moisi : en effet
# Frames : ca c'est la pub uniquement qui fait ca
# Tableaux : en effet, ca pue
# Aucune sémantique : ca veut dire quoi ca ?
# Du code HTML en dehors du body : ou ca ?
# Pas de CSS : un peu quand meme...

ça veut dire savoir utiliser les balises html pour ce qu'elles ont été prévu.
 
Bref les <table> pour des tableaux de données,  
<p> pour les pararagraphes,  
<h1> <h2> <h3> (etc) pour les different titres de ta page selon leur importance,  
<em> pour souligner un passage plus important dans ton texte,  
<acronym> pour définir un acronyme (au lieu de le faire dans une parenthèse à côté),  
et encore plein d'autres trucs dans le même principe...

sémantique, j'aime bien le mot, ça saonne pas mal ouf

en effet, aucune sémantique  

salut, j'ai Bien pris une structure de site proposé sur  
http://css.alsacreations.com
mais j'ai un proleme, je voudrais que la molette de ma souris puisse faire defiler, mais ça me marche pas coment faire ça ??
 
j'ai pris http://css.alsacreations.com/modeles/modele11.htm

Bug Firefox, le scrolling à la molette n'est pas géré sur les zones en overflow: auto.
 
Teste sous Opera ou IE par exemple, ça marche.
 
C'est un problème de navigateur.

ha ok, merci
 
Autre petite chose, Quel est la diference entre le . et la # pour definir les classe de CSS ??
 
#header
 
.menu
 

. = classe, il est possible de donner la même classe à plusieurs éléments et de donner plusieurs classes à un élément unique (class="bou let foo bar" fera que mon élément aura en même temps les classes "bou", "let", "foo" et "bar" )
 
# = id, identifiant unique, un seul par élément et un seul élément de chaque page peut avoir un ID donné.

^.^Ok merci  

j'ai une question en ce qui concerne la CSS.
J'ai un truc qui me chagrinne
 
voici lexemple tiré d'un site bien connu
http://css.alsacreations.com/xmedi [...] s/tuto.htm
 
comment faire pour que la totalité du site soit centrer sur la page. Car un site qui se trouve dans un coin a gauche, c'est pas top pour les grosse resolutions d'écran.
 
jai fais différent testes mais jai tout plein de déformation, c'est une horreur.
 
merci

prenons le code suivant :  
 

 
avec le doctype
 

 
le rectange sera placé à gauche sous IE, et centré sous FF
c'est IE qui fout sa merde ici.
 
avec le doctype là :

 
ou celui là
 

Mais préfère plutôt le premier Doctype

merci merci.
Rien a dire, c'est de la daube IE.
Ils font rien comme les autres
 
EDIT:
 
Bon apres des plusieurs nouveaux tests, je ne trouve pas la solution pour centrer le design.
Avec les tableaux, ca donnerai cela  

 
 
Mais avec les CSS, si je fais cela, tout mon texte se centre, mais le design ne bouge pas.  

Avec les CSS tu fais pas ça  
 
Avec les CSS, il te faut mettre un text-align: center sur le parent de l'élément à centrer pour MSIE et des marges latérales en auto pour les autres navigateurs

 
et si je fais apres
 
<div class="centre">  ..... mon contenu avec design et autres CSS ... </div>
 
Eba cela ne centre que mon texte et mon design ne se trouvera qu'en haut a gauche de la page (ce que je ne veux pas)
 
essai avec lexemple ci http://css.alsacreations.com/xmedi [...] s/tuto.htm
prendre le code et essai si tu le souhaite.

faudrait peut être lire ce que j'écris -_-

Hum, ce n'est pas tres clair pour moi alors.
Apres plusieurs relectures, je ne vois pas vraiment.

tu mets text-align: center sur le parent de l'élément, et les marges latérales à auto sur l'élément lui même

voila je corrige ma connerie de tout à l'heure
met le text-align:center sur le body
 

bon voici ce que ca donne avec les changements
http://bibi35.free.fr/test/
 
jai supprimer les autres tests avec les "auto".
La partie gauche ne veux pas suivre ainsi que la partie centrale.
 
voici le css.
http://bibi35.free.fr/test/styles.css

Ca veut dire quoi "ne veut pas suivre" ?
 
Quel est le résultat final attendu ?

Je veux que tout ce qui est afficher soit centrer sur la page.
 
Un design centrer, et mon text au centre soit coller sur la droite sans dépasser les bords du design

Bah alors pour commencer tu centres #page au lieu de centrer chacun des DIV.

ceci est fais a present, toujours rien au bou du fil

 
t'as un div d'id "page", c'est probablement le seul élément de ta page qui ait un nommage correct et sémantique, tu peux m'expliquer pourquoi tu le style pas?
 
puis c'est bourré de markup à la con
 
et puis pourquoi ton menu est en position: absolute?

c bon pour page
 
#page{  
 
  text-align:center;
  margin-left:auto;  
  margin-right:auto;  }
 
et qu'entend tu par markup.
 
Et pour labsolu, il le faut apparement
la source est http://css.alsacreations.com/xmedi [...] s/tuto.htm

Oui mais il faut définir une largeur car sinon le DIV prends toute la largeur.
 
text-align s'applique au conteneur, cf http://incongru.webdynamit.net/CentrageHorizontal

Le balisage (tags et attributs)

Oui mais ça ne marchera pas forcément si tu veux que tout soit centré. Mets le flottant celui-là

sans absolu, jai un décalage entre mon menu et le HEAD1 et HEAD2

 
Je veux justement que ca prenne tout la largeur de la page.
C'est a dire que peux importe la résolution d'écran de l'utilisateur, que la site soit centrer sur la largeur d'ecran

Ca s'enlève ça. Mais mets à jour ta page qu'on y comprennent quelque chose

Heu
 
Comment quelque chose qui doit prendre toute la largeur de la page peut il être centré ?

en effet pour la largeur, je ne comprennais pas dans ce sens
 
http://bibi35.free.fr/test/styles.css
http://bibi35.free.fr/test/