Se connecter avec
S'enregistrer | Connectez-vous

langage html

Dernière réponse : dans Logiciels de bureau
Lassé par la pub ? Créez un compte

J'ai trouvé çà sur le net, j'espère que cela pourra t'aider, apparemment, on met le css dans du html, je vais essayer pour mon site car je me posais aussi la question.


Je cite : "Il faut utiliser les CSS.
J'ai pris l'exemple d'une image qui fait 280 par 98 px
Le CSS donne ses caractéristiques :
left: 50% <-- Divise l'écran en 2 de droite à gauche
top: 50% <-- Divise l'écran en 2 de haut en bas
width: 280px <-- Taille de l'image en longueur
height: 98px <-- Taille de l'image en hauteur
margin-left: -140px <-- Longueur de l'image divisée par 2
margin-top: -50px <-- Hauteur de l'image divisée par 2
Y'a plus qu'à mettre ton image, les tailles qui vont bien et voilà

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.titi {
position:absolute;
left: 50%;
top: 50%;
width: 280px;
height: 98px;
margin-left: -140px;
margin-top: -50px;
border: 0px;
}
.stylerouge {color: #FF0000}
-->
</style>
</head>
<body>
<span class="stylerouge">Bonjour la terre</span><br><!-- Ici on écrit au début de la page sans div -->
<div class="titi" style="z-index:0" id="fond"><img src="image/monimage.jpg"></div><!-- Ici l'image centrée (monimage.jpg dans le répertoire image -->
Rebonjour la terre<br><!-- Ici on réécrit au début de la page sans div -->
<div class="titi" style="z-index:1; font-weight: bold; color: #FF0000;" id="test">Bonjour le monde</div><!-- Ici un texte -->
<!-- que l'on veut mettre sur le div de l'image. Pour qu'il apparaisse au dessus du reste, j'ai mis le z-index: en mettant un nombre supérieur à l'image du dessous -->
</body>
</html>
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde