Images CSS (2)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Images CSS (2)

Message par kakale le Mer 27 Avr 2011 - 23:00

Bonsoir,

Désolé de refaire un sujet alors qu'un problème est déjà en cours mais... Depuis peu, certainement une mise à jours de FA, mon forum a un soucis. En effet, il est très décalé...

Image : http://puu.sh/1LwV

Le sujet de base est le suivant : http://forum.forumactif.com/t302525-image-css#2648397

Savez vous d'où vient le soucis?
Merci !


Dernière édition par kakale le Jeu 28 Avr 2011 - 12:33, édité 1 fois

kakale
****

Féminin
Messages : 395
Inscrit(e) le : 28/10/2009

http://lanfear.forumactif.com/
kakale a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images CSS (2)

Message par quierra le Jeu 28 Avr 2011 - 1:15

Coucou, ça vient de ton image "#img_droite1" , elle déborde du conteneur et donc décale le forum.
En lui mettant une position "absolute", tu règles le souci :

#img_droite1 {
background: url("http://img832.imageshack.us/img832/1502/soulcalibur4sl.png") no-repeat scroll 0 0 transparent;
float: right;
height: 550px;
left: 350px;
position: absolute;
top: 0;
width: 733px;
z-index: 999;
}

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images CSS (2)

Message par kakale le Jeu 28 Avr 2011 - 1:18

Bonsoir,

merci de ta réponse mais malheureusement cela fait toujours la même chose...
Voici le résultat directement visible :

=> http://lanfear.bbactif.com/

Avant le cadre de mon forum prenait toute la largeur pour que le fond soir cohérent. Maintenant avec 80% de largeur forum, cela donne ce résultat quelque soit le type de largeur donnée ><

kakale
****

Féminin
Messages : 395
Inscrit(e) le : 28/10/2009

http://lanfear.forumactif.com/
kakale a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images CSS (2)

Message par quierra le Jeu 28 Avr 2011 - 3:09

Et bien moi je vois tout centrer maintenant !



Par contre j'ai regardé de plus près... Et bien tu ne peux plus régler la largeur de ton forum ! Tu as carrément mis tout le forum dans un div nommé "content_img" qui lui ne fait que 988px.



Le bleu de fond, est la partie sélectionnée, elle correspond à ton div id="content_img". Comme tu peux le constater, ce div contient tout le reste du forum.

En vert : La fin du div content_img

En rouge : Bodylinewidth qui contient le forum. Tu lui as attribué une largeur de 60%, qui ne peut pas être pris en compte car la largeur minimum est de 728px(ou plus).

En mauve : La largeur de content_img, qui est maintenant la largeur totale du forum vue que ce div contient le tout .

En vite fait, j'ai vue que tes cellules "row1, row2 etc...", contiennent comme image de fond, une image de "1170px / 1700px" !!! Tu te rends au moins compte du hic là ? Des images géantes dans de petites cases... Bonjour les problèmes de tableau par la suite, mais surtout ton forum va être bien trop long à charger.
Une texture qui se répète, serait bien plus indiqué pour les cellules.

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images CSS (2)

Message par kakale le Jeu 28 Avr 2011 - 3:16

Merci pour tes informations. Pour l'image, j'avoue que je pensais pas qu'elle était aussi grande, enfin si puisque cette image s’affiche aussi dans le corps de message forum.

Donc le mieux à faire est de supprimer la div content_img c'est bien ça?

kakale
****

Féminin
Messages : 395
Inscrit(e) le : 28/10/2009

http://lanfear.forumactif.com/
kakale a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images CSS (2)

Message par quierra le Jeu 28 Avr 2011 - 3:53

Nan pas la supprimer ! C'est elle qui contient le div de ton image de droite. Il faut juste la refermer après le div de ton image.

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images CSS (2)

Message par kakale le Jeu 28 Avr 2011 - 12:33

Merci tout est en ordre maintenant ! Un simple oublie de </div> et tout les codes se mettent les uns contre les autres.

Je te remercie de ton explication et de ton astuce pour l'image, et surtout d'avoir pris le temps d'expliquer. Piouf, c'était une sacré galère, cela m'avait même fait supprimer mon emblème/logo ! >_<

Merci une nouvelle fois, je clos le sujet ^^

kakale
****

Féminin
Messages : 395
Inscrit(e) le : 28/10/2009

http://lanfear.forumactif.com/
kakale a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum