A voir également:
- CSS : aligner icone par rapport à image
- Enlever couleur lien css ✓ - Forum CSS
- Mettre une image à gauche css ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Déplacer une image css - Forum CSS
- Css download - Télécharger - HTML
2 réponses
Fallentree
Messages postés
2309
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
22 juillet 2019
208
18 mars 2012 à 16:54
18 mars 2012 à 16:54
essaie avec un tableau. 3 lignes 3 colonnes et
sinon avec une div avec l'image en background et les icones cardinaux place en absolue dans la viv
soit tu les places tous grace aux positions CSS relative a la taille de la fenetre...
La question est comment tu as placé ton image au depart ?????
sinon avec une div avec l'image en background et les icones cardinaux place en absolue dans la viv
soit tu les places tous grace aux positions CSS relative a la taille de la fenetre...
La question est comment tu as placé ton image au depart ?????
Merci pour la réponse, je pense essayer le tableau qui me semble la solution la plus simple, mais qui risque au final de me poser un souci*.
Mon image est dans ma balise <nav> puisqu'elle "flotte" au centre de ma page. Les éléments cardinaux viennent tout autour.
J'ai essayé principalement de mettre toutes les images dans une <div>, je copie/colle le html et le css, plus simple à écrire qu'à décrire ^^
html :
css:
Le premier bouton (img1) se cale parfaitement au dessus de mon image (qui a un flou radial géré par le html5, donc je ne vois qu'une partie de cette image). Quand je redimensionne ma fenêtre, mon premier bouton reste à sa place en hauteur, et bouge en largeur.
En revanche, là où ça coince c'est pour mon bouton2 (img2 dont le code n'est pas au dessus puisque après de multiples essais, j'ai pas le bon -_-). J'arrive à positionner le bouton 2 au point cardinal "est" de mon image centrale, mais quand je redimensionne la fenêtre, celui-ci vient dans mon image centrale, j'aimerais qu'il soit fixe ou du moins, lorsque je redimensionne ma fenêtre il suive mon image centrale mais tout le temps avec le même écart entre les deux.
http://d3.e-loader.net/iEDvvAiJ8A.jpg-> Parce que je sais qu'un dessin vaut mieux qu'un discours, voilà en gros, mon problème !
*Le tableau risque de me prendre mon image entière, et non le flou, donc je risque de ne pas pouvoir mettre mon img avec le flou gradiant.
Merci !
Mon image est dans ma balise <nav> puisqu'elle "flotte" au centre de ma page. Les éléments cardinaux viennent tout autour.
J'ai essayé principalement de mettre toutes les images dans une <div>, je copie/colle le html et le css, plus simple à écrire qu'à décrire ^^
html :
<nav> <div> <img src="boutonschool.png" id="img1"/> <img src="boutonphoto.png" id="img2" /> <img src="boutonweb.png" id="img3"/> <img src="boutonctct.png" id="img4" /> <img src="TEST.jpg" width="533" height="800" id="test1" /> </div> </nav> (Jusque là, pas de grandes difficultés).
css:
#test1 {
width:533px;
-webkit-mask-image: -webkit-gradient(radial, 50% 50%, 70, 50% 50%, 280, from(black), to(rgba(0,0,0,0)));
display:block;
margin-left:auto;
margin-right:auto;
margin-top:-100px;
}
#img1 {display:block;
width:45px;
height:45px;
margin-right:auto;
margin-left:auto;
margin-top:-50px;
margin-bottom:-50px;}
Le premier bouton (img1) se cale parfaitement au dessus de mon image (qui a un flou radial géré par le html5, donc je ne vois qu'une partie de cette image). Quand je redimensionne ma fenêtre, mon premier bouton reste à sa place en hauteur, et bouge en largeur.
En revanche, là où ça coince c'est pour mon bouton2 (img2 dont le code n'est pas au dessus puisque après de multiples essais, j'ai pas le bon -_-). J'arrive à positionner le bouton 2 au point cardinal "est" de mon image centrale, mais quand je redimensionne la fenêtre, celui-ci vient dans mon image centrale, j'aimerais qu'il soit fixe ou du moins, lorsque je redimensionne ma fenêtre il suive mon image centrale mais tout le temps avec le même écart entre les deux.
http://d3.e-loader.net/iEDvvAiJ8A.jpg-> Parce que je sais qu'un dessin vaut mieux qu'un discours, voilà en gros, mon problème !
*Le tableau risque de me prendre mon image entière, et non le flou, donc je risque de ne pas pouvoir mettre mon img avec le flou gradiant.
Merci !
