Emplacement des frames en html
dj-postka
Messages postés
2409
Statut
Membre
-
resetworld -
resetworld -
Bonjour, voila j'ai céer 2 frame une de 800 X 200 et l'autre de 200 X 999, la premier pour mettre en haut et l'autre sur la gauche mais le pb c'est que je n'arive pas a les placer comme je les veut merci de m'aider svp
voici mon code html:
<html>
<head>
<title>test</title>
<body>
<center><img src="C:\Documents and Settings\Serveur\Mes documents\site web\frame 1.jpg"></center>
<img src="C:\Documents and Settings\Serveur\Mes documents\site web\frame 2.jpg">
</body>
</head>
</html>
--
les psy-kos: dj postka, psykos, la criz, stela...
voici mon code html:
<html>
<head>
<title>test</title>
<body>
<center><img src="C:\Documents and Settings\Serveur\Mes documents\site web\frame 1.jpg"></center>
<img src="C:\Documents and Settings\Serveur\Mes documents\site web\frame 2.jpg">
</body>
</head>
</html>
--
les psy-kos: dj postka, psykos, la criz, stela...
Configuration: Windows XP Internet Explorer 6.0
1 réponse
-
Hé ce ne sont pas es frames! on parles d'images, les frame en html ce sont plusieurs pages contenus dans une autre(cadre en français).
Pour en revenir au problème:
Par défaut le éléments sont placés de gauche à droite sur une page, donc pour avoir une image à gauche et une à droite logiquement:
<img src="image1.jpg" /><img src="image2.jpg" />
S'il y a la place elle s'affichent de droite à gauche, sinon la deuxième image va se placer en dessous.
Pour éviter cela on peutmettre les images dans une table:<table> <tr> <!--- cellule de gauche width="200" indique 200px de largeur mais on peut utiliser des valeurs en pourcentages(width="15%") cela évite les problémes d'affichage différentselon la résolution utilisée ---> <td width="200" > <img src="imagegauche.jpg" /> </td> <!-- cellule du centre, aucune largeur n'est indiqué donc elle prend la place qui reste(tout l'espace -200 agauche et -200 à droite ---> <td > <img src="imagecentre.jpg" /> </td> <!-- cellule de droite on indique 200px de largeur pour centrer la précédente --> <td width="200"> </td> </tr> </table>
On peut aussi utiliser d'autres méthodes qu'avec le html ou utiliser le CSS via les positionnement(qui est sans doute le mieux mais il faut connaître le CSS).
