Easy-Design.Net forum




Aide générale [Réglé] Images par dessus le contenu

Bloodric Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 06/11/2010 à 10h33

Messages: 335

Le 02/12/2010 à 15h05
salut amis swaniens,

Peu-t on mettre une image directenemt dans le corps du site (style header) mais que l'on pourrait placer comme on veut (via design.css) afin que cette dernière se place devant de contenu du site et qu'elle reste fixe.
et si oui ..... comment car mes tests jusque là n'ont pas été concluant :mouais

exemple si je voulait placer le phalaenopsis de swan à gauche et le faire déborder sur le contenu central :mimi


   
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 02/12/2010 à 17h05
soit en float, soit en position absolute.
c'est du css pur, un graphiste sera plus a meme de te répondre a ce sujet :)


signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
Bloodric Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 06/11/2010 à 10h33

Messages: 335

Le 03/12/2010 à 09h07
C'est bon, c'est réglé avec des recherche sur le net et du trifouillage, j'ai trouver :study

Simplement en incrustant l'image dans le header.tpl, le plus dur est de placer tout ça ....

Je vous montrerai tout ça une fois fini mais là il y'a encore pas mal de taf avec tout les icons à modifier et le reste.

++


   
Bloodric Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 06/11/2010 à 10h33

Messages: 335

Le 09/12/2010 à 10h39
désolé je ré-ouvre ce sujet car en fait il me reste un souci que ne solutionne pas.

Comme énnoncé plus haut je cherchais à placer des image par dessus le site, j'ai réussi cette phase mais j'ai un problème qui persiste avec le placement.

Je souhaite que ces deux images reste fixe (ça c'est bon) mais qu'elle ne soit pas dépendante de la résolution de l'ecran mais simplement calées par rapport au centre et à la largeur du contenu du site.
Suite à une batterie de bidouillage j'ai réussi à les fixer, seule la résolution 1024*768 ne fonctionne pas (normal le global fait 1100px), mais quand je prend la même chose sous IE tout se met dans tout les sens !!

Schéma

Voilà ce que j'ai mis dans le header:

Code PHP :
<div style="margin-top: 150px; margin-left: 1020px;width: 334px; height: 315px; position:fixed ">
    <IMG SRC="http://localhost/phpboost/templates/new/images/griffe_d.png" >
</div>


Je ne suis pas sur de bien m'y prendre, j'aurais plus vu ça avec du CSS je pense (comme pour le header) mais je n'y arrive pas.:mouais Edité par Bloodric Le 09/12/2010 à 11h04


   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 09/12/2010 à 12h02
Bloodric, le mieux est que tu créer un ie.css, là ou sont les autres css. Tu y mettras les class modifiés, pour lui seul juste !

Pour l'appeler, tu éditeras le header.tpl et tu le mettras de cette manière:

Code TPL :
<!--[if IE]>
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/ie.css" type="text/css" media="screen, print, handheld" />
<![endif]-->


Il ne sera lui exclusivement par IE ^^

:study ==> Voir ici pour plus d'explication.


swan_signature

Site web    
Bloodric Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 06/11/2010 à 10h33

Messages: 335

Le 09/12/2010 à 12h20
du fait tu fais 2 fois le CSS dont une adapter à IE ?


   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 09/12/2010 à 12h35
Non tu ne mets que dans ie.css, les class que tu modifies pour celui-ci pas tout...

Car IE malgré qu'il soit chi***, à quand même l'intelligence de chercher les class qui manquent dans les autres fichiers css ^^


swan_signature

Site web    
Bloodric Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 06/11/2010 à 10h33

Messages: 335

Le 09/12/2010 à 14h36
ok, merci swan.
Je vais tester ça, mais c'est vrai que je n'ai pas ce reflexe d'aller tester avec IE, trop habitué à FF :rolleyes


   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 09/12/2010 à 14h40
Comme moi ;)


swan_signature

Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 09/12/2010 à 20h19
et oui faut utilisez position: relative avec IE absolute il aime pas ^^


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie