Aller au contenu

Tabouet

Webmaster Régulier
 Afficher le profil  Parcourir son contenu

  • Compteur de contenus

    90

  • Inscrit(e) le

  • Dernière visite

 Type de contenu 

Messages postés par Tabouet

    • Message populaire.
    • Message populaire.

    Problèmes en html et css

    dans (X)HTML et CSS

    Posté · Modifié par Tabouet

    aaaah mais j'ai carrément mal lu ! 😬


    Il manque un a dans ton css. L'idée, c'est de dire "dans le lien contenu dans l'id qu'il s'appelle ma, met un background".
    Mais je pense qu'il faut que tu ajoutes un width, sinon tu ne verras pas ton lien, vu que tu n'as pas mis de texte entre le <a> et le </a>.
    J'ai mis 150px, reste à trouver ce que tu veux mettre.

    En css, ça se traduit par :  

    #ma a {
   background: url(...);
   width: 150px;
}

     

    • Vote 1

    Problèmes en html et css

    dans (X)HTML et CSS

    Posté

    Bonjour,

     

    Pour créer un lien vers un fichier, le code est le suivant :
      

    <a href="monfichier.html">Le texte de mon lien</a>

     

    Tu as mis le texte où la personne doit cliquer en dehors de ton <a> et de ton </a>. 
    De plus, tu n'es peut-être pas obligé de lettre un <p> et un </p>.

     

    ça donnerait donc :
      

    <li id="ma"><a href="..." alt="Alcalins">Les métaux alcalins</a></li>


    Une petite remarque au passage, dans un lien, c'est title="..." qu'il faut utiliser, et non alt="...". L'attribut alt="..." est plutôt pour les images.

    Bon courage :)

     

    Html5

    dans (X)HTML et CSS

    Posté

    Bonjour,



    Je rejoins ce qu'ont déjà dit les autres, il n'est pas nécessaire en soit d'être en html5.


    Pour un nouveau projet c'est peut-être une bonne idée mais pour un site qui existe déjà je pense que ce n'est pas obligatoire.


    Certains sites très connus comme par exemple Doctissimo, ne sont pas "en html 5" et ils ne s'en portent pas plus mal.



    Bon courage.


    Alexis


    Eclipse, Aptana et wysiwyg

    dans Scripts et utilitaires

    Posté · Modifié par Tabouet

    Bonjour à tous,



    Je suis en train d'essayé d'abandonner Dreamweaver Mx, disons que c'est une version issue de la fac... smartass.gif



    J'ai choisi d'utiliser Eclipse et le plugin Aptana Studio, comme je fais aussi un peu de Java (mais vraiment un peu) ça me permet


    d'utiliser 1 logiciel au lieu de 2. J'ai pu mettre le tout en français via un tuto que j'ai trouvé sur le net.



    Je suis maintenant à la recherche un plugin qui me permettrai de faire un peu de WYSIWYG avec Eclipse pour la création de sites


    web (bien entendu, sinon pourquoi je mettrai le message ici). Avant d'installer des dizaines de plugins dans tous les sens, j'aimerai


    savoir si vous en avez un à me conseiller.



    Merci et à bientôt,


    Alexis



    Réalisation d'une "social bar"

    dans (X)HTML et CSS

    Posté

    Merci pour les réponses.



    J'ai modifié le code javascript pour utiliser 





    
