Discussion :

[gdiamond]

Bonjour, j'ai sélectionner un template sur le net et je tente de le modifier à mon goût. jusqu'ici ça allait à merveille mais j'ai de la difficulté à repositionner un paragraphe.

La Section qui est écrit "Next Meeting et Info" Je voudrais quelle garde toujours ses mêmes caractéristiques mais qu'elle soit positionner à la hauteur de l'image (de l'édifice)

j'ai attaché mon fichier zip

[oceane751]

une image serait peut être mieux?
ou au mieux du mieux une url?

[gdiamond]

une image serait peut être mieux?
ou au mieux du mieux une url?

Bonjour j'ai annexé une image (divARemonter.jpg). Mais mon fichier zip que j'ai posté est mieux (leTemplateModifiee.zip)

[oceane751]

dac !
allez je m'y mets!

[oceane751]

test sous chrome et ff
j'ai bougé des blocs et modifier directement dans le .html le css (à l'arrache, je sais )
dis moi si ça te convient

[oceane751]

en fait, t'avais une div (div1) (avec l'image) qui prenait tout le long

et en dessous une div qui contenait une div (div2) à gauche et une div (div3) à droite

j'ai donc créé une div au milieu avec la div 1 et en dessous div 2 que j'ai mis en float:left;
puis la div3 en float:left;


fallait juste remanier tout ça

[gdiamond]

Merci bcp Oceane751! Oui ça corresponds à mes attentes!

C'était vraiment affreux le résultat que ça me donnait quand je l'avais fait à ma manière; tout était désordonné. J'espère que ça t'as pas donné trop de mot de tête!

Bonne journée!

en fait, t'avais une div (div1) (avec l'image) qui prenait tout le long

et en dessous une div qui contenait une div (div2) à gauche et une div (div3) à droite

j'ai donc créé une div au milieu avec la div 1 et en dessous div 2 que j'ai mis en float:left;
puis la div3 en float:left;


fallait juste remanier tout ça

[oceane751]

non ça va

bonne journée à toi aussi !

[gdiamond]

test sous chrome et ff
j'ai bougé des blocs et modifier directement dans le .html le css (à l'arrache, je sais )
dis moi si ça te convient

Bonjour, j'ai ouvert la page avec internet explorer et je constate que mon image n'apparaît pas. J'ai essayé de déplacer mon image dans un autre div et ça me donne toujours le même résultat.

Je ne sais pas si internet explorer (9) a un bug avec la balise IMG. Mais je n'ai rien trouvé sur internet .

Ci-joint:
IEexemple = photo du résultat avec internet explorer

[oceane751]

si si elle est là
au lieu de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

height="auto"

mets le bon height de l'image

si elle n'existerait pas, tu aurais une croix rouge

voilou !

[Kaamo]

enlève le height="auto" de la balise <img>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img class="pic" src="images/pic01.jpg" width="600" alt="" />

D'ailleurs, ce n'est pas conseillé de mettre un "width" à une image. Mieux vaut redimensionner l'image dans la résolution voulue

EDIT : le height se calcule automatiquement je crois, en fonction du width