Alignement d'Iframes
Résolu
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 =)
--
La vie est un mystère qu'il faut vivre, et non un problème à résoudre. (Gandhi)
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 =)
--
La vie est un mystère qu'il faut vivre, et non un problème à résoudre. (Gandhi)
6 réponses
-
Bonjour
Les frames sont un peu dépasser
pourquoi ne pas le faire avec le css en jouant avec le positionnement.
-
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
-
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 -
ContributeurEn 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 =)
-
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. -
ContributeurSalut =)
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 ;-)
