XML: COMMENT INSERER IMAGES HORIZONTALEMENT?
Fermé
Marie
-
29 mai 2010 à 16:26
faboons Messages postés 267 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 12 avril 2022 - 30 mai 2010 à 01:19
faboons Messages postés 267 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 12 avril 2022 - 30 mai 2010 à 01:19
A voir également:
- XML: COMMENT INSERER IMAGES HORIZONTALEMENT?
- Insérer liste déroulante excel - Guide
- Insérer signature word - Guide
- Lecteur xml - Télécharger - Édition & Programmation
- Insérer sommaire word - Guide
- Insérer image dans pdf ✓ - Forum Graphisme
1 réponse
faboons
Messages postés
267
Date d'inscription
mardi 12 février 2008
Statut
Membre
Dernière intervention
12 avril 2022
50
30 mai 2010 à 00:40
30 mai 2010 à 00:40
Créer un fichier css que tu appelles img_hrz.css avec ces lignes dedans :
Tu peux l'importer dans ton xml comme ça si tu le places à la racine de ton site :
Il faut mettre cette balise de préférence juste après ta première ligne qui déclare ton fichier xml.
Ensuite tu écris :
ça devrait marcher sans rien de plus.
@ pluche.
Fab.
ul#hrz
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#hrz li
{
float: left ;
text-align:center;
margin-left: 10px;
}
Tu peux l'importer dans ton xml comme ça si tu le places à la racine de ton site :
<?xml-stylesheet href="img_hrz.css" type="text/css"?>
Il faut mettre cette balise de préférence juste après ta première ligne qui déclare ton fichier xml.
Ensuite tu écris :
<ul id="hrz"> <li><img alt="1" src="img/d1.jpg"/></li> <li> <img alt="2" src="img/d2.jpg"/></li>.... </ul>
ça devrait marcher sans rien de plus.
@ pluche.
Fab.
Modifié par briiiiix le 30/05/2010 à 01:16
Il faut spécifier la largeur de chaque element, je m'explique.
Si ton <li> a une largeur de 50px par exemple, le <ul> doit avoir la largeur de 500px + 50 pour les marges afin de retourner à ma ligne toutes les 5 images.
Le code devient:
#hrz
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
width:550px;
}
#hrz li
{
float: left ;
text-align:center;
width:50px;
margin-left: 10px;
}
Voila
30 mai 2010 à 01:19