Marge
Chlo38
-
patricia@84 Messages postés 106 Date d'inscription Statut Membre Dernière intervention -
patricia@84 Messages postés 106 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai pour projet de créer un site informatique, je souhaiterais mettre une photo qui prenne 100% de mon écran en largeur et très peu en hauteur (ma photo est dimensionnée pour) et que mon texte sous la photo ait une marge de chaque coté d'environ 150px, comment dois je faire ? je n'y arrive pas
Peut être avec ma feuille de style ?
Merci pour votre aide
j'ai pour projet de créer un site informatique, je souhaiterais mettre une photo qui prenne 100% de mon écran en largeur et très peu en hauteur (ma photo est dimensionnée pour) et que mon texte sous la photo ait une marge de chaque coté d'environ 150px, comment dois je faire ? je n'y arrive pas
Peut être avec ma feuille de style ?
Merci pour votre aide
2 réponses
Bonjour !
Pour commencer : si tu veux mettre en forme une page web, tu dois passer par la feuille de style. Tu le sais sûrement mais ça fait jamais de mal de le rappeler :)
Ensuite : dans ta feuille de style, tu n'as qu'à appliquer à l'image un width de 100% et un height de je-ne-sais-pas-combien-de-pixels, puis ensuite applique au texte tes marges avec un simple margin: 150px; et ce sera réglé !
Pour commencer : si tu veux mettre en forme une page web, tu dois passer par la feuille de style. Tu le sais sûrement mais ça fait jamais de mal de le rappeler :)
Ensuite : dans ta feuille de style, tu n'as qu'à appliquer à l'image un width de 100% et un height de je-ne-sais-pas-combien-de-pixels, puis ensuite applique au texte tes marges avec un simple margin: 150px; et ce sera réglé !
Bonjour,
Tout d'abord, deux questions :
1 - quelle version de html utilisez-vous ?
2 - votre image est-elle un bandeau de site ou à une image de fond pour votre site ?
Tout d'abord, deux questions :
1 - quelle version de html utilisez-vous ?
2 - votre image est-elle un bandeau de site ou à une image de fond pour votre site ?
Il s'agit d'un quizz avec "function" dans les balises <script>,
le formulaire dans les balises <form>
Je vous montre le début de ma page
</script>
<img class="img" src="imgquizz1.jpg" width="100%" title="Bactéries">
</head>
<a name="Haut de page"> </a>
<body>
<h1 align="center"> Quizz </h1>
<hr>
<p> Ceci est un test portant sur le contenu de ce site. À la fin du questionnaire
vous pour pourrez valider vos réponses en cliquant sur le bouton "résultat" afin de connaître votre score.
<hr>
<form name="quizz">
<p>
<ol> <li> À quoi correspondent ces initiales ? </li><br>
<ul><li> <i> ADN </i> </li>
<br>
<INPUT TYPE=RADIO name=ADN VALUE="1">
<b>A</b>cide <b>D</b>ésoxyribo<b>N</b>ucléique <br>
<INPUT TYPE=RADIO NAME=ADN VALUE="2">
<b>A</b>cide <b>D</b>imé<b>N</b>aphtalene <br>
<INPUT TYPE=RADIO NAME=ADN VALUE="3">
<b>A</b><b>D</b>é<b>N</b>ine<br>
<INPUT TYPE=RADIO NAME=ADN VALUE="4">
<b>A</b>mine <b>D</b>igital <b>N</b>etwork <br>
le formulaire dans les balises <form>
Je vous montre le début de ma page
</script>
<img class="img" src="imgquizz1.jpg" width="100%" title="Bactéries">
</head>
<a name="Haut de page"> </a>
<body>
<h1 align="center"> Quizz </h1>
<hr>
<p> Ceci est un test portant sur le contenu de ce site. À la fin du questionnaire
vous pour pourrez valider vos réponses en cliquant sur le bouton "résultat" afin de connaître votre score.
<hr>
<form name="quizz">
<p>
<ol> <li> À quoi correspondent ces initiales ? </li><br>
<ul><li> <i> ADN </i> </li>
<br>
<INPUT TYPE=RADIO name=ADN VALUE="1">
<b>A</b>cide <b>D</b>ésoxyribo<b>N</b>ucléique <br>
<INPUT TYPE=RADIO NAME=ADN VALUE="2">
<b>A</b>cide <b>D</b>imé<b>N</b>aphtalene <br>
<INPUT TYPE=RADIO NAME=ADN VALUE="3">
<b>A</b><b>D</b>é<b>N</b>ine<br>
<INPUT TYPE=RADIO NAME=ADN VALUE="4">
<b>A</b>mine <b>D</b>igital <b>N</b>etwork <br>
Tout d'abord, je vous conseille de mettre vos css dans un fichier externe que vous "appellerez" en mettant un lien entre les balises <head> et </head>
Ensuite, il en manque dans le haut de votre page. Dans ce que vous m'indiquez, vous fermer le <head>, mais vous ne l'avez pas ouvert...
Une page html de site Internet commence toujours par indiquer que vous travaillez en html .
puis
et les autres meta (titre de la page, description, mots clés, etc)
Vous y mettez aussi votre lien d'appel de votre page css :
Ensuite, il en manque dans le haut de votre page. Dans ce que vous m'indiquez, vous fermer le <head>, mais vous ne l'avez pas ouvert...
Une page html de site Internet commence toujours par indiquer que vous travaillez en html .
<!DOCTYPE html (la suite de cette ligne varie selon la version du html que vous utilisez)
puis
<html>
<head>
<meta charset= (là, c'est l'encodage que vous utilisez : iso ou utf)
et les autres meta (titre de la page, description, mots clés, etc)
Vous y mettez aussi votre lien d'appel de votre page css :
<link href="le_nom_de_votre_fichier.css" rel="stylesheet">
Je n'ai pas copié collé tout ce que j'ai sur ma page pour pas que vous ayez un pavé à lire, j'ai fermé tout ce que j'ai ouvert, j'ai montré à partir de </scrip> et </head> pour vous montrer que ma function se trouve au dessus de ce que je vous ai écrit.
Ma feuille de style est bien sur un fichier externe que j'appelle dans les balises <head>
Ma feuille de style est bien sur un fichier externe que j'appelle dans les balises <head>
- J'ai essayé de mettre dans "body { .........}" margin: 150px, ça marche mais ça met également des marges pour mon image
- J'ai essayé de mettre <body class="marge"> avec
".marge { margin-left: 150px;
margin-right: 150px;}
dans ma feuille de style et il a y a toujours des marges pour la photo
- J'ai mis dans "body { margin : 150px; }" et dans ".img { margin-left: -150px; margin-right: -150px; } " ça marche mais seulement pour la marge gauche de l'image, a droite j'ai toujours une marge, par contre ça marche bien pour mon texte avec une marge de 150px