notepad++

notepad++ - HTML/CSS - Programmation

Marsh Posté le 03-03-2017 à 18:38:13    

bonsoir, j'essaye de crée un page html . J'ai décidée de mettre en place 3 cadre mais lorsque je défini une image qui apparaîtrer au fond de chaque cadre . Le programme répéte mon image et pour chaque cadre la photo est identique . Alors que moi je veux que mon image soit unique pour toute les cadres.  
VOoici mon programme html :
<!DOCTYPE html>
<html>
<head>                
 <!-- site de S.Jaumotte -->
 <title> ISN </title>
 <meta charset = "utf-8">
 <link rel ="stylesheet" href="feuille_style.css" />
 
</head>
 
<body>
 
 
 <h1> Pâtisserie  </h1>
 <h2> Titre 2 </h2>
 <h3> Titre 3 </h3>
 <h4> Titre 7 </h4>
</body>
 </noframes>
 
 
<FRAMESET ROWS="200,*">
  <FRAME SRC="test_1.html"> Première ligne
  <FRAMESET COLS="500,*">
  <FRAME SRC="test_2.html">
  <FRAME SRC="test_3.html">
  </FRAMESET> Seconde ligne
</FRAMESET>  
</html>
 
 
Et mon css:
 
body
{background-image: url("images/image_3.jpg" );
 background-repeat : no-repeat ;  
    background: white url("images/image_3.jpg" );
    background-attachment: fixed;
    background-repeat: no-repeat;
*/
}
 
h1  
{
 color: #797979 ; /* color rgb*/
 font-style: italic;
 font-family: "nobel_bookregular";
 font-size : 200%;
 text-align: center;
 background: white;
 
}
 
a
{
 color: black ;  
}
 
div
{
 color: white;
 font-style: italic;
 font-family: "nobel_bookregular";
 font-size : 200%;
 text-align: center;
 
}
 
.
 
Sachant que j'ai 3 html de plus pour chaque cadre.
 
pourriez vous m'aidez s'ils vous plait :)

Reply

Marsh Posté le 03-03-2017 à 18:38:13   

Reply

Marsh Posté le 03-03-2017 à 18:52:57    

Pour tourner court à la question je pense qu'il faut commencer par lire la première ligne de la page qui est :
 

Code :
  1. <!DOCTYPE html>


 
Ceci indique que le document écrit est en HTML 5.0 et le système de "frame" n'est plus supportée en HTML 5.0. Mais par-dessus ça, c'est limite interdit depuis les années 2000.
Si je dis ça, c'est que de toute façon il faudra penser la construction de la page différemment, ce qui va changer le problème.
 
J'ai osé faire références aux frames HTML l'autre jour dans un autre sujet mais c'était pour déconner. :(  
 
 
Sinon, à revoir :
- le titre du sujet qui n'a pas grand chose à voir avec le problème
- la présentation du code, des balises sont là pour le mettre en forme
 
Visiblement vous êtes novice, le tutoriel ou le cours que vous avez eu est complètement obsolète, je vous conseille d'en changer même si ce dernier paraissait plus abordable.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 03-03-2017 à 19:28:10    

Hello,
Je partage totalement l'avis ci-dessus, l'usage des frames est considérablement déconseillé depuis plus de 15 ans. Donc facile d'imaginer ce que ça inspire aujourd'hui.

 

A la place la solution classique est de faire une mise en page avec des <div>. Plus anciennement en tableau (déconseillé aussi).
Le HTML 5 a également introduit de nouvelles balises (header, footer, nav...) mais leur usage n'est pas "obligatoire".
Les div restent donc une bonne approche quand on débute, de toute façon c'est une notion fondamentale en web design.


Message édité par TotalRecall le 03-03-2017 à 19:31:06

---------------
Réalisation amplis classe D / T      Topic .Net - C# @ Prog
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed