Centrer deux images l'une à côté de l'autre
Centrer deux images l'une à côté de l'autre - HTML/CSS - Programmation
Sujets relatifs:
- Forcer le "limit" d'un form coté client
- Centrer une image par rapport à un texte
- [HTML/CSS/Javascript] Nombreuses Images avec mignature
- Décompte d'un montant avec mise a jour coté server
- Rectification images stereoscopique
- carrousel d'images avec vignettes qui défilent automatiquement
- Background sur le "coté"
- Images liées à un javascript ne s'affichent pas online
- Comment créer une page web qui affiche tout les images d'un fichier ?
- Signature email avec image à coté du texte?
Marsh Posté le 09-08-2013 à 22:36:02
Bonjour,
J'ai un petit souci.
J'ai une page blanche en html que j'aimerai séparer en deux (invisible pour le visiteur) avec une image centré de chaque côté.
Sous celle de gauche il faudrait que je puisse mettre du texte qui soit centré par rapport à l'image au dessus de lui.
Je sais pas si je me suis fait comprendre ^^
Mais je cherche et rien y fait
Avez vous une solution ??
Voici le lien :
http://www.boutique-dauphins-obernai.com/index2.html
Voici mon code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Choix de la boutique</title>
</head>
<body style="text-align:center;padding-top:10%">
<h1 style="font-family:'Nunito',sans-serif;color:#5686CD;">Choisissez votre boutique</h1><br/>
<div style="position:absolute;margin-left:auto;margin-right:auto;">
<div style="display:inline;position:absolute;top:0px;left:0px;">
<a href="http://www.boutique-dauphins-obernai.com"><img src="DOlogo.jpg" alt = "Boutique Dauphins Obernai"/></a>
</div>
<div style="display:inline-block;width:397px;text-align:center;position:absolute;top:0px;left:398px;">
<a href="http://www.nataquashop.com/"><img src="nataquashoplogo.png" alt = "Nataquashop"/></a><br/>
Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text
Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text Mon très long text
</div>
</div>
</body>
</html>
en fait il faudrait juste que ce que vous voyez soit centré à l'horizontale ^^
Merci
Message édité par malik67 le 09-08-2013 à 22:40:40
---------------
Feedback