Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2669 connectés 

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Auteur Sujet :

Position des liens

n°1894072
pr0faz
Le sommeil est une séparation.
Posté le 11-06-2009 à 11:56:02  profilanswer
 

Reprise du message précédent :
Arf, donc si j'utilise un fichier css, j'efface de mon code html cette ligne :

 
Code :
  1. <div style="float:left; margin-top:-5px; font-family:arial; font-size:12px;">


je la remplace par :

 
Code :
  1. <div style="lien_haut"


Ensuite dans un fichier css je marque :

 
Code :
  1. .lien_haut{
  2. float:left;
  3. margin-top: -5px;
  4. font-family: arial;
  5. font-size: 12px;
  6. }


?


Message édité par pr0faz le 11-06-2009 à 11:58:04

---------------
Mes VenTes - Mes AchaTs
mood
Publicité
Posté le 11-06-2009 à 11:56:02  profilanswer
 

n°1894077
deliriumtr​emens
sic transit intestinal...
Posté le 11-06-2009 à 12:02:05  profilanswer
 

Nan.
 
Une "class" xxx est représentée par un .xxx dans un fichier css (ou défini entre des balises <style> )
 
Donc dans le html, <div class="lient_haut"
dans ton cas.
 
"style", c'est pour des éléments qui ne font pas appel à des styles pré-définis ailleurs.

n°1894118
macgawel
Posté le 11-06-2009 à 13:21:32  profilanswer
 

(Désolé si ça apparaît sur l'image, je ne peux pas la voir du boulot  :o  )
Avant de te dire par quoi remplacer le tableau, il faudrait connaître le sens des liens.
S'il s'agit d'un menu ou assimilé, on peut considérer ça comme une liste (donc ul->li->a).

pr0faz a écrit :

Je mélange souvent entre <span>?</span> class, id, <DIV>... je ne sais pas qui correspond à quoi.


Il y a pas mal de tutoriels sur le net.
Voir, par exemple, Alsacréations.
 
Vite fait :
1. Blocs/"inline" :
Un journal est composé d'articles. Un article est composé de plusieurs blocs : au moins le titre (balises h1...hn) et les paragraphes (balise p).
Ce sont des blocs.
A l'intérieur d'un paragraphe, il peut y avoir des mots en gras ou en italique. Ce sont des éléments qui font partie intégrante d'un bloc. Ils sont juste mis en valeur -ou ont un sens particulier (une référence à un autre article). C'est ce qu'on appelle des éléments "inline" (si quelqu'un a une traduction correcte je suis preneur).
 :o  Attention :
On peut donner à un bloc la propriété display:inline; pour qu'il soit intégré au texte. Ce n'est que de la présentation. Au niveau sémantique, ça reste un bloc distinct des autres blocs.
Exemple :
Une liste est composé de blocs distincts :

  • bloc1
  • bloc2
  • bloc3

