5568 sujets

Sémantique web et HTML

Puces qui n'apparaissent pas

Bonjour voici mon code :



 
 
<h2> Liens</h2>
 
<br /><br />
 
 
<ul>
	
    <li><a href="http://www.example.fr" title="www.example.fr">www.example.fr</a> &nbsp [www.example.fr]</li>
    
 
    
</ul>




<h2> Liens</h2>

<br /><br />


<ul>

<li><a href="http://www.example.fr" title="www.example.fr">www.example.fr</a> &nbsp [www.example.fr]</li>



</ul>
Bonjour,
il manque le code CSS.

Si tu n'as qu'un item de liste, mieux vaut éviter l'UL pour ne pas surcharger le code inutilement (entre autres).

Donc quelque chose dans le genre conviendrait d'avantage si tu veux pouvoir afficher une puce :


a.bullet {display: list-item;}



<a class="bullet" href="http://www.example.fr">Brève description de la cible</a> &nbsp [www.example.fr]</li>


L'URL entre crochet semble de ce fait plus utile.
Le title ne sert à rien ici puisqu'il n'apporte aucune information supplémentaire.
Le libellé du lien devrait décrire la cible et non pas simplement reprendre l'URL du site ciblé.

Pour le placement de la puce, voir du côté de list-style-position.
Bonjour,


<div class="banniere">


<p class="galerie_image"><a href="http://www.swapnfly.es"><img src="images/es.gif" ></a></p>
<p class="galerie_image"><a href="http://www.swapnfly.fr"><img src="images/fr.gif" ></a></p>
<p class="galerie_image"><a href="http://www.swapnfly.com"><img src="images/en.gif" ></a></p>


</div>


Ne sert à rien.
Dans le css tu peux déclarer .banniere p{}, .banniere a{}, .banniere img{}

-<h1 style="font-size:5px;"> &nbsp </h1> ? vide/triple/css en dur

-Ton code Xiti, mets-le en bas de page, pas en plein centre.

-Meta keywords inutile, sauf pour tromper la concurrence.

-Un conseil, concatène ton code, sinon tu vas péter un câble sur des pages de 1000 lignes.

-"Le libellé du lien devrait décrire la cible et non pas simplement reprendre l'URL du site ciblé." Sans compter que niveau référencement ca n'a aucune valeur.

- Tu n'as que 3 liens, profites pour développer du contenu, décrire et motiver le lecteur.


.menu01
{
float:left;
/*width:196px;*/
width:190px;
height:25px;
/*margin-left:1px;*/
background-image: url('../images/menu/deg06.png');
background-repeat:repeat-x;
text-align:center;
font-size:18px;
color:black;
text-decoration:none;
border-right:1px solid white;
border-left:none;
border-top:none;
border-bottom:none;
}

.menu02
{
float:left;
/*width:196px;*/
width:190px;
height:25px;
/*margin-left:1px;*/
background-image: url('../images/menu/deg07.png');
background-repeat:repeat-x;
text-align:center;
font-size:18px;
color:black;
text-decoration:none;
border-right:1px solid white;
border-left:none;
border-top:none;
border-bottom:none;
}

.menu03
{
float:left;
/*width:196px;*/
width:190px;
height:25px;
/*margin-left:1px;*/
background-image: url('../images/menu/deg08.png');
background-repeat:repeat-x;
text-align:center;
font-size:18px;
color:black;
text-decoration:none;
border-right:1px solid white;
border-left:none;
border-top:none;
border-bottom:none;
}


Est égal à


.menu01, .menu03, .menu03{
float:left;
width:190px;
height:25px;
text-align:center;
font-size:18px;
color:black;
text-decoration:none;
border-right:1px solid white;
border-left:none;
border-top:none;
border-bottom:none
}
.menu01{
background-image: url('../images/menu/xxxxx.png') repeat-x
}
.menu02{
background-image: url('../images/menu/xxxxxx.png') repeat-x
}
.menu03{
background-image: url('../images/menu/xxxxxx.png') repeat-x
}


La même chose pour tout ton code CSS.

Amicalement, KiwiWorker
Sujet clos
Aller à