28220 sujets

CSS et mise en forme, CSS3

[Resolu] probleme de visibilite un lien href complexe pas valide

Bonjour,

Je n'ai pas de probleme de mise en forme css mais plutot un probleme de visibilité, je m'explique je souhaite par exemple créé un lien sur une zone rectangulaire avec dedans :

un numero (valeur_du_timbre) dans le coin droit
une description

grossomodo mon bout de code est le suivant :

	<a href="xxxx.php" class="timbre">
		<div class="valeur">1,50</div>
		<div class="description">
			timbre Francais<br />
			rouge
		</div>
	</a>


graphiquement je ne suis content du resultat mais c'est au niveau css xhtml vu par lynx .... en fait, lynx ne reconnait pas ces lignes de texte (valeur_du_timbre + description) comme etant un simple lien en dur ! ;(

Je voudrais savoir si quelqu'un ne connaiterais pas une astuce pour rendre d'un point de vue lynx mon code pur et visible.

car actuellement lynx interprete mon code comme ca :

1,50
timbre Francais
rouge

chose qui est tres bien mais pour lynx il n'y pas de lien (que du texte) sur ces lignes alors que par un browser graphique (firefox) le lien marche correctement

merci d'avance
Modifié par P75 (04 Jun 2005 - 22:34)
d'accord c'est une chose que je ne savais pas ....

alors y a t'il une solution ou une astuce Smiley cligne pour contourner ce probleme ? (une balise <a> ou l'on puisse organiser a l'interieur du texte)

pour avoir un lien de ce type (les '*' corresponde au traits du rectangle):
(et les '.' sont des espaces => probleme d'affichage sinon dans le post)

***************************
*....................................1.50 *
*....Timbre Francais...............*
*....Rouge..............................*
*............................................*
***************************

une balise <a> ou l'on puisse organiser a l'interieur du texte ?
Modifié par P75 (04 Jun 2005 - 20:37)
Administrateur
Oui, voici un exemple rapide :


<a class="timbre" href="#">
	<span class="prix">1.50</span><br />
	Timbre Francais<br />
	Rouge
</a>

a.timbre {
display: block;
width: 300px;
border: 1px solid gray;
text-decoration: none;
padding: 0.5em 1em;
}
a.timbre .prix {
float: right;
clear: both;
}

Modifié par Raphael (04 Jun 2005 - 20:48)
merci tu es un chef ! Smiley cligne

EXPLICATION : ?

par contre pour explication imbriqué des <span class="maclasse"></span>

cela remplace les div qui sont interdits ?
Administrateur
a écrit :
EXPLICATION : ?

Pour les explications, ça risque d'être difficile de résumer tout ça ici, mais n'hésite pas à suivre tous les tutoriels pour débuter :
http://css.alsacreations.com/Bases-et-indispensables/

a écrit :
par contre pour explication imbriqué des <span class="maclasse"></span>

cela remplace les div qui sont interdits ?

Pour ainsi dire oui, puisque <span> est une balise inline (voir le lien que je t'ai donné précédemment)
Sujet clos
Aller à