Balise html

Résolu/Fermé
Roxane 59 Messages postés 411 Date d'inscription jeudi 23 août 2007 Statut Membre Dernière intervention 5 novembre 2008 - 11 nov. 2007 à 00:22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 11 nov. 2007 à 01:30
Bonsoir,

Je recherche depuis un momment en fouillant les tutoriels et je n'arrive pas a retrouver la balise absolute ou qui lui ressemble. Soit du html ou css, quelqu'un pourrait-il me renseigner pour son utilisation. Je vous remercie.
A voir également:

5 réponses

nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
11 nov. 2007 à 00:26
c'est quoi ca une balise absolute ?
tu pourai pas dire a quoi elle sert pour qu'on t'en donne une ?
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
11 nov. 2007 à 00:44
Bonjour,

Une balise absolute, ça n'existe pas.

Absolute est un type de positionnement en CSS qui peut s'appliquer à différents types de balises HTML.
C'est une valeur de la propriété position.

J'ai récemment proposé ça.
Voici un exemple de tableaux positionnés en absolute.

Ça permet de positionner les éléments précisémént par rapport à leur 1er élément parent positionné lui-même en relative.

Voir :
  http://edu.ca.edu/selfhtml/navigation/css.htm#positionnement
  http://forum.alsacreations.com/faq/faq-59-Quel-type-de-positionnement-choisir-.html
  https://openweb.eu.org/articles/initiation_absolue/

--
0
Roxane 59 Messages postés 411 Date d'inscription jeudi 23 août 2007 Statut Membre Dernière intervention 5 novembre 2008 19
11 nov. 2007 à 00:49
Je me souvient on s'en sert pour la position eventuelle des tableaux, par rapport au précédent je crois, enfin un truc comme ça. J'avais confondu balise et posittionnement.
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
11 nov. 2007 à 00:50
On peut s'en servir pour positionner ce que l'on veut.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Un titre</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #b0c4de;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      width: 760px;
      text-align: left;
      border : 1px solid #f0ffff;
      background-color: #f0f8ff;
      font-family: 'Trebuchet MS', Verdana, sans-serif;
      }
#tablo, #divo, #po, #spano, #h1o, #ulo {
  position : absolute;
  padding : 20px;
  background-color : #f0f8ff;
  border : 1px dashed #f00;
  }
#tablo {
  top : 400px;
  left : 200px;
  }
#divo {
  top : 100px;
  left : 300px;
  width : 100px;
  height : 100px;
  }
#po {
  top : 310px;
  left : 410px;
  width : 100px;
  height : 100px;
  }
#spano {
  top : 160px;
  left : 50px;
  width : 100px;
  height : 100px;
  }
#h1o {
  top : 10px;
  left : 20px;
  width : 100px;
  height : 100px;
  }
#ulo {
  top : 200px;
  left : 200px;
  width : 100px;
  height : 100px;
  }
    </style>
</head>
<body>
  <div id="conteneur">
    <table id="tablo">
      <tbody>
        <tr>
          <td class="x">Un tableau</td>
          <td class="c">—1—</td>
          <td class="x">XXXX</td>
        </tr>
        <tr>
          <td class="x">XXXX</td>
          <td class="c">—:—</td>
          <td class="x">XXXX</td>
        </tr>
        <tr>
          <td class="x">XXXX</td>
          <td class="c">—:—</td>
          <td class="x">XXXX</td>
        </tr>
        <tr>
          <td class="x">XXXX</td>
          <td class="c">—:—</td>
          <td class="x">XXXX</td>
        </tr>
        <tr>
          <td class="x">XXXX</td>
          <td class="c">—:—</td>
          <td class="x">XXXX</td>
        </tr>
      </tbody>
    </table>
    <div id="divo">
      Une div
    </div>
    <p id="po">
      Un p
    </p>
    <span id="spano">
      Un span
    </span>
    <h1 id="h1o">
      Un h1
    </h1>
    <ul id="ulo">
      <li>Une liste</li>
      <li>#</li>
      <li>#</li>
    </ul>
  </div>
</body>
</html>

--
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
11 nov. 2007 à 00:56
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
11 nov. 2007 à 01:14
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
11 nov. 2007 à 01:30
looooooool j avais pas vu ! ;-)

RAD
0