Salut a tous,
 
je viens de voir comment decouper son psd en tranche grace a imageready, mais en fait cela donne un tableau assemblé des images découpées. Or j'ai vu dans des kits gratuits, que seulement certaines images étaient gardées, le reste venait du css.... mais j'y connais rien en css, et je voulais savoir s'il y avait un moyen de tirer un css d'un psd? j'ai cherché, mais meme sur alsacreations... je ne trouve pas. Je sollicite donc votre aide pour savoir s'il faut d'abord partir d'un css et créer le psd... enfin je cherche des conseils quoi!
 
merci!

je ne sais pas!  
 
mais pourquoi tu fait pas tout ton site en image ready

 
       
 
peux tu m'expliquer?

oui, si tu ne sais pas faire de Css, fait ton site en tableau sous image Ready, je vois pas où est le problème ...

j'ai lu que les tableaux, c'était le mal!

Bah oui mais quand on sait rien faire d'autre
Sinon pour répondre à ta question, il 'y a pas de solution miracle pour passer un psd en css.

 
T'en lis des conneries... Et faut pas croire tout ce qu'on lit...  
C'est pas que c'est mal, c'est que ça froisse pas mal de gens...
 
Les tableaux ca fonctionne aussi, mais le CSS est la nouvelle mode et façon d'écrire le web actuellement...
 
Avan c'était les tableaux...
 
Dans quelques années ce sera autre chose et on dira "Le CSS c'est mal !"...
 
 

 
J'aimerais entre autre avoir mon graphisme complètement centré... cela ne peux se faire qu'en css non?
Oui je lis beaucoup de conneries, avec le temps que je passe a chercher, normal!  

 
bon va falloir que je me mette au css alors...  

Ce code centre un tableau...
 
C'est pas du css pourtant... Mais c'est vrai mieux vaut se mettre au CSS de nos jours
 

 
Donc google -> "tutoriel css"

 
cela fait des jours que je passe su ce genre de tutos...
 

Trop gros, en poids, le tableau me fait 450ko!

 
Ben on peut rien faire alors... Si déjà tu maîtrise pas le html, le css alors...
 
 

 
Qui t'as dit cela?

 
Indirectement toi : Si tu arrive pas à centrer un tableau html en html pur, c'est que tu le maîtrise pas...
 
Si t'as un tableau qui pése 450 Ko sous image ready, c'est que tu le maîtrise pas. (A celà on ajoute les technique du pixel transparent, repetition
, etc...)
 
C'est pas péjoratif, mais tu n'as apparement pas toutes les clés pour le moment. Aprés je me trompe peut être, je te connais pas, mais ta question et tes réponses laisse supposer tout ça...

 
Non, je demandais comment centrer de façon absolue une "fenêtre" en passant par le css....
 

 
Je n'ai jamais prétendu maitriser imageready.... et le tableau est en fait une grosse image découpée, avec tout le texte inclu... J'ai vu en récuperant un kit gratuit qu'il y avait une 10 aine d'images (logos, transparents, survol....) et quand j'utilise leurs marques pour découper, je me retrouve avec 96 images... donc je cherchais a comprendre comment avec mon psd et css en garder qu'une dizaine aussi.
 

 
Non, tu as raison, je n'ai pas toutes les clés, c'est pour cela que je me renseigne....
 
Sinon, gros problème photoshop ce matin (pas retouché depuis le passage a imageready hier), quand j'écris du texte il est systématiquement souligné... j'ai reinitailisé le texte, mais aveec n'importe quelle police cela continue, help please!

Le problème semble être passé en ayant ouvert le dernier fichier utilisé hier....

fais vite une copie de ton psd d'origine et garde ça au coffre...
travaille sur une copie.

margin: 0 auto; est un bon moyen de centrer un bloc dans son bloc parent en css, encore faut-il lui dire d'abord les dimensions du blocs parents. On oublie trop souvent de déclarer des width. IE aime bien un text-align:center; dans le style BODY.

Si tu nous faisais voir ce que donne ton psd ? avec slices visibles si possible, une copie d'écran sera suffisante.
à l'échelle 60% ça suffira bien.

Voila le psd du free template récuperé que j'aimerais adapter, avec les slices visibles!
 

 
Et voici les morceaux qui ont été gardés: dossier images:
 

 
Si vous voulez le css, je vous le transmet aussi car j'aime comprendre... merci    
 

hm ... les slices que tu vois ne sont absolument pas les slices utilisé pour la découpe du site, ce ne sont même pas des slices mais des repères.
Repères utilisé surrement pour la mise en page.

Il ne faut pas laisser l'option "tous les slices" quand tu valide l'enregistrement des slices, le cadrillages des slices crée 96 rectangles pour photoshop, mais seul ceux que l'auteur veut sont sélectionné pour exportation, il faut donc selectionner ceux là et enregistrer "pour le web" avec option "tranche sélectionnés". CQFD

-- MAIS --
Libre à toi de refaire un découpage comme tu le sens donc avec l'outil tranche pas les reperes.

ET pourquoi ne pas faire ce site en xhtml+css sans tableaux ?
avec un découpage plus simple, tu gardes les puces mais tu jettes le reste.
ça se découpe comme ça:

Avec 2 divs et 10 images.

NB: le gros rectangle du haut, le header, contient les tâches vierges et tes vagues. En png24 ça sera très légé car composé d'aplats, peut-être quelques octets de plus à cause du dégradé des vagues 'm'enfin bon...) Tes boutons en gif transparent avec fonfu sur blanc (en option dans toshop) se place au dessus. C'est un principe en css design ya pas de trou sous les images, on superpose est c'est bien pratique.

Pour le reste google et huile de coude.

 
 
