Sujet Précédent Sujet Suivant

Les boites de texte avec CSS

cs_RoMz34 Messages postés 4 Date d'inscription mercredi 12 janvier 2011 Statut Membre Dernière intervention 2 octobre 2011 - 28 sept. 2011 à 19:43
@karamel Messages postés 1840 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 23 novembre 2023 - 29 sept. 2011 à 17:33
Bonjour,

Il y à quelques jours, je me suis lancer dans le design d'un site web, et maintenant, j'aimerais le coder ;). J'ai donc suivit quelques tutos (je connaissait déjà les base du HTML /CSS).

Je rencontre néanmoins un problème, malgré les tutos, je ne comprend pas comment "intégré" un code CSS proprement à un HTML.

En effet, je chercher à faire une "boite", dans lequel je mettrais un texte, avec une dimension particulière et qui se place bien sur ma page.

Voici mon code html : 
<html>


<head>
<title> Le site officiel des agros de Joffre ! </title>

</head>



<link rel="stylesheet" type="text/css" href="CSS/style.css" media=all />
Ma première feuille  de style 


 Et voila ma boite 


</hr>





</html>


et mon CSS : 



body {
background-color:#000000;  
background-image: url("images/Agroa.png");  // image de fond
background-repeat: no-repeat;
background-attachment: scroll;
background-position:50% 0%;
height:1678px;
overflow: auto;
}

.box {
margin-top: 100px;       // la boite voulu (pour test) mais qui ne s'affiche pas ... 
margin-right: 40px;
margin-bottom: 10px;
margin-left: 70px;
                background-color: orange;

}



Si quelqu'un pouvait m'aiguiller :) merci.

3 réponses

Réponse 1 / 3
@karamel Messages postés 1840 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 23 novembre 2023 148
28 sept. 2011 à 22:10
dans la partie html le point devant box sert a rien 

 Et voila ma boite


devient 
 Et voila ma boite
0
Réponse 2 / 3
cs_RoMz34 Messages postés 4 Date d'inscription mercredi 12 janvier 2011 Statut Membre Dernière intervention 2 octobre 2011
28 sept. 2011 à 22:13
En effet, ça marche beaucoup mieux :).

Je rencontre quelques petit problème avec le fond ...

Est-il possible de fixer un "cadre" qui délimite le fond de mon site, et qui ne pourra pas s'agrandir ? Car actuellement, pour peu que j'ajoute une boite, ou que je mette un peu de texte, et je peu scroll 200 mètre en dessous de mon "cadre" qui fait office de fond. :(
0
Réponse 3 / 3
@karamel Messages postés 1840 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 23 novembre 2023 148
29 sept. 2011 à 17:33
pas tres bien compris mais pour fixer un element il faut le mettre en position fixed

on peut aussi fixer le fond de la page avec background-attachment : fixed;
0

Discussions similaires

exemple de page d'accueil avec la balise div et css
belkaiednaim -
belkaiednaim -

5 réponses
coder un Tchat comme roulettechat.fr/chat/texte.php
samote152 -
samote152 -

2 réponses
Texte aléatoire
sebchr -
rene38 -

5 réponses
Zone de texte dans un canvas
_Moise_ -
_Moise_ -

4 réponses
CSS MAP et AREA
gabs77 -
gabs77 -

9 réponses
Rejoignez-nous