hauteur = document.documentElement.clientHeight;

    Et ça marche super bien ! Même avec IE7 et IE8 !



    Quant aux arrondis, PIE ne marche toujours pas, je crois que je ne vais pas me casser la tête. Le site sera juste un peu moins joli pour ceux qui utilisent IE7 et 8

    Réalisation d'une "social bar"

    dans (X)HTML et CSS

    Posté · Modifié par Tabouet

    Bonjour à tous,

    Je suis en train d'essayer d'ajouter une "social bar" sur mon site perso. Rien de bien terrible, c'est juste une petite <div> qui est située sur la gauche de la page.
    Elle contient divers icônes qui permettent de partager la page sur les réseaux sociaux.

    Pour mieux vous rendre compte, voici un lien pour tester:
    http://genealexis.fr/cartes-postales/la-vilette.php

    Comme vous le constatez, ça ne marche pas encore à 100%... thumbdown.gif

    Il y a deux problèmes qui sont les plus importants à mes yeux, et c'est eux qui m'amènent vers vous.

    Le premier concerne la position de la barre. Elle est sensé être centrée verticalement. On dirait que ça marche avec Firefox, Opera, Chrome et IE 9 mais pas avec IE 7 et 8.
    C'est un code que j'ai "pondu" et il est peut-être pas génial:

    <script type="text/javascript">hauteur = window.innerHeight;document.getElementById('social_bar').style.marginTop = (hauteur  - document.getElementById('social_bar').offsetHeight) / 2 +"px";</script>

    Le second problème concerne le look de la <div>, elle est sensé être arrondie en haut à droite et en bas à droite. J'ai donc utilisé un peu de css3, pour assurer la compatibilité avec IE 7 et 8, j'ai voulu même en place PIE.htc
    via le code:

    #social_bar     {    position:fixed;    text-align:center;    width:70px;    z-index:10;    background-color:#deccb3;    padding-top:20px;    padding-bottom:20px;    -webkit-border-top-right-radius: 8px;    -webkit-border-bottom-right-radius: 8px;    -moz-border-radius-topright: 8px;    -moz-border-radius-bottomright: 8px;    border-top-right-radius: 8px;    border-bottom-right-radius: 8px;    box-shadow: 1px 1px 12px #555;    behavior:url(/PIE.htc);    }

    Le "hic", c'est ce ça ne marche pas non plus, pourtant j'ai pris soin de mettre PIE dans le même dossier que la page.
    Si vous avez des conseils ou des idées, ils sont les bienvenus.

    A bientôt smile.gif
    Alexis

    Wamp vs En ligne

    dans (X)HTML et CSS

    Posté · Modifié par Tabouet

    Bonjour Kulgar,

    J'ai la même version de Chrome.

    Bah flûte...

    J'ai mesuré la largeur de la page avec une règle. Je sais que ce n'est pas vraiment une habitude chez les webmasters,

    mais j'ai improvisé une solution avec ce que j'ai sous la main.

    :rolleyes:

    - Avec Firefox, Opera et IE, la page fait environ 23cm de large, en local comme en ligne.

    - Avec Chrome, la page fait 23cm de large en local mais presque 25,5cm en ligne.

    edit: Le problème est résolu, le zoom était réglé à 110%. C'est pitoyable. :mad2:

    Wamp vs En ligne

    dans (X)HTML et CSS

    Posté

    Bonjour,

    C'est ce que j'ai pensé, voici mes configs :

    En local:

    - PHP 5.2.9-25

    - SQL 5.1.41

    - Apache 2.2.21

    En ligne:

    - PHP 5.2.5

    - SQL 5.0.45

    - pour apache, je sais pas -_-'

    Pour Joomla 1.5, je me souviens qu'il y avait des mises en garde sur certaines versions de PHP à ne pas utiliser.

    Mais je n'ai pas trouver ce genre d'avertissements pour la 2.5.

    Je vais me tourner vers une erreur PHP.

    Au cas où, voici le site: (moche et non fini -_-')

    -http://www.boitasite.com

    Bonne journée à tous,

    Alexis

    Wamp vs En ligne

    dans (X)HTML et CSS

    Posté · Modifié par Tabouet

    Bonjour à tous,

    Pas de soucis, je ne vais pas vous parler d'un match de catch qui est passé ce weekend sur une chaîne du câble, mais j'espère tout

    de même que ce message est dans la bonne section du forum.

    J'ai commencé à mettre en ligne la nouvelle version de mon site pro. J'utilise une installation Joomla 2.5 sur laquelle je mets une

    jolie charte graphique (ça n'engage que moi).

    Mon problème est que la taille des éléments de la charte graphique n'est pas la même selon si l'affichage est en ligne ou en local.

    J'ai quand même pas mal de site à mon actif, souvent le résultat du couple HTML/CSS est le même quelque soit le serveur que j'utilise,

    ce qui est logique puisque HTML/CSS sont des langages côté client. La page en ligne est 100px plus large...

    edit: je viens de me rendre compte que ce phénomène se passe uniquement avec chrome. Si je teste avec Opéra et Firefox tout est normal.

    A bientôt,

    Alexis

    alternative à Google Font Api ?

    dans (X)HTML et CSS

    Posté · Modifié par Tabouet

    Bonsoir,

    la seule police standard sur les quatre, c'est Times.

    Tu es sûr ? Sur mon PC avec Seven, je n'avais pas cette police. J'ai dû la "trouver".

    J'espère que le client ne lira jamais ce sujet, car c'est mon plus gros client (3 sites de réalisés, 2 en cours de réalisation,

    et 1 de commandé)...

    La personne qui a fait la charte graphique est spécialisée dans la communication papier et non dans la communication web.

    J'ai un peu de mal à la comprendre, l'autre jour je lui propose (pour un autre de leurs sites) une maquette avec des polices serif,

    elle m'a expliqué qu'en communication, il faut utiliser des polices sans serif pour faire plus beau. Et cette fois ci, c'est elle

    qui propose les serifs !

    Bref :wacko:

    J'ai testé Cufon, plutôt pas mal comme outil, pour l'instant je ne tiens pas compte des licences d'utilisation des polices, il s'agit

    juste d'un test. Par contre est-ce normal que text-align (en css) ne fonctionne pas ?

    A bientôt,

    Alexis

    alternative à Google Font Api ?

    dans (X)HTML et CSS

    Posté

    Bonjour à tous,

    Merci à tous pour vos remarques, c'est vrai que je n'avais pas du tout pensé aux licences d'utilisation des polices.

    Je vais faire des tests avec Cufon (que je ne connaissais pas, merci pour l'infoà et je vous tiens au courant.

    A bientôt,

    Alexis

×
×
  • Créer...