Justement, je voudrais faire ce site en css dont je commence a voir la richesse.... mais j'arrive pas a visualiser comment ces images se mettent en place dans du vide...  
 
Ou se trouve cette option pour "tous les slices"? c'est sous photoshop ou imageready?
 
Merci de ton aide!

A mon avis les 2
Ca fait des années que j'utilise plus imageready vu sont incroyable utilité...
 
Mais quand tu fais enregistrer pour le web sous toshop ET que tu as des slices ou tranches en français active sur ton document, ben quand tu valides l'enregistrement il te demande ou tu veux enregistrer et surtout cette option "toutes les tranches" ou "les tranches sélectionnées".

 
Ok je vais regarder cela....    merci!

généralement pour faire mon découpage je procède comme ca:
 
sous photoshop, j'utilises les repères pour préparer mon découpage de façon précise.
 
ensuite je passe en tranche : je pars de la tranche principale, clic droit>diviser, et je divise en autant de tranches qu'il y a de repères.
 
Ensuite toujours avec l'outil sélection de tranches, je fusionne les tranches qui m'intéresse.
 
C'est à mon sens la manière la plus éfficace.
 
Sinon pour en revenir aux css et aux tableaux :
 
Les deux systemes sont encore largement utilisés, même (pour ne pas dire surtout) dans les grosses agences...
Question parfois de rapidité, ou de contraintes (pas de css dans des mailings par exemple).
Pour ma part je trouves le design en css beaucoup plus intuitif, quand je travail à partir de tableaux j'ai plus l'impression de faire du bricolage.
 
En esperant que ça t'aides un peu ...
a+
 
 

Putain c'est vraiment un avis de grapheux
 
quand on maitrise les CSS c'est juste le bonheur.
 
Il est 100x plus simple de réfléchir à utiliser le HTML sémantiquement (une balise UL parci, un P car la texte est un paragraphge, etc, etc..)
Et derrière avec un petit coup de CSS (plutôt un gros coup), c'est magique, même pas besoin de se faire chier avec 40 km de code redondant, ni de px.gif, juste des marges parci, des marges par là. C'est 100x plus puissant.
 
Hier j'ai fait un emailing en pur HTML de l'an 2 avant JS et je peux vous dire que c'est plus difficile de faire du HTML de base au lieu des CSS.
 
MAIS (oui un gros MAIS)
il peut etre très judicieux de faire son gabarit de site général en Tableau (donc je dis par là 1 seul tableau). Et de mettre des CSS à l'intérieur.

(c'est toujours rigolo de lire de genre de choses : du calme Gatsu35, taper du XML à la main, c'est pas non plus la plus intelligente des tâches).

xHTML et pourtant si c'est la plus intelligente des tâches car derrière c'est plus facile pour :
- Modifier le code
- Maintenir le code
- Pour un ingé, d'intégrer du code serveur.

ET le jour ou tu dois modifier graphiquement ton site. Tu es obligé de tout refaire, alors que s'il est fait en CSS c'est tout simple

Moi je fais mes mails en xhtml + css...

a l'heure actuelle et pour des raisons de contraintes techniques (webmails pourris, logiciels de lecture de mails pourris)
Om vaut mieux faire un emailing en pure tableau HTML sans utiliser un seul style. car certains webmails suppriment les styles (laposte.net, free.fr)

ceci dit j'aime bien le design du site

Alors qu'en html ça va mieux, on a un mail superbe... qui part en spam direct sur plusieurs client mail.
Cela dit je te comprend si free et laposte agissent comme ça. Du reste je n'utilise plus trop le mailing, plutôt l'envoi de lien et une page web de promo.

Pour l instant, aucune societé de routage ni de professionnels n intégrent les emails en xhtml / css car quasi aucun outil de lecture de mail n est en mesure de les lire.

La seule solution pour garantir l affichage des emailings a l heure actuelle : full tableau et aucun style (pas même pour le texte) ou image + alternative texte.

edit : + dans tous les cas lien vers la version hebergée du mailing.

 
 
Il y a des raison clair à cela !
 
Les tableaux c'est le mal et ce n'est pas n'importe quoi... Les tableau ca empêche l'accessibilite ! Les tableaux sont beaucoup plus difficilement upgradable etc etc etc....  
Si les tableaux sont dépassés ce n'est pas sans raison.

 
Depassés peut être, mal je pense pas... Mais bon entrons pas dans la polémique...
 
A une époque c'était bien pour les femmes de montrer leurs cuisses, puis aprés c'était mal, maintenant c'est le top !
 
Peut être qu'à l'avenir il apparaîtra une nouvelle forme de tableau html pour faciliter la vie des gens qui voient le mal partout ... Qui sait ?

Bon je n'entrerais pas dans la polémique, enfin si un peu mais ce que tu dis est totalement dénué de sens ! Ca n'a rien d'une convention, ni même de mode... c'est comme si tu me dit que le c++ c'est parce que c'est plus à la mode que le c ou que la poo c'est juste une histoire de mode... ou même que le combinatoire est dépasser... . Si le Web à évoluer dans cette optique ce n'est en rien pour des questions de mode !
 
Je ne comprends vraiment pas tes propos, pour plus de renseignement :
http://www.cybercodeur.net/weblog/ [...] blems.html
http://www.libert-fr.com/blog/post [...] essibilite
http://blog.alsacreations.com/2007 [...] s-tableaux

kirua_sama, c'est quoi ton métier ?

 
Heu non pas vraiment, tu ne dois pas être tres au fait de la question.
 
C est une des evolutions majeures de la publication de contenu sur le web. Toutes les evolutions futures iront dans le sens de ce que css a amorcé = separation contenu / contenant.

 
On peut separer contenu/contenant avec des tableaux html ...
 
Suffit de savoir y faire    

 
Heu ben non puisque tu mixes code de mise en forme et contenu.