• Forums 2037
  • Forums Boite à Pixels 2077.net
  • Forums phpBB
  • Forums Nero
  • RSS feed
  • Sauter vers:   
    Boîte à Pixels Index du Forum Connexion  
    S'enregistrer
       FAQ   Rechercher   Liste des Membres   Groupes d'utilisateurs   Profil   Se connecter pour vérifier ses messages privés  

    [Tuto] Comment découper son design ?
    Aller à la page Précédente  1, 2, 3, 4, 5, 6, 7, 8, 9  Suivante
     
    Poster un nouveau sujet   Répondre au sujet    Boîte à Pixels Index du Forum -> Tutos Graphisme
    Boîte à Pixels
    Voir le sujet précédent :: Voir le sujet suivant  
    Auteur Message
    Hu!Go
    Régulier(ère)
    Régulier(ère)


    Inscrit le: 04 Fév 2006
    Messages: 60

    MessagePosté le: 05 Fév 2006 17:33    Sujet du message:  Répondre en citant  

    Par contre si tu essayes de modifier un peu le menu de ton tuto on va vite se retrouver avec des décalages entre firefox et internet explorer, a cause des margin des <ul>

    Enfin je dit ca parceque j'ai souvent eu du mal...

    Si on remplace par des <dl> <dt> ca va pas mieux ?
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    piouPiouM
    VIP
    VIP


    Inscrit le: 10 Juin 2003
    Messages: 8861
    Localisation: Lyon

    MessagePosté le: 05 Fév 2006 18:47    Sujet du message:  Répondre en citant  

    Non, les listes de définitions (dl, dt, dd, toussa) sont à utiliser pour réaliser des définitions et non de simples menus.
    Pour résoudre ton problème de marges, tu n'as qu'à définir une proprété margin: 0;
    Aussi, tu peux modifier la hauteur de ligne (line-height ou height) des <li> (sous IE par défaut la hauteur de ligne est bien plus grande que sous les autres navigateurs).

    Sinon, pour en revenir au tuto lui même, Salah, pourquoi utiliser un Doctype XHTML 1.1 ? Celui-ci ne servira pas à grand chose si tu l'accompagne d'un contenu text/html ; il faudrait employer un contenu de type application/xhtml+xml et envoyer un header adéquat (via PHP par exemple) que peu de navigateurs reconnaissent (Firefox, Safari, Opera, Konqueror).
    Lire Comment bien déclarer XHTML1.1 ?.

    Il vaut mieu mettre un Doctype XHTML 1.0 Sourire

    _________________
    Découvrez le livre Gimp 2.4 : Apprenez, pratiquez, créez ! (3ème édition)
    Gimp4you, tutoriels pour GIMP 2
    langue
    Mon Ziki
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
    Salah
    VIP
    VIP


    Inscrit le: 13 Mar 2004
    Messages: 5003
    Localisation: 91 600!! représente l'Essonne

    MessagePosté le: 05 Fév 2006 21:19    Sujet du message:  Répondre en citant  

    Peu après ce tuto Nico m'en avait fait la remarque et depuis j'utilise le 1.0 mais j'ai oublié de modifier le tuto, il a l'oeil le piou Smile
    _________________
    I am a llama !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    heed59
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 08 Fév 2006
    Messages: 7

    MessagePosté le: 09 Fév 2006 0:28    Sujet du message:  Répondre en citant  

    Bonsoir!
    Moi j'ai un sacré probleme: http://screenweb.free.fr

    Dans le div du milieu pour mon footer, vu qu'il est en transparence, le texte_fond depasse; que dois je faire?!

    Merci clin d'oeil
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7127
    Localisation: http://peet.fr

    MessagePosté le: 09 Fév 2006 0:29    Sujet du message:  Répondre en citant  

    Mon explication sur Msn ne suffit pas ? C'est pourtant pas bien compliqué :/
    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Au Badge Insolent V2 encore plus mieux !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    heed59
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 08 Fév 2006
    Messages: 7

    MessagePosté le: 09 Fév 2006 0:33    Sujet du message:  Répondre en citant  

    Sim et moi somme arrivé à un resultat catastrophique :p

    (edit) résultat magnifique!


    Dernière édition par heed59 le 09 Fév 2006 1:28; édité 1 fois
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7127
    Localisation: http://peet.fr

    MessagePosté le: 09 Fév 2006 0:38    Sujet du message:  Répondre en citant  

    Déjà, va voir Le Site Du Zero
    Apprend y l'xHTML et le CSS

    Ensuite, essaye de découper ton design. En lisant ton code, on voit bien qu'il te manque de bonnes bases clin d'oeil

    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Au Badge Insolent V2 encore plus mieux !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    heed59
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 08 Fév 2006
    Messages: 7

    MessagePosté le: 09 Fév 2006 1:27    Sujet du message:  Répondre en citant  

    Grace aux lumières de Sim, le resultat est excellent.
    Merci aussi à Goulaf pour son aide clin d'oeil

    Merci infiniement.

    Au plaisir de se revoir!
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    florimichon
    Régulier(ère)
    Régulier(ère)


    Inscrit le: 30 Juil 2004
    Messages: 192

    MessagePosté le: 25 Fév 2006 17:21    Sujet du message:  Répondre en citant  

    remontage de topic ^^

    C'est violent quand meme de coder ^^

    Bon j'ai aucune ( mais kedal xD) base en code ( que ce soit html, css2, php and co ... )
    et j'ai plein de questions avant de commencer. Elles semblent ( et doivent l'être ^^ ) stupides, mais ca me trotte qd mm :

    1 / si j'ai bien compris, on ouvre le .jpeg de notre design, et comme l'explique Salah, on separer le header, le footer.... mais que fait on des " restes" par exemple, si entre le header et le menu juste en dessous y a un espace vide, on en fait quoi de cet espace ?

    2/ quand on met ca ds le code " <div class="menu_gauche"> " comment le code peut il savoir ou se situe le menu_gauche sur le disque dur ? oO ( j'avais dis que c'était un peu stupide ^^ ) ( a mon avis j'ai pas du comprendre l'utilité réel du css )

    3/ une page de css2 et xhtml ca se fait en meme temps, sur le meme éditeur de texte ?

    4/ en faisant un design, a la fin de celui, je me suis demandé un truc... le texte, on l'écrit sous photoshop ou pas ? :x

    bon, voila, dsl, j'ai moi meme conscience de mes questions assez...disons.......bizarres, mais ce sotn celles qui me sont venu en lisant le tuto.

    merci
    ++
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7127
    Localisation: http://peet.fr

    MessagePosté le: 25 Fév 2006 17:28    Sujet du message:  Répondre en citant  

    1- T'ouvres ton design dans photoshop, gimp ... et tu "sépare" sur plusieurs calques les éléments important : le header, le "contenu général", le footer.

    2- le css et le disque dur n'ont rien avoir ...
    Dans ta page (x)HTML, tu appel la feuille de style. Du coup, lorsque tu met <div class="menu_gauche"> dans le .html, ca va chercher le .menu_gauche { ........ } définie dans le CSS, et ca se débrouille tout seul

    3- Ba vi, tu peux tout coder avec le bloc note ...
    Les editeurs styles Dreamweaver et compagnie, c'est bien pour les entreprises qui pensent qu'aux ponion et qui veulent une découpe automatique, merdique, avec des tableaux de merde.

    4- T'es pas obligé de mettre du texte ... tu peux en mettre, voir ce que ca rend, mais, au final, le texte sera du texte brute, et non une image



    5- Apprend les bases xHTML/CSS, apres interesse toi a la découpe, sinon, tu va rien comprendre, tu va poser des questions connes et tu vas passer pour un gros boulet

    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Au Badge Insolent V2 encore plus mieux !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Salah
    VIP
    VIP


    Inscrit le: 13 Mar 2004
    Messages: 5003
    Localisation: 91 600!! représente l'Essonne

    MessagePosté le: 25 Fév 2006 20:02    Sujet du message:  Répondre en citant  

    Gounlaf a écrit:
    5- Apprend les bases xHTML/CSS, apres interesse toi a la découpe, sinon, tu va rien comprendre, tu va poser des questions connes et tu vas passer pour un gros boulet


    T'y va un peu fort la quand meme ^^

    _________________
    I am a llama !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7127
    Localisation: http://peet.fr

    MessagePosté le: 25 Fév 2006 20:15    Sujet du message:  Répondre en citant  

    Ba quoi ? C'est vrai nan ? Si il a aucune base, il risque pas de s'en sortir ...
    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Au Badge Insolent V2 encore plus mieux !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    troll des bois
    Forcené(e)
    Forcené(e)


    Inscrit le: 08 Mai 2004
    Messages: 2197

    MessagePosté le: 25 Fév 2006 20:48    Sujet du message:  Répondre en citant  

    Salah a écrit:
    Gounlaf a écrit:
    5- Apprend les bases xHTML/CSS, apres interesse toi a la découpe, sinon, tu va rien comprendre, tu va poser des questions connes et tu vas passer pour un gros boulet


    T'y va un peu fort la quand meme ^^


    surtout que lui meme il connait pas les bases ..... non non on recommence pas le flood !

    sinon si tu connais rien le tuto de salah est pas trop approprié. le site du zéro explique ton bien les bases et apres le tuto de salah est tout simple Gros Sourire ( oui oui ^^ )


    sinon faudrait juste remettre le margin auto non ?

    _________________
    Ma Galerie Da
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7127
    Localisation: http://peet.fr

    MessagePosté le: 25 Fév 2006 20:51    Sujet du message:  Répondre en citant  

    mais ferme ta gu*** espece de niouk de padawan de bas niveau :p
    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Au Badge Insolent V2 encore plus mieux !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    florimichon
    Régulier(ère)
    Régulier(ère)


    Inscrit le: 30 Juil 2004
    Messages: 192

    MessagePosté le: 26 Fév 2006 9:58    Sujet du message:  Répondre en citant  

    non mais comme je l'ai dis, c'était jsute des questions qui me passais en lisant le tuto, je sais quand même que je n'ai pas les bases xD

    Pour les bases, j'y travail, mais c est quand meme violent ><
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Montrer les messages depuis:   
       
    Poster un nouveau sujet   Répondre au sujet    Boîte à Pixels Index du Forum -> Tutos Graphisme
    Page 5 sur 9 Aller à la page Précédente  1, 2, 3, 4, 5, 6, 7, 8, 9  Suivante

     
    Sauter vers:   
    Vous ne pouvez pas poster de nouveaux sujets dans ce forum
    Vous ne pouvez pas répondre aux sujets dans ce forum
    Vous ne pouvez pas éditer vos messages dans ce forum
    Vous ne pouvez pas supprimer vos messages dans ce forum
    Vous ne pouvez pas voter dans les sondages de ce forum
    Vous ne pouvez pas joindre des fichiers
    Vous pouvez télécharger des fichiers


    [ Association 2037.org, infrastructure & serveur model-fx ] :: [ phpBB © 2001, 2002 phpBB Group ]
    [ Guntar Ze Smiley © ZeCorp. Created by Christophe Soudron ]
      Crédits