Position d'une image dans le body

Version imprimable

Voir 40 message(s) de cette discussion en une page

08/06/2011, 16h59
Bisûnûrs

Je te conseille vraiment de (re)voir les bases du HTML là ..

De plus, tu ne comprends pas quoi dans :

Citation:

Envoyé par Bisûnûrs

Sauf qu'au lieu de mettre body, tu le mets dans ton div textwidget.

:question:

Edit : Ok, j'ai compris le quiproquo, mais bon, ça ne devrait pas arriver avec un minimum de bases HTML ..

Actuellement tu as :

Code:

<body style="...">

Quand je te dis de mettre dans le div textwidget, ça veut dire qu'à la place de body tu aies le div textwidget, donc :

Code:

<div class="textwidget" style="...">
09/06/2011, 09h14
vincent311

Citation:

Envoyé par Bisûnûrs

Je te conseille vraiment de (re)voir les bases du HTML là ..

De plus, tu ne comprends pas quoi dans :

:question:

Edit : Ok, j'ai compris le quiproquo, mais bon, ça ne devrait pas arriver avec un minimum de bases HTML ..

Actuellement tu as :

Code:

<body style="...">

Quand je te dis de mettre dans le div textwidget, ça veut dire qu'à la place de body tu aies le div textwidget, donc :

Code:

<div class="textwidget" style="...">

Ok merci ;-)
la c'est très clair et le code est plus propre.

Maintenant comment faire pour placer l'image hors du widget? Je suis obligé d'aller dans le style de la landing page?
Si je met une position comment faire pour qu'elle ne change pas selon les écran? Mon problème de base en fait
09/06/2011, 09h19
Bisûnûrs

Mais tu veux quoi au final ..? Mettre une image de fond à ton widget ou mettre une image de fond en dehors de ton widget ? Sois clair et précis, on n'y arrivera pas sinon ..

Et mets ta version en ligne à jour, parce que tu parles de modifications que nous on ne voit pas, donc on ne risque pas de savoir ce qui ne va pas.
09/06/2011, 12h25
vincent311

Citation:

Envoyé par Bisûnûrs

Mais tu veux quoi au final ..? Mettre une image de fond à ton widget ou mettre une image de fond en dehors de ton widget ? Sois clair et précis, on n'y arrivera pas sinon ..

Et mets ta version en ligne à jour, parce que tu parles de modifications que nous on ne voit pas, donc on ne risque pas de savoir ce qui ne va pas.

Je voudrais mettre l'image de fond à moitié en dehors de la zone du widget et à moitié dedans en fait.
Mais je voudrais insérer le code de l'image dans le widget (Je ne veut pas me risquer à toucher le code de la page d’accueil).

J'avais réussi à le faire mais pas de façon propre (j'étais obligé de mettre la balise body style) et surtout selon la résolution d'écran, mon image de fond changeait de position (alors que ma page est de taille fixe...).
09/06/2011, 14h00
Bisûnûrs

Citation:

Envoyé par Bisûnûrs

Et mets ta version en ligne à jour, parce que tu parles de modifications que nous on ne voit pas, donc on ne risque pas de savoir ce qui ne va pas.

On ne voit toujours pas d'image sur la version en ligne ..
09/06/2011, 14h14
vincent311

Citation:

Envoyé par Bisûnûrs

On ne voit toujours pas d'image sur la version en ligne ..

Je peux pas la mettre sinon elle va être affiché n'importe comment, sa fait pas sérieux pour les visiteurs...
09/06/2011, 14h24
Bisûnûrs

Ah d'accord, c'est un site qui est déjà en production .. Et tu n'as pas d'URL de développement accessible ?
Parce qu'à part jouer aux devinettes on ne pourra pas t'aider correctement ..
09/06/2011, 15h51
vincent311

Citation:

Envoyé par Bisûnûrs

Ah d'accord, c'est un site qui est déjà en production .. Et tu n'as pas d'URL de développement accessible ?
Parce qu'à part jouer aux devinettes on ne pourra pas t'aider correctement ..

Non uniquement l'url en ligne :(

www.techform.net
09/06/2011, 16h30
Bisûnûrs

Tu peux pas faire déborder une image de fond d'un élément de toute façon. Il ne te reste plus qu'à mettre cette image dans ton div textwidget directement avec une balise <img> comme les deux autres, rajouter un position:relative sur ce div et mettre un position:absolute sur l'image en question. Après il tu règles la position avec left et top (qui peuvent être négatives).
09/06/2011, 17h11
vincent311

Citation:

Envoyé par Bisûnûrs

Tu peux pas faire déborder une image de fond d'un élément de toute façon. Il ne te reste plus qu'à mettre cette image dans ton div textwidget directement avec une balise <img> comme les deux autres, rajouter un position:relative sur ce div et mettre un position:absolute sur l'image en question. Après il tu règles la position avec left et top (qui peuvent être négatives).

Et avec la balise <img> et une valeur négative l'image pourra sortir de l'élément Widget?
A la limite sa me conviendrais vu que l'image en question n'est pas superposé à du texte...
09/06/2011, 17h12
Bisûnûrs

Citation:

Envoyé par vincent311

Et avec la balise <img> et une valeur négative l'image pourra sortir de l'élément Widget?

Oui.

Citation:

Envoyé par Bisûnûrs

Oui.

Bon bien sur comme prévu je galère.

En fait voilà ce que sa donne (sur mon écran avec le background comme je l'avais fait avant).
C'est sa qu'il me faudrait. => http://www.imagup.com/data/1122356511.html

Tu pourrais le reproduire avec une balise img et l'alignement du texte à droite de l'image? Sa irais plus vite je pense. Après pour le positionnement et modifier les pixel je pourrais m'en sortir je pense:roll:

Voici le code de ce que tu as sous les yeux :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <body style="background-image:url(http://www.techform.net/wp-content/uploads/2011/06/actu-fond2.png);background-repeat: no-repeat;background-position: 10% 48%;"> <br> <img src="http://www.techform.net/wp-content/uploads/2011/06/Batimat.png" alt="" /> <img src="http://www.techform.net/wp-content/uploads/2011/06/stand.png" alt="" /> <br> <h3 style="color: rgb(99, 159, 214);"><span style="font-family: Verdana;">Autres actualités</span></h3> <ul> <li><a href="http://www.techform.net/techform-a-200-kmh-au-club-utilisateurs-cegid">Techform à 200 km/h* au Club Utilisateurs CEGID</a></li> <li><a href="http://www.techform.net/techform-etait-present-a-la-12eme-edition-du-salon-equipbaie">3LI et Techform affichent leur alliance ERP Dynamics Nav & SmartConfigurator au Salon Equip'Baie 2010</a></li> <li><a href="http://www.techform.net/salon-midest-2010-techform-partenaire-cegid-au-forum-industrie">Salon Midest 2010, Techform partenaire Cegid au Forum Industrie</a></li> <li><a href="http://www.techform.net/techform-fete-ses-10-ans-en-2010">Techform fête ses 10 ans en 2010!</a></li> </ul>
PS: j'ai laissé le body uniquement pour pouvoir te montrer ce que sa donne ;)

10/06/2011, 11h09
Bisûnûrs

J'ai pourtant dit exactement tout ce qu'il fallait faire, y avait juste à le mettre au "propre" ..
Ce n'est pas un forum où on fait à la place des autres. On aide, on ne fait pas. J'ai déjà dit étape par étape ce qu'il y avait à faire, je peux pas faire mieux pour aider.

Voir 40 message(s) de cette discussion en une page