Histoire de div, de css et de liens

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par VeeTouine, 3 Avril 2010.

  1. VeeTouine
    VeeTouine WRInaute impliqué
    Inscrit:
    23 Mai 2009
    Messages:
    542
    J'aime reçus:
    0
    Salut tout le monde,

    Désolé pour le titre vague, j'ai du mal trouvé un bon truc :roll:

    vala j'ai dans mon css le code suivant :

    Code:
    a.boutonlien {
    	
        width:500px;
        font-size:16px;
        font-weight: bold;              
        color:#ffffff;
        background-image:url('../images/BoutonLien.png');
        border:2px solid #333;
        text-decoration:none;
        padding:10px 20px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:10px;
    }
    J'utilise ce style de la maniere suivante, permettant de mettre un lien avec une image en arriere plan :
    Code:
    <?php echo "<h1><center><a target=_blank href=www.monsite.com class=boutonlien>l'ancre de mon site</a></center></h1>";?>
    Concretement le résultat est ici par exemple :
    fiche net addict

    Il s'agit du bouton orange en haut de la fiche avec le lien moto addict, permettant d'aller sur le site.

    J'aimerais ajouter une chose mais je ne sais pas comment faire : je souhaite afficher en dur "Visiter le site : " avant mon lien, ou au dessus, tout en restant dans le bouton.
    Je ne veux pas que "visiter le site" fasse partie de mon ancre.

    Quand je fais des tests, soit mon texte se retrouve en dehors du bouton, soit il fait partie de mon ancre... :roll:

    Ca doit pas etre bien compliqué mais j'ai besoin de votre aide, merci :lol:

    Le but au final étant que le visiteur trouve facilement le lien permettant d'acceder au site de la fiche qu'il visite

    VeeTouine
     
  2. 1-sponsor
    1-sponsor WRInaute passionné
    Inscrit:
    27 Octobre 2006
    Messages:
    2 387
    J'aime reçus:
    4
    Code:
    .boutonlien:before
    {
    content:"Visiter le site : ";
    }
    
    gné ?
     
  3. VeeTouine
    VeeTouine WRInaute impliqué
    Inscrit:
    23 Mai 2009
    Messages:
    542
    J'aime reçus:
    0
    Ca marche nickel, merci Nico :wink:

    Tiens ben tant que t'es là, est ce que ce type de code te semble propre? Niveau backlink j'entends.
     
  4. 1-sponsor
    1-sponsor WRInaute passionné
    Inscrit:
    27 Octobre 2006
    Messages:
    2 387
    J'aime reçus:
    4
    Google s'en bat un peu les steack du CSS, donc oui, c'est assez propre. Je te conseil juste de mettre un classe à ton H1 :

    Code:
    <?php echo "<h1 class="proute"><center><a target=_blank href=www.monsite.com class=boutonlien>l'ancre de mon site</a></center></h1>";?>
    
    et de mettre ce code au H1, ça sera plus joli
    Code:
    .proute:before
    {
    content:"Visiter le site : ";
    }
    
     
  5. VeeTouine
    VeeTouine WRInaute impliqué
    Inscrit:
    23 Mai 2009
    Messages:
    542
    J'aime reçus:
    0
    bizarrement quand je fais ca, "visiter le site" ne s'affiche pas.

    D'ailleurs c'est bizarre, je ne vois pas ma balise h1 quand j'affiche la source de la page :roll:
     
  6. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 373
    J'aime reçus:
    1
    Autre solution : passer par JavaScript pour faire un lien avec un "OnClick" (et tu peux laisser l'ancre en dur dans la partie HTML).
     
  7. VeeTouine
    VeeTouine WRInaute impliqué
    Inscrit:
    23 Mai 2009
    Messages:
    542
    J'aime reçus:
    0
    oué mais il faut savoir que je suis une bille... laissez moi le temps d'apprendre les bases du php-html-css d'abord :mrgreen:

    En tout cas là c'est fonctionnel, merci
     
Chargement...
Similar Threads - Histoire div css Forum Date
je me casse la tête sur cette histoire de multilangue Référencement international (langues, pays) 2 Septembre 2020
Histoire du rock Demandes d'avis et de conseils sur vos sites 30 Novembre 2013
Site de partage et de ventes d'histoires / de poèmes. Demandes d'avis et de conseils sur vos sites 16 Juin 2013
Faire un site d'histoire Développement d'un site Web ou d'une appli mobile 4 Avril 2012
Histoire de d'entête HTTP et page de redirection Netlinking, backlinks, liens et redirections 4 Août 2011
Google Panda : petites histoires pour les grands enfants Débuter en référencement 28 Juin 2011
Une histoire de cloacking... Développement d'un site Web ou d'une appli mobile 20 Mai 2011
C'est une histoire de www. URL Rewriting et .htaccess 14 Avril 2011
Petite histoire de plagiat et lutte contre la contrefaçon Droit du web (juridique, fiscalité...) 26 Janvier 2011
L'histoire des sous-domaine, est-ce une bonne ou mauvaise chose? Débuter en référencement 9 Décembre 2010
La fabuleuse histoire de Baidu, le Google chinois Annuaires et moteurs 25 Novembre 2010
Lecture: 15 ans d'histoire du référencement (1994-2009) Le café de WebRankInfo 24 Août 2010
Larry Page (Google) accuse Steve Jobs de réécrire l'histoire dans les mobiles Google : l'entreprise, les sites web, les services 12 Juillet 2010
La vieille histoire : NoFollow, qu’en est-il finalement ? Google : l'entreprise, les sites web, les services 11 Juin 2010
www.chasestory.com : Poursuit l'histoire ! Demandes d'avis et de conseils sur vos sites 5 Mars 2010
Histoires de redirections de domaine Noms de domaine et référencement 1 Janvier 2010
Histoire de p@villon belge Droit du web (juridique, fiscalité...) 2 Décembre 2009
The Google Story (histoire de Google en vidéo) Google : l'entreprise, les sites web, les services 26 Octobre 2009
L'histoire d'un buzz Référencement Google 18 Décembre 2008
Un petit blog sur l'histoire de France et nos régions Demandes d'avis et de conseils sur vos sites 8 Novembre 2008