28172 sujets

CSS et mise en forme, CSS3

Nbsp

Bonjour, Smiley smile
je souhaite factoriser les "nbsp" afin de ne plus les retrouver sous la forme ci dessous .
auriez vous une idée de la syntaxe à utiliser?
Merci

<a class="field" href="http://pike6.boite.fr/ceb/lirebasebis.php?LHZONE=SCONUM&amp;LHFICHIER=CLI">Code recherche:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
Mais

<a class="field" href="http://pike6.boite.fr/ceb/lirebasebis.php?LHZONE=SCONUM&amp;LHFICHIER=CLI">Code recherche:11 &nbsp
Administrateur
Salut Smiley cligne

Le caractère nbsp n'est plus utile dans ce genre de situations.
Il suffit d'appliquer une marge (interne ou externe) à l'élément, tout simplement Smiley cligne

PS : avec un exemple visuel ou en ligne, ce sera bien plus facile de te montrer comment faire.
Modifié par Raphael (12 Dec 2005 - 15:56)
Administrateur
alainmorin8 a écrit :
pourrais tu me montrer le fonctionnement de la factorisation de nbsp sur l'exple précédent?

Comme je te l'ai dit, il n'y a pas de factorisation à faire puisqu'il ne faut pas utiliser nbsp dans des buts de mise en page.

Une simple marge interne crée un espace :


a.field {
background: yellow;
padding-right: 100px;
}

<a class="field" href="/">Code recherche:11</a>
Administrateur
alainmorin8 a écrit :
Pourrais tu me montrer avec l'exemple ci dessus comment n'utiliser qu'un "&nbsp" pour remplacer
n "&nbsp"

Je ne peux pas être plus clair : il ne faut pas utiliser des nbsp à des fins de mise en page :
- ce n'est pas fait pour ça
- ça allourdit inutilement le document HTML
- ça complexifie sa compréhension
- ça ne facilite pas son accessibilité

En bref : la mise en page est l'affaire de la couche "CSS".
je vais essayer de mieux reformuler la quetion:
j'essaye par exple de positionner "Code recherche." sur la même ligne que "Client" mais
avec des espaces entre les 2 puis je passe à la ligne suivante.
Comment ne pas utiliser "&nbsp " ?
Ainsi j'obtients l'exple ci dessous:



<a class="field" href="http://pike6.boite.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLINUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Client &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<a class="field" href="http://pike6.boite.fr/ceb/organigramme/lirebasebis.php?LHZONE=SCONUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Code recherche: <br>
Raphael a écrit :

Une simple marge interne crée un espace :


a.field {
background: yellow;
padding-right: 100px;
}

<a class="field" href="/">Code recherche:11</a>


Il te la déjà dit plus haut !

Si je me trompe pas les &nbsp sont utiliser pour les ":" afin de créer un espace entre les mots mais de laisser le groupe de mot coller

ex : "&nbsp;Cliquez&nbsp;icin&bsp;:", comme ça même si il y à retour de ligne, le groupe de mot s'alignera toujours sur la même ligne et on aura pas cliquez en haut et ici au début d'une nouvelle ligne.

Si je me trompe, ça m'intérese de savoir (on fait tous des erreurs en n
novice)

Edit : Ca ne sert à rien de créer plusieurs topics (cf : ici)
Modifié par Bleeps (12 Dec 2005 - 17:59)
Administrateur
alainmorin8 a écrit :
je vais essayer de mieux reformuler la quetion:
j'essaye par exple de positionner "Code recherche." sur la même ligne que "Client" mais
avec des espaces entre les 2 puis je passe à la ligne suivante.
Comment ne pas utiliser "&nbsp " ?

Toujours le même principe : 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
a.field {
background: yellow;
padding-right: 100px;
}
</style>
</head>
<body>
<p>
<a class="field" href="/">Client</a>
<a href="/">Code recherche:11</a>
</p>
</body>
</html>


Bleeps a écrit :
Si je me trompe pas les &nbsp sont utiliser pour les ":" afin de créer un espace entre les mots mais de laisser le groupe de mot coller

&nbsp est l'entité HTML qui désigne une espace insécable. Elle peut être employée partout où elle est nécessaire dans la typographie.
En typographie française, les espaces avant les signes ":", "!" et "?" devraient être des demies espaces insécables, mais il n'existe pas d'équivalent en HTML, donc on peut utiliser &nbsp.
Par contre &nbsp n'est strictement pas prévu pour "combler graphiquement un vide"... en tout cas tout autant qu'un spacer.gif transparent Smiley rolleyes
Modifié par Raphael (12 Dec 2005 - 18:10)
Bleeps a écrit :

Si je me trompe pas les &nbsp sont utiliser pour les ":" afin de créer un espace entre les mots mais de laisser le groupe de mot coller


C'est bien cela...
nbsp, non breakable space, blanc insécable, est un caractère d'espacement qui n'est pas compris comme un séparateur de mot

Sinon en testant le code de Raphaël, notre questioneur répétitif aura sa réponse... Smiley cligne
Modifié par Bob (MC Melun) (16 Dec 2005 - 17:21)
Bonsoir,

alainmorin8 a écrit :

j'essaye par exple de positionner "Code recherche." sur la même ligne que "Client" mais
avec des espaces entre les 2 puis je passe à la ligne suivante.




&nbsp; peut être utilisé, à raison d'un à la fois:


(Et avec une marge pour l'espacement, pas un padding)


<style type="text/css">
a.field {
[b]margin[/b]-right: 100px;
}
</style>

<a class="field" href="...">Client</a>[b]&nbsp;[/b]<a href="/">Code[b]&nbsp;[/b]recherche:11</a>


(je suppose que tu veux également éviter le retour à la ligne entre "code" et "recherche")
Modifié par Laurent Denis (12 Dec 2005 - 18:34)
Sujet clos
Aller à