Alignement d'Iframes

Résolu/Fermé
Lapourax Messages postés 3006 Date d'inscription vendredi 15 mars 2013 Statut Contributeur Dernière intervention 17 février 2023 - 24 avril 2014 à 15:09
Lapourax Messages postés 3006 Date d'inscription vendredi 15 mars 2013 Statut Contributeur Dernière intervention 17 février 2023 - 27 avril 2014 à 23:41
Salut ccm =)

Aujourd'hui j'ai une petite question d'HTML
Je suis en train de faire une page en html contenant plusieurs frames.

Jusque l'a on m'avait conseillé d'utiliser <frameset> qui permet très simplement de faire des alignements de frames mais c'est plus supporté sur HTML 5.
J'ai donc trouvé les <iframes> mais je n'arrive pas à faire des alignements de frames plus complexes...

Mon but est de faire un truc qui ressemble à ça (juste pour l'organisation)
http://hpics.li/7511fe6

J'arrive à rien avec la gestion des tailles et je voudrais éviter de faire un tableau...

Merci d'avance =)

6 réponses

titus49 Messages postés 48 Date d'inscription lundi 31 mars 2014 Statut Membre Dernière intervention 26 avril 2014
24 avril 2014 à 15:15
Bonjour

Les frames sont un peu dépasser

pourquoi ne pas le faire avec le css en jouant avec le positionnement.
0
Lapourax Messages postés 3006 Date d'inscription vendredi 15 mars 2013 Statut Contributeur Dernière intervention 17 février 2023 334
24 avril 2014 à 15:21
A la base c'est un exo de cours d'html...
Le prof voulait qu'on fasse avec Frameset mais je cherche autre chose par curiosité =P
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
24 avril 2014 à 15:31
frameset ? il faudra dire a ton prof que frameset est totalement dépassé et obsolète et nuit au référencement !
0
titus49 Messages postés 48 Date d'inscription lundi 31 mars 2014 Statut Membre Dernière intervention 26 avril 2014
24 avril 2014 à 15:36
Oui apprendre l'obsolète sert à rien dit a ton prof de se mettre à jour.
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
24 avril 2014 à 15:18
Salut

ce genre de chose se fait avec du css et surtout pas avec des tableaux (table) et encore moins avec des iframes

voici deja une base pour apprendre
http://css.mammouthland.net/mise-en-page-sans-tableau.php
0
Utilisateur anonyme
24 avril 2014 à 22:11
Bonsoir Lapourax

Tu devrais utiliser le
<header>A<header>
<aside>B</aside>
<article>
<section>C</section>
<section>D</section>
</article>
Tout dépend ce que tu veux faire.

@ te lire
0
Lapourax Messages postés 3006 Date d'inscription vendredi 15 mars 2013 Statut Contributeur Dernière intervention 17 février 2023 334
25 avril 2014 à 01:34
En fait je crois que le but est de nous montrer comment les choses évoluent...
Je sais pas trop c'est pas un prof excellent en fait -_-

Alyzées je suis pas sur mon PC je teste ça demain et je te dis =)
0

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

Posez votre question
Utilisateur anonyme
26 avril 2014 à 16:32
Boujour Pourax,

Test aussi ceci si tu veux !
@ te lire ^^.
<title>test_html</title>
</head>
<body>
<style type="text/css">
h1{
background-color:#7b7b7b;
Width:100%;
Height:290px;
margin : 0 ;
padding:0;
text-align:center; }
.navigation{
background-color: #006600;
Width:278px;
Height:926px;
margin: 0;
padding:0;
text-align:center; }
.section{
position: absolute;
top: 12em;
right: 0%;
width: 77%;
height:490px;
background-color: orange;
float:right;
text-align:center; }

.pano_d {
position: absolute;
top: 32em;
right: 0%;
width: 77%;
height:452px;
background-color: purple;
text-align:center; }
</style>
<header>
<h1 class="entete" style="color:yellow;">L'entête de la page A</h1>
</header>
<aside>
<h2 class="navigation" style="color: pink;">menu navigation B</h2>
</aside>
<section>
<h2 class="section" style="color:purple" >Titre de l'article C</h2>
</section>
<section>
<h1 class="pano_d" style="color:red">Paragraphe D</h1>
</section>

cordialement,
Alyzées.
0
Lapourax Messages postés 3006 Date d'inscription vendredi 15 mars 2013 Statut Contributeur Dernière intervention 17 février 2023 334
27 avril 2014 à 23:41
Salut =)

Désolé j'ai été un pu retenu...
Ta première solution donne des resultats pas mal je vais tenter la seconde ! =D

Sinon c'est résolu ;-)
0