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

Mise en page CSS Discussion :

HTML & CSS & cadres


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 6
    Par défaut HTML & CSS & cadres
    Bonsoir, bonjour selon l'heure à laquelle vous lirez se post c'est me semble t-il la première fois que je laisse un message ici cela concerne comme vous l'aurez compris l'HTML et les CSS je suis en train de revoir le design d'un site Page d'accueil dont je m'occupe hors il se trouve que j'ai un petit soucis que je vais vous exposer. alors que je refais ma page d'accueil à chaque balise ou j'ai indiqué en css
    ex:
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    #fond { background-image:url(img/kit/coinhautgauche.gif); }
    j'ai mon image ( coinhautgauche ) qui se trouve encadré alors que si je le fais en html je n'ai pas ce cadre, j'ai déjà essayé
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    img { border:none; }
    et de même que directement dans mon html je n'ai plus d'idée à l'heure actuelle, auriez-vous une éventuelle solution à ce problème ?
    D'avance merci

  2. #2
    Membre Expert
    Avatar de polymorphisme
    Homme Profil pro
    Publishing
    Inscrit en
    Octobre 2009
    Messages
    1 460
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Publishing
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2009
    Messages : 1 460
    Par défaut
    Bonjour,

    pourrais tu nous transmettre les extraits de ton code,
    parce que là, ce n'est pas très clair. Merci.

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 6
    Par défaut
    Bonjour,
    bien sur voilà

    Le CSS :

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    body       { scrollbar-face-color: #000000;
    		     scrollbar-darkshadow-color: #F3D898; 
    		     scrollbar-track-color: #000000; 
    		     scrollbar-arrow-color: #F3D898; 
    		     scrollbar-highlight-color: #F3D898; 
    		     scrollbar-3dlight-color: #F3D898; }
     
    A:link {color: #E8CA84;text-decoration:none;}
     
    A:visited {color: #E8CA84;text-decoration:none;}
     
    A:hover {color: #FFFBF2;text-decoration:none;}
     
    #fond { background-image:url(img/kit/fond000.gif);
    		   }
    #milieu { background-image:url(img/kit/milieu.gif); }
    #coingauche { background-image:url(img/kit/coinhautgauche.gif); }
    #coindroit { background-image:url(img/kit/coinhautdroit.gif); }
    #milieuhaut { background-image:url(img/kit/milieuhaut.gif); }
    #milieugauche { background-image:url(img/kit/bordmilieugauche.gif); }
    #milieudroit { background-image:url(img/kit/bordmilieudroit.gif); }
    #coingauchebas { background-image:url(img/kit/coinbasgauche.gif); }
    #milieubas { background-image:url(img/kit/milieubas.gif); }
    #coindroitbas { background-image:url(img/kit/coinbasdroit.gif); }
    #copyright { background-image:url(img/kit/copyright.gif); }
    #nomdusite { background-image:url(img/kit/titredevotresite.gif); 
                 width:600;
    			 height:110;}
    #ligne1 { background-image:url(img/kit/grandeligne00b.gif); }
    #ligne2 { background-image:url(img/kit/grandeligne00a.gif); }		
     
    #imggauche { background-image:url(img/kit/image_gauche.jpg); }
    #imgdroite { background-image:url(img/kit/image_droite.jpg); }
     
    #spacer { background-image:url(img/kit/spacer.gif); }
     
    img { border-width:0px }

    Le HTML ( pour une image )

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <tr>
                <td width="42"><img id="coingauche" width="30" height="30" border="0"></td>
                <td width="100%" id="milieuhaut"><img height="7" id="spacer" width="606" border="0"></td>
                <td width="30"><img id="coindroit" width="30" height="30" border="0"></td>
              </tr>

    et une capture d'écran pour visualiser le souci :



    et le lien du site la page d'accueil : ACCUEIL

    Cordialement

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 6
    Par défaut
    Je tiens à préciser afin d'aider celles et ceux d'entre vous qui se pencheront sur mon problème que je l'ai résolu grâce aux balises <div> et à la suppression de mes balises <img> qui faisaient double emploi ( d'où la présence de mon cadre autour des images ) donc pour les images .jpeg c'est résolu cependant et oui cela aurait été trop simple pour les images .gif le problème reste entier !

  5. #5
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 6
    Par défaut
    ah y est j'ai compris d'où venait mon problème :

    1°) J'aurais dû penser aux balises div plutôt que de faire <img id="">

    2°) Je n'avais pas mis les widths et les heights dans mon css apparemment cela à corriger mon erreur

    En espèrant que cela puisse aider d'autres personne

    Merci à vous

    Résolu !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [HTML et CSS] Prolème impression tableau html
    Par ofo_tn dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 21/08/2005, 17h27
  2. [html] Input text sans cadre
    Par G_Kill dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 04/05/2005, 16h13

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