Posez votre question Signaler

Placement d'image via CSS ou Tableau? [Résolu]

Micka - Dernière réponse le 15 août 2008 à 16:03
Bonjour,
voilà, je doit faire un bandeau contenant 5 images de différentes tailles.
Je pourrai passer par un tableau pour mettre en forme mais je préfère éviter l'utilisation de tableau pour ce genre de choses.
Mon bandeau se présenterai vulgairement comme ceci:
http://img388.imageshack.us/img388/5309/bandeauvs2.jpg
Donc: savez-vous comment faire en css?
Sachant que mon body est de 830px en margin auto. Je ne peux donc pas vraiment utiliser "position: absolute" (dites-le moi si je me trompe).
Je vous demande donc votre aide. Car au pire, j'utiliserai un tableau.
Merci de vos réponses.
Lire la suite 

Placement d'image via CSS ou Tableau »

9 réponses
Réponse
+2
moins plus
pijaku 4448Messages postés 15 mai 2008Date d'inscription 31 mai 2012Dernière intervention 14 août 2008 à 13:35
Re-salut,
Tu as plusieurs possibilités :
tu peux mettre une image dans une div et toutes les positionner en relative.
ou alors faire un truc comme ça (je l'ai "bricolé" vite fait alors pardon aux puristes...) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
<head>
<title>toto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
div#conteneur
{
width: 830px;
}
div#haut1
{
width: 230px ;
height: 119px ;
float: left;
background-image : url("1.jpg")
}
</style>
</head>

</head>
<body>
<div id="conteneur">
<div id="haut1">
</div>
<div id="haut2">
<img src="2.jpg">
</div>
<div id="haut3">
<a href="une_page.html"><img src="3.jpg"></a>
<img src="4.jpg">
<a href="une_page.html"><img src="5.jpg"></a>
</div>
</div>
</body>
</html>
essaye et tiens nous au courant....

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+1
moins plus
Micka8405- 15 août 2008 à 16:03
C'est aussi une idée, je te remercie.
Ajouter un commentaire
Réponse
+0
moins plus
ScroudaF 123Messages postés 28 décembre 2007Date d'inscription 11 octobre 2011Dernière intervention 14 août 2008 à 12:14
Tableau c'est trop crade, à bannir, tu devrais avoir honte d'y avoir pensé! :-D

Va falloir "t'amuser" avec le css, si les 5 images se suivent (horizontalement) met les en "relative"

Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
pijaku 4448Messages postés 15 mai 2008Date d'inscription 31 mai 2012Dernière intervention 14 août 2008 à 12:34
Salut,
Qu'elles sont les tailles exactes de tes images? Ton bandeau doit-il faire 830px?

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
Micka 14 août 2008 à 13:01
Mes images font: (largeur x Longueur)
1: 230 x 119
2: 454 x 73
3: 20 x 14
4: 417 x 41
5: 20 x 14

Pour la disposition, il faut voir l'image que j'ai posté lors du premier post.

Mon bandeau fait au minimum 684px (en collant l'image 2 contre la 1) et les 830px, c'est ce dont je dispose. Je pourrai par la suite modifier l'espace entre les images mais si tu en souhaite une, tu peux mettre 20px, c'est au choix.


Merci de vos réponses


"Tableau c'est trop crade, à bannir, tu devrais avoir honte d'y avoir pensé! :-D"
Bien en fait, je suis en train de refaire/continuer un site, celui qui l'avait créé avait utilisé des tableaux avec (un ptit peu de) css pour toute la mise en forme. Et bien que je soit encore un novice, j'ai pas trop aimé lorsque j'ai vu ça.
Je continu donc le site avec les tableaux histoire qu'il y ait un site de sûr au final (me manque plus grand chose), et à côté, je fait un beau site en respect avec les normes (ou presque, que un marquee devrait rester, et à part en JS ...).

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
XxTitxX 1189Messages postés 24 mai 2008Date d'inscription 14 août 2008 à 13:03
Bonjour,

Ne serait-il pas plus simple d'associer toutes les images en une seule image qui constituerait ta banderole ?
Les images sont peut-être appelé à changer selon la page html ?

 Ajouter un commentaire
Micka - 14 août 2008 à 13:17
Effectivement, j'y ai pensé, les deux plus petites images sont des liens. Je pourrai bien sûr ensuite faire des coordonnées, mais je ne connais pas très bien la façon dont elle agissent, si c'est par rapport à l'image ou bien la page.
Puis de plus, mon patron risque de me faire changer une des images peu après, et pete encore une autre fois après :-(. Vous voyez ce que je veux dire...
Ajouter un commentaire
Réponse
+0
moins plus
Micka8405 221Messages postés 14 août 2008Date d'inscription 14 août 2008 à 14:27
Voilà, ça marche, je te remercie, j'avais essayer les div, span et aussi float, mais je n'y avais pas pensé comme ça.

Donc, ça marche. J'ai repris le plus gros de ton exemple et c'est super. Pour le reste je pense que je saurais peaufiner ;-)

Et Merci à tous de votre aide et écoute.


P.S.: Je vois que je suis pas à jeter, en effet j'avais au moins fait un div conteneur avec un id ainsi que un id aux images.

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « Placement d'image via CSS ou Tableau? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?