Je peux demander un affichage "inline" pour obtenir :
bloc1   bloc2    bloc3
Mais ce sera toujours reconnu comme trois blocs.
 
 
2. DIV/SPAN :
En (x)html, les balises ont une signification. C'est à dire qu'une balise titre (h1) est interprétée comme "c'est un titre".
Problème : il y a toujours des cas où on ne trouve pas de balise cohérente avec le contenu. Pour reprendre l'exemple du journal, un article est un bloc en lui-même, mais il n'y a pas de balise pour le signifier. Il arrive aussi qu'on ait besoin de marquer un élément sans qu'il ait de signification propre.
Dans ces cas-là on utilise une balise générique (qui n'a pas de sens) : un bloc div, ou un élément inline span.
 
3. Classes / Id :
Pour reprendre le journal :
Dans un journal on trouve plusieurs articles. Leur mise en page est toujours (à peu près) la même.
En html "classique" il faudrait donc définir le style, toujours le même pour tous les articles, dans la balise.
Avec le CSS on va créer une classe "article". Tous les articles seront définit comme appartenant à la classe "article" (class="article"). Et on définira la mise en page des articles dans le CSS (.article {...}).
Il peut y avoir des cas particuliers. Par exemple, il y a (en général) un seul édito. Dans ce cas, on pourrait définir le style dans la balise, mais on se retrouverait avec des éléments de présentation à deux endroit. Pas top.
Du coup, on donne à cet élément un id, qui est forcément unique sur une page, et on le définira dans le CSS p ar #unique {...}.
On peut donner à un élément une classe et un id (l'édito est aussi un article...)

n°1894143
pataluc
Posté le 11-06-2009 à 14:06:52  profilanswer
 

perso je ne comprends pas où tu butes sur ton pb de menu horizontal, alors que dans un de tes posts plus haut (le 09-06-2009 à 17:13:08) tout semblait bon...

n°1894199
pr0faz
Le sommeil est une séparation.
Posté le 11-06-2009 à 15:37:35  profilanswer
 

pataluc: ce post concernait un input de type "text" et non l'affichage de liens horizontaux ^^

 

macgawel : Super comme résumé ! je vais le relire histoire de bien comprendre tout ça.


Message édité par pr0faz le 11-06-2009 à 15:37:47

---------------
Mes VenTes - Mes AchaTs
n°1894284
pr0faz
Le sommeil est une séparation.
Posté le 11-06-2009 à 21:52:31  profilanswer
 

On m'a dit de ne pas utiliser "&nbsp;".  si je voulais du code propre, qu'est-ce que j'dois utiliser à la place pour faire des espaces ?


---------------
Mes VenTes - Mes AchaTs
n°1894301
Pascal le ​nain
Posté le 11-06-2009 à 23:01:50  profilanswer
 

il faut utiliser la propriété css margin-left.
 
Par exemple margin-left:10px pour laisser un espace à gauche de 10 pixels.

n°1894317
pr0faz
Le sommeil est une séparation.
Posté le 11-06-2009 à 23:39:28  profilanswer
 

Je parlais des espaces entre chaque lien...

 

Bon, toute façon, ça ne va pas, ça veut pas s'adapter à toutes les résolutions !

 

J'reviens à mes débuts à savoir tout mettre dans le html. Donc comment peut-on arriver à ce résultat :

 

http://nsa08.casimages.com/img/2009/06/11/090611111135518674.jpg

 

en pouvant apporter des modifs à "CV" sans influer sur les liens


Message édité par pr0faz le 11-06-2009 à 23:41:28

---------------
Mes VenTes - Mes AchaTs
n°1894356
pataluc
Posté le 12-06-2009 à 10:05:26  profilanswer
 

j'ai bidouillé ca, ca me semble correspondre à ce que tu veux:
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.  <head>
  4.  <title></title>
  5.  <style type="text/css">
  6.  <!--
  7.    body {
  8.      margin: 0;
  9.      padding: 0;    
  10.    }
  11.    hr {
  12.      margin: 0;
  13.      padding: 0;
  14.      color:blue;
  15.      background-color: blue;
  16.      height: 1px;
  17.      border: 0;      
  18.    }
  19.    h1 {      
  20.      float:left;
  21.    }
  22.    ul {
  23.      margin: 0;
  24.      padding: 0;
  25.      /*border: 1px #00ff00 solid;*/
  26.    }
  27.    li {
  28.      /*border: 1px #ff0000 solid;*/
  29.      margin: 0;
  30.      padding: 0;
  31.      list-style-type: none;
  32.    }
  33.    li.left {
  34.      float: left;
  35.      margin-right:10px;
  36.    }
  37.    li.right {
  38.      float: right;
  39.      margin-left: 10px;
  40.    }
  41.  //-->
  42.  </style>
  43.  </head>
  44.  <body>
  45.  
  46.  <h1>CV</h1>
  47.  <ul>
  48.    <li class="left"><a href="blablabla1.htm">Lorem</a></li>      
  49.      <li class="left"><a href="blablabla2.htm">ipsum</a></li>
  50.      <li class="left"><a href="blablabla3.htm">dolor</a></li>
  51.      <li class="left"><a href="blabla et encore bla.htm">sit amet</a></li>
  52.  
  53.      <li class="right"><a href="blabla">consectetur</a></li>
  54.      <li class="right"><a href="bla bla">adipiscing elit</a></li>
  55.  </ul>
  56.  <hr style="clear:both" />
  57.  </body>
  58. </html>


 
[EDIT] j'ai mis "CV" dans un h1 car je considère que c'est le titre de la page, donc sémantiquement c'est ce qui me parait logique. par contre du coup il est beaucoup trop gros, faudra le retailler. et aussi un peu adapter les marges...


Message édité par pataluc le 12-06-2009 à 10:10:40
n°1894421
pr0faz
Le sommeil est une séparation.
Posté le 12-06-2009 à 12:20:12  profilanswer
 

Merci pataluc, ça fonctionne, et c'est meme adapté à toutes les résolutions ! j'ai que "<hr style="clear:both" />" qui ne veut pas monter de 2, voire 3px même avec "margin-top:-2px;"  
 
Je vous embête avec tout ça, mais faut vraiment qu'ça s'adapte à toutes les résolutions, sans ça, ça ressemblerait à rien.


---------------
Mes VenTes - Mes AchaTs
mood
Publicité
Posté le 12-06-2009 à 12:20:12  profilanswer
 

n°1894647
pr0faz
Le sommeil est une séparation.
Posté le 12-06-2009 à 20:26:39  profilanswer
 

C'est étrange, en plus du problème ci-dessus, j'essaye de rajouter une image et de la centrer, mais elle ne s'affiche pas


---------------
Mes VenTes - Mes AchaTs
n°1894731
Pascal le ​nain
Posté le 13-06-2009 à 12:51:12  profilanswer
 

Remplace <hr style="clear:both" /> par <div style="clear:both" />

n°1894753
pr0faz
Le sommeil est une séparation.
Posté le 13-06-2009 à 14:42:35  profilanswer
 

Toujours pareil :

 

<div style="clear:both" />

 

<img src="images/Sir-alex.png" alt="cv" />
   </body>
</html>

  

L'image ne s'affiche pas


Message édité par pr0faz le 14-06-2009 à 01:27:10

---------------
Mes VenTes - Mes AchaTs
n°1894833
pr0faz
Le sommeil est une séparation.
Posté le 14-06-2009 à 01:26:54  profilanswer
 

up


---------------
Mes VenTes - Mes AchaTs
n°1895010
pr0faz
Le sommeil est une séparation.
Posté le 14-06-2009 à 23:39:34  profilanswer
 

Pour l'image c'est réglé (une bêtise de ma part) Par contre je n'arrive pas à la centrer "align:center;" alors qu'avec un "margin:left:40%;" ça fonctionne.

 

Autre point; je n'arrive toujours pas à faire un margin-top pour définir l'espace entre les liens et le "<hr>"


Message édité par pr0faz le 15-06-2009 à 00:00:49

---------------
Mes VenTes - Mes AchaTs
n°1896401
pr0faz
Le sommeil est une séparation.
Posté le 17-06-2009 à 19:09:22  profilanswer
 

Je n'arrive toujours pas à faire un margin-top pour définir l'espace entre les liens et le "<hr>"


---------------
Mes VenTes - Mes AchaTs
n°1896711
pr0faz
Le sommeil est une séparation.
Posté le 18-06-2009 à 19:07:14  profilanswer
 

J'en peux plus, j'expose mon code :

 
Code :
  1. HTML:
  2. <form name="f"><br>
  3.    <ul>
  4.        <li class="zone_bouton">
  5.          <input type="text" name="nom" size="55" maxlength="256" value="alexandre" /><br>
  6.          <input type="button" value="moncv" onclick="page1" />
  7.        <input type="button" value="moncv" onclick="page1" />
  8. </li>
  9. <li class="petit_lien">
  10.      <a href="hop">1</a><br>
  11.         <a href="hop">2</a><br>
  12.         <a href="hop">3</a>
  13.         </li>
  14.        </ul>
  15.      </form>
  16.    </body>
  17. </html>
 
Code :
  1. CSS:
  2. li.zone_bouton{
  3.    text-align:center;
  4.    }
  5. li.petit_lien{
  6.    margin-left:63.5%;
  7.    margin-top:-3.7%;
  8.    font-size:9.5px;
  9.    }
 


Tout va super sur une résolution de 1366x768, mais alors sur une résolution de 1024x768 c'est la catastrophe ! Les liens en haut sont complètement serrés, puis les liens sur le coté droit de la zone de texte sont...sur la zone de texte !
 
Il me semble que j'ai respecté la sémantique. Quelqu'un a une solution ?


Message édité par pr0faz le 18-06-2009 à 19:11:48

---------------
Mes VenTes - Mes AchaTs
n°1896763
pr0faz
Le sommeil est une séparation.
Posté le 18-06-2009 à 22:02:49  profilanswer
 

up


---------------
Mes VenTes - Mes AchaTs
n°1896791
pr0faz
Le sommeil est une séparation.
Posté le 19-06-2009 à 00:15:23  profilanswer
 

résolution 1366x768 :
 
http://nsa07.casimages.com/img/2009/06/19/090619121514569019.jpg
 
 
Résolution 1024x768 :
 
http://nsa08.casimages.com/img/2009/06/19/090619121627299937.jpg
 
Là on voit bien que ça part en cacahuète, les liens en haut se sont rapprochés, puis les 3 petits liens sont sur le input text...


---------------
Mes VenTes - Mes AchaTs
n°1896832
macgawel
Posté le 19-06-2009 à 10:05:02  profilanswer
 

[:prozac]
 
1. Pour un affichage sur 1024 px :
- Le li "petit_lien" est positionné à 63.5% à gauche.
63.5% de 1024 => 650 px.
- Le li "zone_bouton" n'ayant pas d'information de mise en page, il prend la page complète (c'est un bloc).
- Le champ "nom" est définit avec une taille de 55. Ce qui correspond, dans ton cas, à une taille de 352 px. Il est centré.
On peut donc en déduire qu'il commence au pixel (1024/2) - (352/2) = 336 px.
Et qu'il finit à la position 688px.
 
=> Forcément, entre un champ qui finit en 688 et un lien qui commence en 650 il y a chevauchement !
 
2. Tu n'as pas l'air d'avoir bien saisi le principe des listes.
ul => définition de la liste.
li => définition d'un élément de la liste.
Dans ton cas, tu as deux solutions (c'est une question de sémantique et là-dessus je ne peux pas t'aider) :
- Tous tes éléments (INPUT et liens) font partie du même "groupe" :

Code :
  1. <form name="f">
  2.     <ul>
  3.         <li class="zone_bouton"><input type="text" name="nom" size="55" maxlength="256" value="alexandre" /></li>
  4.         <li class="zone_bouton"><input type="button" value="moncv" onclick="page1" /><input type="button" value="moncv" onclick="page1" /></li>
  5.         <li class="petit_lien"><a href="hop">1</a></li>
  6.         <li class="petit_lien"><a href="hop">2</a></li>
  7.         <li class="petit_lien"><a href="hop">3</a></li>
  8.     </ul>
  9. </form>


- Tu as deux "groupes" distincts :

Code :
  1. <form name="f">
  2.     <ul class="zone_bouton">
  3.         <li><input type="text" name="nom" size="55" maxlength="256" value="alexandre" /></li>
  4.         <li><input type="button" value="moncv" onclick="page1" /><input type="button" value="moncv" onclick="page1" /></li>
  5.     </ul>
  6.     <ul class="petit_lien">
  7.         <li><a href="hop">1</a></li>
  8.         <li><a href="hop">2</a></li>
  9.         <li><a href="hop">3</a></li>
  10.     </ul>
  11. </form>


n°1900317
pr0faz
Le sommeil est une séparation.
Posté le 29-06-2009 à 18:19:21  profilanswer
 

C'est pareil, quand je réduis la page, les liens viennent chevaucher sur le input text. Puis en plus, il y a un trop grand écart entre eux (l'un en dessous de l'autre)


Message édité par pr0faz le 29-06-2009 à 21:04:23

---------------
Mes VenTes - Mes AchaTs
n°1900380
pr0faz
Le sommeil est une séparation.
Posté le 29-06-2009 à 21:48:27  profilanswer
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2.      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3. <head>
  4.      <title>Bienvenue</title>
  5.      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.  <style type="text/css">
  7. <!--
  8. li {
  9. list-style-type: none;   }
  10. ul.zone_bouton {
  11.    text-align:center;
  12.    margin-top:1%;   }
  13.  
  14.   ul.petit_lien {
  15.    margin-left:62.2%;
  16.    margin-top:-4.5%;
  17.    font-size:8.5px;   }
  18.     //-->
  19. </style>
  20. </head>
  21. <body>
  22.   <form name="f">
  23.     <ul class="zone_bouton">
  24.     <li><input type="text" name="nom" size="55" maxlength="256" value="alexandre" /></li>
  25.   <li><input type="button" value="bouton1" onclick="page1" /><input type="button" value="bouton2" onclick="page1" /></li>
  26. </ul>
  27.   <ul class="petit_lien">
  28.    <li><a href="hop">1</a></li>
  29.    <li><a href="hop">2</a></li>
  30.   <li><a href="hop">3</a></li>
  31. </ul>
  32. </form>
  33. </body>
  34. </html>


 
 
http://nsa07.casimages.com/img/2009/06/29/090629094953173953.jpghttp://nsa08.casimages.com/img/2009/06/29/090629095030585714.jpg
 
J'aimerai que les liens ne bougent pas.


---------------
Mes VenTes - Mes AchaTs
n°1900703
pr0faz
Le sommeil est une séparation.
Posté le 30-06-2009 à 18:06:26  profilanswer
 

je cherche partout et impossible de trouver la solution


---------------
Mes VenTes - Mes AchaTs
n°1900754
pr0faz
Le sommeil est une séparation.
Posté le 30-06-2009 à 20:42:10  profilanswer
 

up


---------------
Mes VenTes - Mes AchaTs
n°1900814
pr0faz
Le sommeil est une séparation.
Posté le 30-06-2009 à 23:14:20  profilanswer
 

dernier up du soir


---------------
Mes VenTes - Mes AchaTs
n°1901030
pr0faz
Le sommeil est une séparation.
Posté le 01-07-2009 à 12:59:49  profilanswer
 

c'est l'attitude à adopter quand on a pas de réponse ou c'est juste que personne passe?


---------------
Mes VenTes - Mes AchaTs
n°1901256
pr0faz
Le sommeil est une séparation.
Posté le 01-07-2009 à 18:23:46  profilanswer
 

up


---------------
Mes VenTes - Mes AchaTs
n°1901285
pr0faz
Le sommeil est une séparation.
Posté le 01-07-2009 à 20:35:43  profilanswer
 

up


---------------
Mes VenTes - Mes AchaTs
n°1901519
macgawel
Posté le 02-07-2009 à 13:01:50  profilanswer
 

1. Après reflexion, je me demande si les "petits liens" font partie de ton formulaire ?
 
2. Je ne sais pas qui t'a dit de mettre les éléments du formulaire en liste, mais c'est une erreur (en  fait, je crois que c'est moi  :o )
Par contre, tu peux utiliser la balise label, qui est bien utile (accessibilité, ...)
 
3. Si tu ajoutes des bordures à tes blocs, dans le CSS, tu pourras mieux voir comment ils se comportent :

Code :
  1. .zone_bouton {
  2.   text-align:center;
  3.   margin-top:1%;
  4.   border: 1px solid red;
  5. }
  6. .petit_lien {
  7.   margin-left:62.2%;
  8.   margin-top:-4.5%;
  9.   font-size:8.5 px;
  10.   border: 1px solid blue;
  11. }


En gros, si je comprends bien tu as deux blocs (le formulaire en lui-même et la liste). Tu voudrais en avoir un à gauche et l'autre à droite. C'est bien ça ?

Code :
  1. .zone_bouton {
  2.     width:60%;
  3.     float:left;
  4. }
  5. .petit_lien {
  6.     font-size:8.5px;
  7.     width:20%;
  8.     float:right;
  9. }
  10.  
  11. /*
  12. On définit le label comme un bloc, ce qui permet d'avoir un champ par ligne
  13. Eventuellement, si tu ne veux pas afficher le label, tu peux mettre le label en
  14. visibility:hidden.
  15. Dans ce case, rajouter la propriété visibility:visible pour le label input
  16.  
  17. Il y a certainement mieux, mais je ne me suis pas trop penché sur le problème...
  18. */
  19. .zone_bouton label {
  20.     display:block;
  21. }


Avec ça, tu as un bloc zone-bouton aligné à gauche qui fait 60% de la page, et un bloc petits_liens aligné à droite. Tant qu'il y a de la place (i.e. tant que ta zone "petits_liens" fait moins de 40% de la page), elle sera à côté du bloc "zone_boutons"...
 
Après, soit tes liens font partie du formulaire et tu peux utiliser la balise fieldset (qui définit des blocs logiques dans un formulaire) :

Code :
  1. <form name="f">
  2. <fieldset  class="zone_bouton"><label>Nom<input type="text" name="nom" size="55" maxlength="256" value="alexandre" /></label>
  3.     <input type="button" value="bouton1" onclick="page1" /><input type="button" value="bouton2" onclick="page1" />
  4. </fieldset>
  5. <fieldset class="petit_lien">
  6. <ul>
  7.     <li><a href="hop">1</a></li>
  8.     <li><a href="hop">2</a></li>
  9.     <li><a href="hop">3</a></li>
  10. </ul>
  11. </fieldset>
  12. </form>


Soit ils ne font pas partie du formulaire et tu peux faire :

Code :
  1. <form name="f" class="zone_bouton">
  2.     <label>Nom<input type="text" name="nom" size="55" maxlength="256" value="alexandre" /></label>
  3.     <input type="button" value="bouton1" onclick="page1" /><input type="button" value="bouton2" onclick="page1" />
  4. </form>
  5. <ul class="petit_lien">
  6.     <li><a href="hop">1</a></li>
  7.     <li><a href="hop">2</a></li>
  8.     <li><a href="hop">3</a></li>
  9. </ul>


Au passage, tu devrais définir ta font-size en em plutôt qu'en pixels (ou alors en utilisant un mot-clé comme "small" ), c'est plus "user-friendly"... Et tu devrais plutôt utiliser des id que des classes (à moins que tu aies plusieurs "zones de boutons" )

n°1901714
pr0faz
Le sommeil est une séparation.
Posté le 02-07-2009 à 18:24:46  profilanswer
 

En fait la je suis complètement embrouillé. Je ne cherche pas à faire un formulaire, juste un input text et deux submit juste sous l'input text et à droite 3 liens. Comme ceci :

 


http://nsa07.casimages.com/img/2009/06/29/090629094953173953.jpg

 

Seulement, je voudrais éviter à mes 3 liens de bouger quand on rétréci la fenêtre de cette façon :

 

http://nsa08.casimages.com/img/2009/06/29/090629095030585714.jpg

Message cité 1 fois
Message édité par pr0faz le 02-07-2009 à 18:27:18

---------------
Mes VenTes - Mes AchaTs
n°1901851
Alekusu2
Posté le 03-07-2009 à 08:27:35  profilanswer
 

O_o je découvre que tu as 2 topics pour le même problème et où des gens différents prennent du temps pour te répondre pour rien...
 
http://forum.hardware.fr/hfr/Progr [...] 3765_1.htm

n°1901940
pr0faz
Le sommeil est une séparation.
Posté le 03-07-2009 à 11:28:38  profilanswer
 

Alekusu2 a écrit :

O_o je découvre que tu as 2 topics pour le même problème et où des gens différents prennent du temps pour te répondre pour rien...


 
Pourquoi pour rien ? Au contraire, j'essaye de récolter un maximum d'informations, je trouve que c'est plutôt un avantage.


---------------
Mes VenTes - Mes AchaTs
n°1901942
macgawel
Posté le 03-07-2009 à 11:33:05  profilanswer
 

pr0faz a écrit :

Pourquoi pour rien ? Au contraire, j'essaye de récolter un maximum d'informations, je trouve que c'est plutôt un avantage.


pr0faz a écrit :

En fait la je suis complètement embrouillé.


 :ange:

n°1901947
pr0faz
Le sommeil est une séparation.
Posté le 03-07-2009 à 11:40:19  profilanswer
 

macgawel, je suis embrouillé par tes explications, pas par les différentes informations ^^


---------------
Mes VenTes - Mes AchaTs
n°1901954
macgawel
Posté le 03-07-2009 à 11:50:30  profilanswer
 

pr0faz a écrit :

macgawel, je suis embrouillé par tes explications, pas par les différentes informations ^^


C'est le formulaire qui t'embrouille ?
 
Pourtant, quand on a une balise <form>...</form>, c'est un formulaire...
 
Sinon, pour rejoindre Alekusu2, le problème c'est que les propositions qu'on te fait dans les deux topics ne sont pas forcément compatibles, au contraire.

n°1901971
pr0faz
Le sommeil est une séparation.
Posté le 03-07-2009 à 11:59:12  profilanswer
 

Oui, le formulaire, enfin disons plutôt que c'est le code en général. Tu me demandes si les liens font partis du formulaire, non, pas vraiment, tant que les liens sont tout près de input text, ça me va. Voici en image l'effet désiré :

 


http://nsa07.casimages.com/img/2009/06/29/090629094953173953.jpg

 

J'y arrive bien, mais je ne trouve pas la solution pour éviter à mes liens de bouger si jamais l'utilisateur était sous une autre résolution. (j'espère ne pas donner l'impression de me répéter)


Message édité par pr0faz le 03-07-2009 à 11:59:39

---------------
Mes VenTes - Mes AchaTs
n°1903965
gatsu35
Blablaté par Harko
Posté le 09-07-2009 à 11:05:07  profilanswer
 

font-size:8.5 px;
<-- je ne savais pas que le demi pixel existait


---------------
Blablaté par Harko
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
Redéfinir la position du point d'origine d'une image[GLSL] Shader modification des coordonnées de position
Position absolute hors de l'écranposition et autre
Calcul longueur d'une liste à liens multiplesPosition d'un sous élément en absolute
[CSS] Utiliser le right en position relative ?Comprendre code source : liens entre les fichiers
mémoriser position de drag&dropbesoin d'aide pour finaliser mon site (position text et hover)
Plus de sujets relatifs à : Position des liens


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR