Aller au contenu

v4np13

Hubmaster
 Afficher le profil  Parcourir son contenu

  • Compteur de contenus

    337

  • Inscrit(e) le

  • Dernière visite

 Type de contenu 

Messages postés par v4np13

    Résolution de l'écran

    dans Les langages du Net

    Posté

    Fais un site de largeur fixe (750px pour ne pas géner les "désavantagés"). Et centre le tout avec un arrière plan ;)

    Un petit conseil, essaye d'éviter frontpage, le codage générer par ce programme est loin d'être valide. Utilise Dreamweaver (un autre programme du même genre avec du code de meilleur qualité) ou apprends à coder à la main (HTML+CSS), un peu de théorie au début puis ça ira tout seul et s'il y a des questions n'hésites pas à les poser sur le forum. :)

    Tuto pour découpage XHTML/CSS

    dans Le Webdesign

    Posté

    Pour excellents qu'ils soient, j'ai l'impression que les modèles de mise en page proposés par Raphaël n'aideraient pas beaucoup Developer à découper une maquette  :unsure:

    <{POST_SNAPBACK}>

    Peut-être que celà ne l'aidera pas, mais ça lui montre le parcours à suivre pour arriver à un beau résultat sans trop se casser la tête ;)

    Anz

    dans Les nouveaux membres se présentent

    Posté

    Salut et bienvenue sur le Hub ;)

    Je faisais mes sites avec dreamweaver jusqu'au jour où je me suis rendu compte qu'il était beaucoup plus simple de coder à la main, ça prend p-e plus de temps mais on se rend mieux compte de ce qu'on fait. :)

    Sous-Menu qui prend le CSS du menu

    dans (X)HTML et CSS

    Posté · Modifié par v4np13

    Bonjour à tous,

    Je suis confronté à un autre problème sur mon site: un sous-menu... Sur cette page, on voit le sous-menu dans la colonne de droite, il y a des éléments qui ont 2 puces.

    Je voudrais retirer la puce qui change de couleur à cette partie là, donc garder la puce noire sur le sous menu.

    Voici le CSS:

    /* ----------  Sous-Menu ------- */
    #nav {
    width: 180px;
    float: right;
    padding-right: 3px;
    padding-left: 10px;
    }
    #nav ul{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-size: 95%;
    }

    #nav ul li a{
    display: block;
    padding-left: 17px;
    width: 130px;
    background-color: #cde1ff;
    background-image: url('http://orange.56tti.info/kimages/icon.gif');
    background-repeat: no-repeat;
    background-position: 0 55%;
    border-bottom: 1px dotted #2A187C;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;
    text-decoration: none;
    }

    #nav ul li a:hover{
    background-image: url('http://orange.56tti.info/kimages/icon2.gif');
    color: #000;
    text-decoration:none;
    }

    #nav ul ul{
    margin-left: 0;
    padding-left: 0;
    list-style-type: square;
    font-size: 95%;
    }
    #nav ul ul li a{
    display: block;
    padding-left: 17px;
    width: 130px;
    background-color: #cde1ff;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px
    }
    #nav ul ul li a:hover{
    color: #000;
    text-decoration:none;
    }

    Le HTML:

    <div id="nav">
      <ul>
    <li><a href="http://orange.56tti.info/formations/?c=Formations-Clef">Formations CLEF</a>
    <ul>
    <li><a href="http://orange.56tti.info/formations/21/laboratoire-pneumatique-perfectionnement" title="Permalien vers l'article">Laboratoire pneumatique (perfectionnement)</a></li>
    <li><a href="http://orange.56tti.info/formations/20/dessin-en-3-d-avec-mechanical-autocad" title="Permalien vers l'article">Dessin en 3D avec Mechanical (autocad)</a></li>
    <li><a href="http://orange.56tti.info/formations/6/formations-organisees-par-le-clef" title="Permalien vers l'article">Initiation à la CNC Tournage et Fraisage</a></li>
    </ul>
    </li>

    <li><a href="http://orange.56tti.info/formations/?c=Formation">Formations CTNL</a>

    <li><a href="http://orange.56tti.info/formations/?c=Autres-formations">Autres formations</a>
    </ul>
    </div>

    Désolé si le code HTML fais un peu brouillon, il est généré par TXP.

    Que dois-je chnager?

    Merci pour votre aide

    Menu CSS

    dans (X)HTML et CSS

    Posté

    Elles sont déjà à zéro, si j'ai bien compris de quoi tu parlais.

    #hnav ul li form input{
    vertical-align:middle;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: white;
    color: #A3A3A3;
    margin: 0px;
    padding: 0px; 
    }

    Menu CSS

    dans (X)HTML et CSS

    Posté · Modifié par v4np13

    Merci pour ta réponse dièse, je suis arrivé au résultat que je voulais sur firefox, mais sur internet explorer, c'est une autre histoire... :wacko: Je ne sais pas comment je dois m'y prendre, ca fonctionnait bien avant... mais j'ai beaucoup chipoté pour mettre le moteur de recherche.

    Edit: j'avais mis display: inline; avant, j'ai changé parce que le input revenait à la ligne... j'ai peut-être fait une bétise :D

    probleme d'affichage des liens

    dans (X)HTML et CSS

    Posté

    Salut,

    ça s'actualise mais on ne voit pas bien que ce sont des liens ;)

    N'oublie pas de mettre un doctype sur tes pages, c'est primordial:

    si tu fais du HTML:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=utf-8">

    Si tu fais du XHTML 1.0:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=utf-8" />

    Ensuite, pour tes liens, il faut utiliser les propriétés a:link, a:hover, a:visited :

    a { //Prorpiétés des liens tels qu'ils apparaissent dans la page
    color: #17397A; 
    text-decoration: none;  //pas de soulignement 
    }
    a:hover { //propriété des liens quand on les survole
    color: #17397A; 
    text-decoration: underline; //quand on survole les lien, ils se soulignent
    }
    a:visited { //Propriétés des liens déjà visités
    color: #17397A; 
    text-decoration: none; 
    }

    Bonne continuation :)

    Menu CSS

    dans (X)HTML et CSS

    Posté · Modifié par v4np13

    Je viens de faire des tests:

    - line-height ne correspond pas vraiment à ce que j'avais besoin, ça agrandi la zone de texte sans écarter les bords de l'input,

    -j'ai utilisé height, ça règle la hauteur mais le input est décalé vers le bas...

    -j'ai essayé de régler ce problème avec des margin, padding, vertical-align, rien ne bouge...

    Comment dois-je procéder?

    Encore merci pour votre aide

    Menu CSS

    dans (X)HTML et CSS

    Posté

    Salut

    de la même hauteur ou à la même hauteur ? (ou les deux)

    Quoiqu'il en soit, ce genre de problème d'alignement se règle avec la propriété CSS line-height.

    <{POST_SNAPBACK}>

    Les deux, je pense que celà sera plus beau esthétiquement. Je vais jeter un oeil à cette propriété que je ne connaissais pas.

    Merci Dudu pour ta réponse :)

    Menu CSS

    dans (X)HTML et CSS

    Posté · Modifié par v4np13

    Bonjour à tous,

    ça fait déjà un petit temps que je me casse la tête à faire le menu de ce site.

    Sur firefox, j'obtiens à peu près le résultat recherché, j'aimerai juste que le input de la recherche soit de la même hauteur que les autres éléments du menu.

    Sur IE, c'est le carnage total, j'aimerai obtenir le même résultat que sur firefox.

    Voici le code CSS de la partie concernée:

    #hnav {
    margin:0px;
    height: 25px;
    background-color: #2A187C;
    border-top: solid 2px #2A187C;
    border-bottom: solid 2px #2A187C;
    }

    #hnav ul{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    text-align: center;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    }

    #hnav ul li{
    float:left;
    list-style-type: none;
    }
    #hnav ul li form input{
    background: white;
    color: #A3A3A3;
    margin: 0px;
    padding: 0px;
    }

    #hnav ul li a{
    border-right: solid 1px #2A187C;
    border-left: solid 1px #2A187C;
    padding: 5px 10px 5px 10px;
    color: white;
    text-decoration: none;
    }

    #hnav ul li a:hover {
    background-color: White;
    color: #2A187C;
    }

    #active a:link, #active a:visited, #active a:hover
    {
    background-color: #CDE0FE;
    color: #2A187C;
    }

    Comment puis-je faire?

    Merci d'avance pour votre aide :)

    CSS et Design, possible ?

    dans (X)HTML et CSS

    Posté

    C'est possible dans les 2 sens (horizontal et vertical) mais, il faut une image en arriere plan qu'on répete dans le sens qu'on veut puis la couleur d'arriere plan qui prend le code de la derniere couleur du dégradé.

    Et je te conseillerai d'utiliser le CSS, il faut se plonger un petit peu dans la théorie au début mais une fois qu'on a compris le principe, ça va tout seul (enfin presque, ça dépend de l'humeur de IE et de FF)

    Mais j'avoue ne pas avoir bien compris ta question... :unsure:

    Erreur de script

    dans (X)HTML et CSS

    Posté

    Pour afficher du flash, il faut mettre des balises spéciales:

    <object type="application/x-shockwave-flash" data="fichierflash.swf" width="604" height="20">
    <param name="movie" value="fichierflash.swf" />
    <param name="wmode" value="transparent" />
    <p>Image ou texte alternatif</p>
    </object>

    Pour voir d'où viendrait ton erreur, valide ton site avec le validator W3C.

    Mais en travaillant avec frontpage, tu perds énormément de temps... je dis ça, je ne dis rien.. :P

    Bonne continuation

×
×
  • Créer...