Bonjour,
J´aimerais faire mon Design avec les CSS au lieu des frames ; ou bien à la place des < TABLE> de HTML...

Seul probleme : sur GOOGLE, je ne trouve pas de didactitiels pour le design CSS..

Quelqu´un peut m´aider ou me donner un lien, plus simplement ?
Merci

Une recherche sur google de ´xhtml css tutorial´ te donnera de bon résultats.

c koi xhtml et dhtml?

moi je conné le html et ca me suffit amplement

Si tu connaissait bien CSS et XHTML, tu ne dirais pas ça.

alors c koi xhtml?

eXtended html
c le successeur du html, il prend en compte les standards du web et est donc compatible avec tout les navigateurs ( fini les sites qui sont lisible que sous IE)
en le couplant avec le CSS 2, on peut vraiment faire la mise en page que l´on veut, et faire par exemple un site multi-theme vraiment modulable

http://openweb.eu.org/

Je suis en train de refaire le design de mon site avec les css, avec opera, tout s´affiche bien, mais avec IE, j´ai des espaces entre les images alors que dans ma feuille de style, j´ai défini :
border-spacing:0px;
border-width:0px;
border-style:none;

Quelqu´un peut me dire si ça fait la même chose avec Mozilla.

Et éventuellement si quelqu´un sait comment résoudre le pb !

Si je vous donnais l´URL, ça vous serait plus facile de juger !

[ http://yodasworld.free.fr/index2.html ]

ouais des petit espace noir....

arf

Pareil pour moi

euh oui sous IE... plein d´espace noir :p

tiens un exemple de feuille CSS

< style TYPE="text/css">

A:default {font-family:Comic Sans MS, arial; font-size:12pt; text-decoration: none; color: white;}
A:link {font-family:Comic Sans MS, arial; font-size:10pt; text-decoration: none; color: white;}
A:visited {font-family:Comic Sans MS, arial; font-size:10pt; text-decoration: none; color: red;}
A:active {font-family:Comic Sans MS, arial; font-size:10pt; text-decoration: none; color: #FFFFFF;}
A:hover {font-family:Comic Sans MS, arial; font-size:10pt; text-decoration: underline; color: #FFFFFF;}

BODY {
scrollbar-face-color: 7b8fd6;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #f0f4ff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: 7b8fd6;
scrollbar-arrow-color: #000000;
}

< !--
H1.test
{
font-size: 10pt;
color: black;
font-family: Comic Sans MS;
}
H2.test
{
font-size: 10pt;
color: white;
font-family: Comic Sans MS;
}
H3.test
{
font-size: 8pt;
color: white;
font-family: Comic Sans MS;
}
H4.test
{
font-size: 10pt;
color: red;
font-family: Comic Sans MS;
}
H5.test
{
font-size: 12pt;
color: red;
font-family: Comic Sans MS;
}
/ /-->

< /style>

si tu as un pb contacte moi

voila

cest pas du design sa... enfin je crois pas

cest juste un style d´ecriture

Ah ! Bon ?
Et si je change de feuille de style, ça fait quoi d´après toi ?
Tu es obligé d´utiliser soit les < div> soit les < table>.
J´arrive à faire quelque chose de statique avec les < div>, mais je n´arrive pas à faire en sorte que la largeur soit variable, donc j´utilise les < table>.
Si tu as une solution à me donner avc les < div> pour avoir une image en mosaïque entre 2 autres ou si tu sais comment résoudre mon problême actuel, je suis preneur.

lItTlEdArK euh ? je n´ais pas saisi pourquoi tu as mis ce code, il n´est pas du tout en rapport avec mon pb !

bon ce sujet date d´il y a super longtemps, et puis je m´y connais pas trop en css, mais moi j´avais pareil sous IE avec mon site, et y´a une solution pour changer ça
en html simple avec un design en < table> ( je sais , c´est pas bien, mais je vais essayer de m´initier au css) y´avais une option a mettre a 0:
< table cellpading="0" cellspacing="0">
ensuite tu fais le reste, et y´a aucune écart avec les céllules.
donc ej sais pas si ça va t´aider, mais au moins j´aurais essayé

yoda --> lItTlEdArK a fait un exemple.
Pour ton design il s´affiche bien sous firefox mais la colonne de gauche est bizarre ont dirais qu´elle est coupée.

Avec Firefox :

http://www.premiumwanadoooo.com/e-gba/image/firefox.jpg

Avec IE :

http://www.premiumwanadoo.com/e-gba/image/ie.jpg