28173 sujets

CSS et mise en forme, CSS3

bonjour,
je souhaite refaire mon site Internet (plus de 600 pages) en utilisant - cette fois - des fichiers css.
or je parviens à mettre sur le fichier css les balises html de base, mais je ne sais pas comment retrouver la même mise en page (l'actuelle est à l'aide de tableaux html).
sos !
lo
bonjour et bienvenue !
Il y a pas de solutions miracle, va falloir t'y mettre !
Si tes connaissances en css sont nulles, tu devrais lire les tutos de bases présents sur ce site et si c'est pas le cas, reformuler ton problème en posant une question précise

A+
Salut,
même réponse, les tutos avant tout.

Mais sans avoir une idée de ce que tu veux faire, on aura du mal à t'aider...
Administrateur
bonjour et bienvenue lo2b,

même avis: quel est le design actuel? Peut-être peux-tu poster un lien ou sinon décrire la mise en page?
Tu es en tout cas tombé au bon endroit pour mener à bien cette tâche. Cela va demander pas mal de boulot et d'apprentissage au départ (tu n'es pas obligé de remettre à plat tout le design d'un coup, peut-être commencer par le menu ou la bannière, mais parfois c'est tellement inextricable qu'il le faut Smiley smile ) et tu en seras récompensé (en temps et en frustration) lors de la création des futures pages ou d'un changement de design: c'est beaucoup plus simple et rapide.
En plus des tutoriels d'Alsacréations, il y a aussi le [http://www.alsacreations/livre]livre[/url] qu'a écrit Raphael (si tu es plus à l'aise pour apprendre dans un livre qu'en ligne, m'enfin certains s'en passent très bien aussi Smiley cligne ) et de nombreuses autres ressources présentes dans le Salon du même nom. Je citerai Openweb ou Pompage pour commencer, il y a déjà de quoi s'occuper Smiley lol

Felipe
merci pour toutes vos réponses, si rapides! Smiley ravi
je trouve l'idée du fichier css (que je ne connaissais pas lorsque j'ai commencé mon site) absolument géniale.
enfin, géniale pour les balises html de base, car pour les blocs, rien à faire, je ne parviens pas à retrouver la même mise en page (on ne peut d'ailleurs même plus parler de mise en page Smiley fache ).
voici ma mise en page (sans css):
http://lereseaubrn.free.fr/tentative.htm
comment la convertir en css???
... Smiley sweatdrop
à défaut, je vais garder ma mise en page à l'aide de tableaux html et utiliser le fichier css uniquement pour les balises html de base... Smiley confused
Modifié par lo2b (26 Jan 2006 - 18:30)
honnêtement, je ne parviens intellectuellement Smiley rolleyes pas à concevoir comment le css peut générer une mise en page.
bon, je vais aller chez mon libraire préféré feuilleter - et peut-être acheter - le bouquin de Raphaël...
sinon: retour à la mise en page à l'aide de tableaux html (au moins, c'est structuré, clair et net, y'a pas des trucs qui se chevauchent dès que tu changes quelque chose...). Smiley bawling
Modifié par lo2b (26 Jan 2006 - 19:35)
Bonsoir,

lo2b a écrit :
honnêtement, je ne parviens intellectuellement Smiley rolleyes pas à concevoir comment le css peut générer une mise en page


Remarque très intéressante sur le fond Smiley smile

CSS2 (et l'essentiel de CSS3) sont en effet assez perturbants, parce qu'ils ne projettent aucune délimitation a priori sur le canevas, c'est à dire l'espace où le contenu s'affiche (se dessine, selon le terme consacré). A l'inverse, les tableaux au moins dans la manière dont on les pense quand on s'en sert pour faire de la mise en page, donnent l'impression qu'on délimite d'abord et qu'on dessine le contenu ensuite dans les limites en questions. Ce qui est faux quant au fonctionnement réel du moteur de rendu des navigateurs, mais très rassurant pour le designer.

En d'autres termes, en CSS :
- le contenu coule du haut vers le bas et (dans notre langue) de gauche à droite, selon une logique binaire : suis-je une boîte ligne ou une boîte bloc ?
- il se dimensionne au fur et à mesure de son écoulement selon la nature des boîtes et leurs propriétés additionnelles
- cet écoulement peut être canalisé (float, display:inline-block et display:run-in), déplacé (position relative, marges négatives) ou carrément interrompu (display:none, position absolute, fixed et display:table). Mais ça continue tout de même à s'écouler quelque-part (et parfois, par dessus le reste du flux, en effet).

CSS définit fondamentalement la page Web en référence à un flux continu, là où les tableaux l'atomisent en une mosaïque de micro-contenus cimentés... alimentés pourtant par le même flux Smiley cligne
Modifié par Laurent Denis (26 Jan 2006 - 19:51)
j'ai craqué : j'ai acheté "CSS 2"... Smiley cligne
d'emblée, me voilà rassuré par une phrase : "Rien n'oblige le débutant à supprimer immédiatement toute mise en page en tableaux : CSS est une norme modulaire qu'on peut adopter peu à peu, en la limitant dans un premier temps au graphisme et à l'esthétique des éléments." Smiley ravi
cela dit avant de refaire les 650 pages de mon site, je vais me plonger dans les 296 pages du bouquin (cela tombe bien, je suis en déplacement professionnel ce week-end Smiley confus ).
une question : aucun programmateur "fou" n'a encore pensé à un logiciel permettant de générer automatiquement un fichier css à partir d'une page html? Smiley rolleyes
P.S.: cela dit, CSS bouleverse en effet beaucoup mon pauvre petit esprit cartésien Smiley decu
Modifié par lo2b (26 Jan 2006 - 22:53)