Titre: problème de Float
Posté par: Tanns le le 31-10-2006 a 16:53:18
Bonjour.
J'ai un problème: je voudrais créer des pages avec des paragraphes et des images.
La Mise en page classique, l'image en face du paragraphe, le paragraphe englobant l'image, sans empiéter dessus mais en épousant la forme de l'image.
Le problème est que je n'arrive pas à l'appliquer.
Sinon au lieu d'intégrer des images jpeg, peut-on intégrer un cadre Flash, pour avoir des images défilantes?
Au début j'avais une fonction javascript pour faire défiler des images aléatoirement, en intégrant une balise Div là ou l'on veut dans la page. Mais j'ai encore + de mal avec la balise qu'avec l'insertion d'une simple image :'(
Help me! |
Titre: Re:problème de Float
Posté par: TinMar le le 01-11-2006 a 21:09:35
tu peux le faire avec n'importe quel cadre. Je t'ai mis un exemple.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test cadre avec barre de défilement</title>
<style type="text/css">
<!--
body { background-color:#80A8BB;
font-family:Arial,sans-serif;}
.cadre{border:2px inset #000;
background-color:#ffffff;
width:150px;
height:150px;
float: left;
margin: 10px}
-->
</style>
</head>
<body>
<h1>test d'une zone de texte qui epouse un cadre</h1>
<div class="cadre">
<h2>cadre image</h2>
</div>
<p>texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
texte, c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte c'est un texte
</p>
</body>
</html>
|
|
|
Titre: Re:problème de Float
Posté par: Tanns le le 03-11-2006 a 10:35:25
Ouais en fait mon problème (après autocritique), c'est que le site que je fais n'a pas de paragraphes vraiment structurés. Il y a beaucoup d'énumérations, donc retours à la ligne avec <br></br>
Ce qui fait que quand j'applique une image avec float:right à un paragraphe, l'image vient se placer en face d'une ligne, mais du coup il y a un grand espace vide sur toute la hauteur de l'image, puis la suite du texte continue normalement après l'image.
Donc, question: ne faut-il pas que je mette plutot des tableaux pour ce cas de figure? comme ca je mettrais mon texte dans une colonne de gauche et le visuel dans la colonne de Droite, au risque de ne pas pouvoir appliquer mon idée du texte qui épouse les contours du visuel .... :'(
|
Titre: Re:problème de Float
Posté par: TinMar le le 04-11-2006 a 07:44:35
Comme tu veux mais je pense qu'avant de penser au tableau il faut que tu pense à faire une mise en page avec des paragraphes propres.
Si tu as un exemple pour qu'on regarde tu peux envoyer un lien, ca sera plus simple pour nous !
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|