28172 sujets

CSS et mise en forme, CSS3

Code css pour débutant

Bonjour,

Je suis nouveau sur le site et dans la programmation css.
J'aurai besoins d'un sérieux coup de pouce.
Avec mon nouveau programme " dreamweaver " j'aurai aimé créer simplement un cadre de 410px / 410px avec la possibilité d'insérer un scripte dedans.

Quelqu'un serait-il assez gentil pour me communiquer les lignes de code?

Merci bcp

Charles
voilà l'idée mais je ne sais pas comment faire et de plus est ce juste

<p>
<table class=" TableNoBorder TinyMCETable" style="width: 410px; height: 410px;">
<tbody>
<tr>
<td>insérer le script</td>
</tr>
</tbody>
</table>
</p>
Re bonjour,

Je vais reformuler

J'ai le scripte et je voudrais qu'il soit délimité par un cadre de 410px / 410px
Quelqu'un peux m'aider?
Merci
Salut heimcharles

Il serait mieux que tu utilise un div : voici un exemple.
L'exemple est dans la partie <head> sous <title></title>

<style type="text/css">
  body { margin:0; padding:0; color:#333; font-family:Verdana, Arial, sans-serif; }
  h1 { color:#ff0000; font-size:0.9em; margin:10px; }
  .code { width:410px; height:120px; color:green; border:1px solid #ccc; margin:10px; padding:5px; overflow:auto; }
</style>


Ton code html

<body>
<h1>Code 1</h1>
<div class="code">
<pre>
  function somme(a, b)
  {
    return a + b;
  }
  somme(12, 12);
</pre>
</div>
<h1>Code 2</h1>
<div class="code">
  <pre>
    if (maxNombrePages >= 12)
    {
      nombrePages = maxNombrePages;
    }
    else 
    {
      nombrePages = 10;
    }
  </pre>
</div>
</body>


Voici une capture des résultats

upload/20350-zoneCode.jpg

Ce bout de code est simple mais tu pourras faire mieux si tu veux.
Remarque ici qu'en fixant la hauteur « height:120px; » et « overflow:auto » tu peut gérer un scrolling bar verticale.

Je n'ai pas vérifier la compatibilité ni la validation au w3c. Considère le comme étant la base.

++
Sujet clos
Aller à