Petit conseil CSS SVP
Petit conseil CSS SVP - HTML/CSS - Programmation
Marsh Posté le 11-07-2008 à 14:40:33
Code :
|
Si j'ai compris ce que tu voulais faire !
Message édité par David Boring le 11-07-2008 à 14:41:21
Marsh Posté le 11-07-2008 à 16:24:02
Code :
|
dans ce cas. Les blocs se mettront à la suite l'un de l'autre
Marsh Posté le 11-07-2008 à 16:34:17
on avance,cela s'aligne, merci.
Maintenant j'aimerais que mon contenu, malgré l'alignement, reste centré.
Marsh Posté le 11-07-2008 à 16:37:33
tu veux que l'ensemble des petit div soient centrés ou le contenu de chaque div doit être centré ?
---------------
Martin
Marsh Posté le 11-07-2008 à 16:47:57
dans ce cas, tu englobes tous des "petits div" dans un "grand div" comme ça :
Code :
|
ça devrait suffire, par contre, ça ne marche pas si tu as par exemple un grand div qui fait 300px et deux petits qui font 120px, il y aura un décalage à droite de 60px.
A ma connaissance, il n'y a pas moyen de centrer une série de flotants si la taille varie, puisque par définition un flotant se place d'un côté ou de l'autre. Sinon, il faut redimensionner le grand div dynamiquement, et ça implique une couche de javascript du genre pas terrible.
Message édité par Martius le 11-07-2008 à 16:51:01
---------------
Martin
Marsh Posté le 11-07-2008 à 16:52:37
cela ne fontionne pas, voici le code:
///le contenant///
#cadre{
text-align:center;
margin:20px;
margin-left : auto;
margin-right : auto;
}
///les mini cadres//
.contenu{
float:left;
text-align:center;
margin-left : auto;
margin-right : auto;
background-image : url("../images/cadre.png" );
background-repeat : no-repeat;
width : 273px;
height : 78px;
font-family:Script MT Bold;
}
Message édité par Profil supprimé le 11-07-2008 à 16:58:12
Marsh Posté le 11-07-2008 à 16:55:10
j'ai corrigé mon message.
Message édité par Profil supprimé le 11-07-2008 à 16:56:14
Marsh Posté le 11-07-2008 à 17:23:58
il faut préciser la largeur du #cadre pour que ça marche, c'est obligatoire.
par ailleurs, il faudra probablement ajouter un conteneur vide qui rétablirait l'ordre normal
<div id="cadre">
...
<div style="clear: left;"></div>
</div>
---------------
Martin
Marsh Posté le 12-07-2008 à 11:06:03
Code :
|
---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Marsh Posté le 12-07-2008 à 19:45:21
Merci pour ces infos précieuses, l'idée de Martius fonctionne, merci miIRROR.
Merci à tous pour votre aide chaleureuse.
Sujets relatifs:
- Probleme Mise en page HTML et CSS
- Conseil creation bdd
- [CSS] 100% - 100px
- [CSS] Marge correcte seulement sur IE
- Problème d'image background en CSS sortie d'Adobe...
- Popup CSS, avec désactivation de la page courante
- imbrication de balise CSS
- Formattage du texte en CSS avec white-space
- Un petit batch avec boucle / Call / parametre et condition
- Perte d'interactivité sur un bouton en lui appliquant une classe CSS
Marsh Posté le 11-07-2008 à 14:29:08
Bonjour,
J'ai crée des div nommés "cadre" qui ont des tailles spécifiés.
Ces div sont eux même contenu dans un div nommé "contenu".
1.Malgres que le div contenu spécifie texte-align:center; des div cadres se mettent tous a gauche.
2.Ce que je souhaite, c'est que ces div "cadre" s'alignent d'eux même toute la taille du div "contenu" puis passent a la ligne eux meme.
Le problème c'est qu'avec le inline, ils ne gardent pas la taille spécifiée et deviennent rikiki (cad: de la taille du texte).
Merci à vous.
Message édité par Profil supprimé le 11-07-2008 à 14:29:42