• 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  

    [HTML & CSS] un souci...

     
    Poster un nouveau sujet   Répondre au sujet    Boîte à Pixels Index du Forum -> Aide
    Boîte à Pixels
    Voir le sujet précédent :: Voir le sujet suivant  
    Auteur Message
    pitipixel
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 21 Juil 2006
    Messages: 37
    Localisation: Vannes

    MessagePosté le: 21 Juil 2006 22:41    Sujet du message: [HTML & CSS] un souci...  Répondre en citant  

    Avé tt le monde!

    Voilà je sais pas si vous parlez aussi de découpage HTML ici mais j'ai un souci que je ne comprends pas :

    Je centre une DIV avec margin auto des deux cotés... jusque là rien de très compliqué... mais à chaque fois que je place une div à l'interieur de celle là, positionnée en relative, la div centrée s'agrandie enormément... ce qui fait que j'ai une marge en bas non désirée... quelqu'un pourrait me dire d'où provient ce bug (ou incompétence de ma part) ?

    Vous trouverez l'exemple plus parlant sur www.pixelcrea.com/location

    _________________
    Jacques, de PixelCréation - www.pixelcrea.com - graphisme, communication visuelle...
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
    Gounlaf
    Accro
    Accro


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

    MessagePosté le: 21 Juil 2006 22:47    Sujet du message:  Répondre en citant  

    L'intéret de la placé en relative ?

    Sinon, heu, où t'as appris à coder ? :/

    _________________
    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
    Spy-Seth
    VIP
    VIP


    Inscrit le: 10 Déc 2004
    Messages: 5294
    Localisation: Montpellier (France)

    MessagePosté le: 21 Juil 2006 23:22    Sujet du message:  Répondre en citant  

    Excuse gounlaf pour ça franchise Smile

    Je te ferais la même remarque mais de manière plus gentille et plus expliqué : ton code n'est pas bon du tout. Tu ne respectes pas la sémantique (le sens des balises) : il n'y a aucune logique dans l'utilisation des balises, un menu n'est pas une suite de paragraphes (mais une liste [<ul><li>menu1</li><li>menu2</li></ul>]), et un titre n'est pas un paragraphe (mais un titre de premier à sixième niveau [<h1></h1> à <h6></h6>]). Quand tu as un problème avec un CSS demande toi toujours si ton code (x)HTML est bon (syntaxiquement et sémantiquement)

    _________________
    web-boras.net
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
    pitipixel
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 21 Juil 2006
    Messages: 37
    Localisation: Vannes

    MessagePosté le: 22 Juil 2006 7:47    Sujet du message:  Répondre en citant  

    ouéw ouéw je sais bien pour les balises merci! cette page n'est qu'une page de test, rien de plus! le souci étant pour la CSS, et non pour le contenu !
    _________________
    Jacques, de PixelCréation - www.pixelcrea.com - graphisme, communication visuelle...
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
    Spy-Seth
    VIP
    VIP


    Inscrit le: 10 Déc 2004
    Messages: 5294
    Localisation: Montpellier (France)

    MessagePosté le: 22 Juil 2006 8:27    Sujet du message:  Répondre en citant  

    COmme je te l'ai dit, le problème viens souvent d'un mauvais code HTML. Sinon pour ton problème tu as essayé de définir des dimmenssions à ton div ?
    _________________
    web-boras.net
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
    pitipixel
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 21 Juil 2006
    Messages: 37
    Localisation: Vannes

    MessagePosté le: 22 Juil 2006 8:29    Sujet du message:  Répondre en citant  

    oui la taille j'ai mis un height=100px pour voir, sous IE il s'en balance royale, et sous firefox il le met bien à 100 mais l'espace existe toujours... siffle
    _________________
    Jacques, de PixelCréation - www.pixelcrea.com - graphisme, communication visuelle...
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
    Spy-Seth
    VIP
    VIP


    Inscrit le: 10 Déc 2004
    Messages: 5294
    Localisation: Montpellier (France)

    MessagePosté le: 22 Juil 2006 9:04    Sujet du message:  Répondre en citant  

    Et un margin: 0; et padding: 0; ?


    (mouarf ta question aurait était mieu sur 2037.biz que ici :/ mais c'est trop tard maitenant ^^)

    _________________
    web-boras.net
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
    pitipixel
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 21 Juil 2006
    Messages: 37
    Localisation: Vannes

    MessagePosté le: 22 Juil 2006 9:06    Sujet du message:  Répondre en citant  

    oué oué... pareil ca ne marche pas...

    Je sais que ca provient des div en relative, mais après... comment palié a ce problèem là je seche clin d'oeil

    c'est quoi 2037 ?

    _________________
    Jacques, de PixelCréation - www.pixelcrea.com - graphisme, communication visuelle...
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail 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: 22 Juil 2006 9:07    Sujet du message:  Répondre en citant  

    C'est un forum qui conviendrait mieux à ta demande Sourire

    http://forum.2037.biz/

    clin d'oeil

    _________________
    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
    pitipixel
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 21 Juil 2006
    Messages: 37
    Localisation: Vannes

    MessagePosté le: 22 Juil 2006 10:14    Sujet du message:  Répondre en citant  

    ah oky doky! je vais aller voir ca alors.... merci pour le tuyau
    _________________
    Jacques, de PixelCréation - www.pixelcrea.com - graphisme, communication visuelle...
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
    piouPiouM
    VIP
    VIP


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

    MessagePosté le: 22 Juil 2006 10:29    Sujet du message:  Répondre en citant  

    pitipixel a écrit:
    ouéw ouéw je sais bien pour les balises merci! cette page n'est qu'une page de test, rien de plus! le souci étant pour la CSS, et non pour le contenu !
    Le problème ici est que ton code HTML est mal pensé, trop de div, des div pour rien, des div utilisés juste pour afficher des éléments de design (alors que cela pourrait être fait via CSS), un agacement pas tip-top ; ce qui conduit à ton problème. Il faudrait revoir cela avant de plancher sur la feuille de style CSS.

    Tu pourras trouver toute l'aide (ou presque) dont tu auras besoin pour revoir ton source HTML dans les tutoriels d'Alsacreations 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
    pitipixel
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 21 Juil 2006
    Messages: 37
    Localisation: Vannes

    MessagePosté le: 22 Juil 2006 11:18    Sujet du message:  Répondre en citant  

    je suis déjà passé plusieurs fois il est plutot bien fait... l'info est claire!
    _________________
    Jacques, de PixelCréation - www.pixelcrea.com - graphisme, communication visuelle...
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
    Montrer les messages depuis:   
       
    Poster un nouveau sujet   Répondre au sujet    Boîte à Pixels Index du Forum -> Aide
    Page 1 sur 1

     
    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