Afficher une div sur une meme ligne

Afficher une div sur une meme ligne - HTML/CSS - Programmation

Marsh Posté le 25-06-2007 à 12:28:17    

Bonjour à tous, je suis nouveau ici, merci par avance pour votre aide.  :hello:  
 
Je débute dans le html et le javascript et j'ai besoin d'aide pour le problème suivant:
 
J'ai créé cette petite fonction:
 
<script>
  function montrer(id)
   {
   var elt = document.getElementById(id);
   if (elt.style.display=='none') elt.style.display='block';
   else elt.style.display='none';
   }
</script>
 
que j'utilise comme suit:
 
<a onclick="montrer('paragraphe1')">Cliquer pour faire apparaître ou cacher §1</a>
  <div style="display='none'" id="paragraphe1">
   Voilà le §1
  </div>
 
Malheureusement :fou:, je souhaiterais que le texte apparaisse sur la même ligne que le lien, et en fait, ça passe directement à la ligne. J'ai essayé avec SPAN, mais le résultat est le même.
 
Si quelqu'un peut me sortir d'embarras, merci beaucoup par avance.
 
Parce qu'en plus, j'en ai plein d'autres des questions comme ça  ;) .

Reply

Marsh Posté le 25-06-2007 à 12:28:17   

Reply

Marsh Posté le 25-06-2007 à 13:22:43    

Salut,
 
Tu devrais regarder du côté des float pour le CSS. Ca devrait t'aider.


---------------
"Nous avons tous nos machines du temps. Celles qui nous ramènent en arrière sont les souvenirs, celles qui nous projettent en avant sont les rêves."
Reply

Marsh Posté le 25-06-2007 à 13:27:22    

Merci de me répondre.
 
Je suis désolé, "float" et "CSS", je ne sais pas ce que c'est  :??: !

Reply

Marsh Posté le 25-06-2007 à 14:02:49    

Code :
  1. if (elt.style.display=='none') elt.style.display='inline';


legaub a écrit :

Je suis désolé, "float" et "CSS", je ne sais pas ce que c'est  :??: !


JFGI !!

Reply

Marsh Posté le 25-06-2007 à 14:14:14    

Alors, là, super  :) !
 
Merci beaucoup. Et à très bientôt, j'en ai plein d'autres !

Reply

Marsh Posté le 25-06-2007 à 14:18:13    

legaub a écrit :


Je suis désolé, "float" et "CSS", je ne sais pas ce que c'est  :??: !


 
    Le "langage" html te permet d'afficher tes données, le langage javascript te permet d'effectuer certains traitements sur tes données (et apporter un certain dynamisme). Lorsque l'on parle de CSS, il s'agit en fait d'ajouter un style à tes données (i.e.: s'occupe de l'aspect présentation de la page).
 
    Tu précises entre les balises <head>...</head> le fichier ou se trouve ton code CSS :

Code :
  1. <head>
  2.         <title>Mon super site</title>
  3.         <meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
  4.         <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="CSS/style.css" />
  5.     </head>


 
    En supposant que ton fichier contenant le code css s'appelle style.css et se trouve dans le dossier CSS qui se situe au répertoir racine de ton projet web (là où se trouve ta page index.html normallement).
 
    L'utilisation de CSS n'est pas une obligation, mais est largement conseillée pour séparer les données (contenues dans le .html) de la présentation ( .css). C'est une bonne habitude à prendre. Dans le cas présent, tu vas dire à la balise <a> de se positionner à gauche en lui donnant l'attribut float : left, et tu fais de même pour la balise <div>.
 
    N'aie pas peur il ne s'agit pas de sortir la grosse artillerieen utilisant CSS, mais juste d'une bonne technique de programmation à prendre dès maintenant.
    Pour plus d'info je te laisse te renseigner...
 
    Aller je suis gentil : un fichier css ressemble à ça :
 

Code :
  1. body{
  2.     width : 90%;
  3.     margin : auto;     /* Permet de centrer la page */
  4.     margin-top : 20px;
  5.     margin-bottom : 20px;
  6.     background-color : pink;     }
  7. body div{                                                /* Concerne toutes les balises <div> contenues dans la balise <body>*/
  8.     border : solid;                                      /* Commentaire inutile oui je sais, c'est pour l'exemple */
  9.     overflow : auto;
  10. }


 
    Bon ce n'est pas tout je retourne à mes problèmes d'exportation de bdd openoffice (mais quelle idée d'avoir utilisé ça :/).
 
 


Message édité par C4O2 le 25-06-2007 à 14:24:35
Reply

Marsh Posté le 25-06-2007 à 15:46:25    

Vous êtes très disponibles, merci à nouveau pour toutes ces infos, c'est très gentil.
 :)  
Je vais en faire le meilleur usage possible.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed