IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Problême d'espace :-(


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2006
    Messages
    180
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 180
    Par défaut Problême d'espace :-(
    Bonjour!

    J'ai un problême d'espace que je ne veux pas avoir.

    J'ai une bannière et un menu mais entre le menu et le contenu central, j'ai un espace que je n'arrive pas à éliminer...

    Je vous montre mon code de ma page index:


    <html>
    <head>

    <title>
    Association des musiciens et des &eacute;crivains
    de la C&ocirc;te-du-Sud.
    </title>

    <link rel="stylesheet" type="text/css" href="style.css">

    </head>

    <body bgcolor="#f0f0f0">
    <table width="100%" height="100%">

    <table class="fond" width="740" height="600" align="center" bgcolor="#f0f0f0">


    <div align="center"><img src="logo.jpg"></div>
    <tr>
    <div align="center">
    <a class="imagemenu7">
    <img border="0" src="Menu/menu370990off.gif">
    </a>
    <a class="imagemenu1" href="index.html">
    <img border="0" src="Menu/menu284802off.gif">
    </a>
    <a class="imagemenu2" href="index.html">
    <img border="0" src="Menu/menu854643off.gif">
    </a>
    <a class="imagemenu3" href="index.html">
    <img border="0" src="Menu/menu824208off.gif">
    </a>
    <a class="imagemenu4" href="index.html">
    <img border="0" src="Menu/menu105395off.gif">
    </a>
    <a class="imagemenu5" href="index.html">
    <img border="0" src="Menu/menu923803off.gif">
    </a>
    <a class="imagemenu6" href="index.html">
    <img border="0" src="Menu/menu636019off.gif">
    </a>
    <a class="imagemenu7">
    <img border="0" src="Menu/menu370990off.gif">
    </a>
    </div>
    </tr>
    </table>

    </table>
    </body>

    </html>


    et voici mon css:


    <style type="text/css">

    <!--

    table.fond
    {
    background-image:url('fond.jpg');
    }

    a.imagemenu1
    {
    width: 100px;
    height: 25px;
    background-image: url('Menu/menu284802on.gif');
    background-repeat: no-repeat;
    }

    a.imagemenu1:hover
    {
    visibility: visible;
    }

    a.imagemenu1:hover img
    {
    visibility: hidden;
    }

    a.imagemenu2
    {
    width: 100px;
    height: 25px;
    background-image: url('Menu/menu854643on.gif');
    background-repeat: no-repeat;
    }

    a.imagemenu2:hover
    {
    visibility: visible;
    }

    a.imagemenu2:hover img
    {
    visibility: hidden;
    }

    a.imagemenu3
    {
    width: 100px;
    height: 25px;
    background-image: url('Menu/menu824208on.gif');
    background-repeat: no-repeat;
    }

    a.imagemenu3:hover
    {
    visibility: visible;
    }

    a.imagemenu3:hover img
    {
    visibility: hidden;
    }

    a.imagemenu4
    {
    width: 100px;
    height: 25px;
    background-image: url('Menu/menu105395on.gif');
    background-repeat: no-repeat;
    }

    a.imagemenu4:hover
    {
    visibility: visible;
    }

    a.imagemenu4:hover img
    {
    visibility: hidden;
    }

    a.imagemenu5
    {
    width: 100px;
    height: 25px;
    background-image: url('Menu/menu923803on.gif');
    background-repeat: no-repeat;
    }

    a.imagemenu5:hover
    {
    visibility: visible;
    }

    a.imagemenu5:hover img
    {
    visibility: hidden;
    }

    a.imagemenu6
    {
    width: 100px;
    height: 25px;
    background-image: url('Menu/menu636019on.gif');
    background-repeat: no-repeat;
    }

    a.imagemenu6:hover
    {
    visibility: visible;
    }

    a.imagemenu6:hover img
    {
    visibility: hidden;
    }

    a.imagemenu7
    {
    width: 70px;
    height: 25px;
    background-image: url('Menu/menu370990on.gif');
    background-repeat: no-repeat;
    }

    a.imagemenu7:hover
    {
    visibility: visible;
    }

    a.imagemenu7:hover img
    {
    visibility: hidden;
    }


    -->
    </style>


    Est-ce que quelqu'un a une solution please???

    Est-ce que mon code est conforme car je suis débutant???

    Merci a l'avance

  2. #2
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2003
    Messages
    422
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mai 2003
    Messages : 422
    Par défaut
    Je ne comprends pas vraiment cette partie :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <table width="100%" height="100%"> 
     
    <table class="fond" width="740" height="600" align="center" bgcolor="#f0f0f0"> 
     
     
    <div align="center"><img src="logo.jpg"></div> 
    <tr>
    A mon avis il te manque des <tr>, ça devrait être qqch plutôt dans ce genre non ? :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <table width="100%" height="100%"> 
    <tr><td>
    <table class="fond" width="740" height="600" align="center" bgcolor="#f0f0f0"> 
    <tr><td align="center"><img src="logo.jpg"></td></tr>
    <tr>
    En n'oubliant pas de fermer les </tr> à la fin de ton tableau. Essaie déjà de corriger ça.

  3. #3
    Membre confirmé
    Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2006
    Messages
    180
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 180
    Par défaut Merci pour ta réponse
    JE vais revérifier mes <tr>

    La partie que tu ne comprends pas, c'Est que j'ai voulu faire un tableau de 100% par 100% avec une couleur de fond et un tableau "fixe" de 740x600 pour ceux qui ont une résolution 800x600.

    donc, quand la personne aura une résolution 1024x768, le contenu sera quand meme centré.

    Est-ce que je m'y prends mal?

  4. #4
    Membre chevronné
    Profil pro
    Étudiant
    Inscrit en
    Décembre 2005
    Messages
    273
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2005
    Messages : 273
    Par défaut
    moi je partirai pour:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    table.fond{
    border-collapse:collapse;
    }

  5. #5
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2003
    Messages
    422
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mai 2003
    Messages : 422
    Par défaut Re: Merci pour ta réponse
    Citation Envoyé par CyberMen
    La partie que tu ne comprends pas, c'Est que j'ai voulu faire un tableau de 100% par 100% avec une couleur de fond et un tableau "fixe" de 740x600 pour ceux qui ont une résolution 800x600.
    Sisi j'avais bien compris, j'ai déjà eu l'occasion de faire ça. Bon c'est un peu lourd avec les tableaux, maintenant tu dois pouvoir faire mieux avec des CSS mais je ne suis pas assez spécialiste pour ça. Regarde peut-être le border-collapse de marsupix.

    Si tu restes avec tes 2 tableaux, tu dois faire comme ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <table width=100% height=100% border=0>
    <tr>
    <td align=center style="vertical-align:middle">
     
    <table><tr><td>Mon tableau toujours centré</td></tr></table>
     
    </td>
    </tr>
    </table>

  6. #6
    Membre confirmé
    Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2006
    Messages
    180
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 180
    Par défaut Merci
    Merci MiJack!

    C'est très gentil.

    Et oui, effectivement, j'ai vu a un certain moment, qu'on pouvait construire une page entièrement avec css sans avoir besoins des tableaux

    Je vais faire des recherches car j'aimerais être capable de vraiment faire un site "clean"

    MErci

  7. #7
    Membre chevronné
    Profil pro
    Étudiant
    Inscrit en
    Décembre 2005
    Messages
    273
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2005
    Messages : 273
    Par défaut Re: Merci
    Citation Envoyé par CyberMen
    ... j'ai vu a un certain moment, qu'on pouvait construire une page entièrement avec css sans avoir besoins des tableaux
    et oui il parrait même qu'on est en 2006 lol
    plus sérieusement, si tu as eu ta réponse...

  8. #8
    Membre confirmé
    Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2006
    Messages
    180
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 180
    Par défaut marsupix
    Je suis un p'tit dans le domaine, donc encore en 2005

    Je vais faire les test et oui, je viendrais apposé dès que ca sera fait.

  9. #9
    Membre chevronné
    Profil pro
    Étudiant
    Inscrit en
    Décembre 2005
    Messages
    273
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2005
    Messages : 273
    Par défaut Re: marsupix
    Citation Envoyé par CyberMen
    Je suis un p'tit dans le domaine, donc encore en 2005

    Je vais faire les test et oui, je viendrais apposé dès que ca sera fait.
    j'veux bien que tu soit en 2005, mais les tabeaux c'est plus 1990
    Donc si t un newbie come tu dis j'te conseil de prendre direct les bonnes habitudes en xhtml/css en utilisant les balises pour marquer la chose pour laquelle elles sont faites...

  10. #10
    Membre confirmé
    Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2006
    Messages
    180
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 180
    Par défaut
    Tu veux dire, mettre des commentaires?

Discussions similaires

  1. [d6][expert WSDL] problème d'espace de nom.
    Par tchup dans le forum Web & réseau
    Réponses: 1
    Dernier message: 01/09/2005, 14h46
  2. [C#] Problème d'espaces
    Par Procto dans le forum ASP.NET
    Réponses: 6
    Dernier message: 22/06/2005, 11h47
  3. [HTML] problème d'espace sous IE
    Par dug dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/04/2005, 21h53
  4. Problèmes d'espaces après requete SQL
    Par innosang dans le forum Bases de données
    Réponses: 7
    Dernier message: 29/04/2004, 16h47
  5. problème d'espace
    Par leeloo076 dans le forum ASP
    Réponses: 2
    Dernier message: 05/04/2004, 10h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo