Rechercher : dans
Par :

Insérer photo dans une page html

Dernière réponse le 24 déc 2007 à 16:44:11 stiopka, le 23 déc 2007 à 17:59:54 
 Signaler ce message aux modérateurs

Bonjour,
Qui pourrait me dire comment insérer une photo dans un texte sur une page html, à gauche ou à droite du texte, mais sans laisser de vide à côté de la photo, sans utiliser de tableau?

Merdi et joueuses fêtes à tous.

Configuration: Windows XP
Firefox 2.0.0.11

Meilleures réponses pour « insérer photo dans une page html » dans :
On peut cacher le code source d'une page HTML VoirMythe: On peut cacher le code source d'une page HTML. Réalité: FAUX. Explications: Pour pouvoir afficher une page web (HTML), le navigateur doit - à un moment où un autre - avoir le code HTML en clair. Il y a donc toujours moyen de le...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...

1

Ohm-WorK, le 24 déc 2007 à 11:04:15

Salut,

Sans utiliser de tableau, je ne vois pas de solution ...

a++
La vie est une maladie mortelle, sexuellement transmissible (Woody Allen)

Répondre à Ohm-WorK

2

 bg62, le 24 déc 2007 à 16:44:11

Tout peut se faire à partir de la css ....

voici quelques exemples ajoutés à la CSS pour les images :
.photoadroite {
border : 5px solid #b0b0b0;
float : right;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
.photoencadre {
border : 3px dashed #b0b0b0;
margin : 5px 15px 6px;
padding : 5px;
}
.photoplus {
border : 5px solid #b0b0b0;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
.photoagauche {
border : 5px solid #b0b0b0;
float : left;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
.photo {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

dernier : div#photoflot p
{
margin:0;
padding:0;
text-align:justify;
}
div#photoflot img
{
float:left;
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}
hr
{
clear:left;
}
à placer ainsi :
<div id="photoflot">
<img src="ressources/image_gauche.jpg" alt="et hop, une image à gauche !" width="240" height="180" />
<p>Fusce sem turpis, mollis ut, commodo quis, aliquet eget, ipsum. Ut nonummy libero vitae neque. Quisque lacus. Nullam lobortis. Cras quam. Nulla vitae ante nec eros mollis luctus. Vivamus velit. Morbi interdum euismod sapien. Duis mi est, facilisis vitae, </p>
</div>

par exemple:
<img class="photoagauche"src="images/vision9.jpg" height="68" width="125" alt="Referencer son site" title="Referencer son site" />
Ce code insère une image mise dans le dossier image, sans description et l'ajout de la CSS va pemettre de la positionner, (ici à gauche avec un encadrement gris) et de lui donner les attributs "alt" et "title" ...

etc .... tout est paramétrable
un exemple en ligne : http://unesourisetmoi.free.fr/telechargements-3.php
@mitiés
b g

le 'www' est fait aussi pour communiquer, partager et échanger, non ?

Répondre à bg62