Alignement d'Iframes

Résolu
Lapourax Messages postés 3014 Date d'inscription   Statut Contributeur Dernière intervention   -  
Lapourax Messages postés 3014 Date d'inscription   Statut Contributeur Dernière intervention   -
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   Statut Membre Dernière intervention  
 
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 3014 Date d'inscription   Statut Contributeur Dernière intervention   334
 
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   Statut Membre Dernière intervention   738
 
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   Statut Membre Dernière intervention  
 
Oui apprendre l'obsolète sert à rien dit a ton prof de se mettre à jour.
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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
 
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 3014 Date d'inscription   Statut Contributeur Dernière intervention   334
 
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
 
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 3014 Date d'inscription   Statut Contributeur Dernière intervention   334
 
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