Sujet Précédent Sujet Suivant

[HTML4/PHP/CSS 2] Créer des bordures

Résolu/Fermé
Linukcs Messages postés 79 Date d'inscription lundi 12 octobre 2009 Statut Membre Dernière intervention 10 octobre 2012 - Modifié par Linukcs le 9/05/2012 à 16:19
Linukcs Messages postés 79 Date d'inscription lundi 12 octobre 2009 Statut Membre Dernière intervention 10 octobre 2012 - 10 mai 2012 à 08:59
Bonjour,

J'ai un petit souci avec mon bout de code CSS.

J'ai pour mission de faire un affichage graphique de mes hyperliens avec :
-> Une bordure gauche
-> Un fond de la largeur du texte
-> Une bordure droite.

Les spécifications de mes images sont:
-> Bordure gauche : 20x10, ne doit pas se répéter.
-> Fond : 20x1, se répétant sur la longueur du texte.
-> Bordure droite : 20x10, ne doit pas se répéter.

Voici le code de la partie gênante du site (index.php) incluse dans les balises <BODY>: 

[...]   
<TD>   
  <span class="nailleft"><span class="nailright"><span class="nail"><span class="nailtext">   
   <a href="index.php?onglet=presentation">Présentation</a>   
  </span></span></span></span>   
 </TD>   
 <TD>   
  <span class="nailleft"><span class="nailright"><span class="nail"><span class="nailtext">   
   <a href="index.php?onglet=metiers">Métiers</a>   
  </span></span></span></span>   
 </TD>   
[...]


et voici le contenu de mon CSS 
span.nailtext   
{   
 margin-left:10px;   
 margin-right:10px;   
 width:auto;   
}   

span.nail   
{   
 background-image : url("img/nail_bg.png");   
 background-position: center;   
}   

span.nailleft   
{   
 width:10px;   
 background-image : url("img/nail_gb.png");   
 background-repeat : no-repeat;   
 background-position : left;   
}   

span.nailright   
{   
 background-image : url("img/nail_db.png");   
 background-repeat : no-repeat;   
 background-position : right;   
}


Comme vous pourrez le constater dans les screenshots, je peux afficher le fond de mon hyperlien, mais je ne vois pas les bordures de mon onglet.

1 - Est-ce tout simplement impossible ?
2 - Sachant que j'utilise le PHP, est-ce que je peux faire cette manipulation ?

ci-joint le Screenshot de mon site :

http://linukcs.net/img/Onglet.jpg

Et ceux de mes hyperliens : bg pour le fond, gb pour la gauche et db pour la droite

http://linukcs.net/img/nail_bg.png
http://linukcs.net/img/nail_db.png
http://linukcs.net/img/nail_gb.png

Merci d'avance de vos réponses ;)

<config>Windows 7 / Firefox 12.0</config>

N'oubliez pas le bouton '+' si la réponse vous a aidé !
A voir également:

2 réponses

Réponse 1 / 2
katsuo49 Messages postés 330 Date d'inscription vendredi 19 juin 2009 Statut Membre Dernière intervention 11 novembre 2014 25
9 mai 2012 à 18:06
Pourquoi ne pas simplement utiliser un tableau ?
Pour chaque onglet tu crées une ligne (à passer en inline en css pour les avoir en ligne) et dans chaque ligne trois cellules, avec un border-collpse ça devrait passer non ? à moins que tu es absolument besoin que cela soit fais avec des span ?
1
Réponse 2 / 2
Linukcs Messages postés 79 Date d'inscription lundi 12 octobre 2009 Statut Membre Dernière intervention 10 octobre 2012 14
10 mai 2012 à 08:59
Re,

Ah oui, pas bête.
Dans ce cas, je vais en profiter pour faire l'automatisation de mes onglets avec un XML et un PHP.

Merci beaucoup !
0

Discussions similaires

Voxbone ? qui est-ce ?
fanfan54 -
djakool4 -

Bonjour,

J'ai reçu plusieurs appels aujourd'hui d'un n° de téléphone qui m'était inconnu (des numéros commençant par 09 48 ou 01 62 en général), après avoir recherché sur le net j'ai su qu'il s'agissait de VoxBone à Brussels. Je ne comprend pas comment ils peuvent me téléphoner alors que je suis à France télécom et orange et que je paie pour le stop secret, donc la personne devait se présenter.

Je me demande qui ils sont car, je n'ai rien compris. Y a T-il quelqu'un qui connait ? car j'étais absente et comment ils arrivent à passer outre "stop secret"

Merci pour l'explication

A vous lire Configuration: Windows 7 / Internet Explorer 9.0

158 réponses
créer une adresse gmail pour une autre personne
Emma33000 -
Emma33000 -

bonjour,
j'ai un compte google et deux adresses de messagerie sur ce compte.

Je voudrais créer une nouvelle adresse indépendante de mon compte pour une autre personne, comment dois-je faire ? Je ne voudrais pas avoir de probléme avec mon propre compte.
Merci de votre réponse

2 réponses