Bonjour à tous !!
J'ai besoin d'un petit coup de main sur un léger problème de code. J'explique : j'ai mis en place une fenetre modale sur l'accueil de mon site, jusque là, ça va...j'ai galéré mais j'y suis arrivée. La ou je coince, c'est que je n'arrive pas à positionner le texte du lien qui ouvre la fenetre, c'est saoulant !! voir capture
https://www.box.com/s/toxbmsnoezt69uj67zk0
Entouré en vert, c'est le positionnement que je veux, en rouge, le positionnement que j'ai !!
Extrait de code :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29 <div id="containpage"> <div class="contain-blog1"> <div class="blog-head"> <div id="titreblog"> <div id="txt-titreblog"> <h2>Titre du blog</h2> </div> </div> <div class="blog-bkg"> <div class="blog-footer"> <a href="#overlay3" class="txtreadmore">Lire la suite</a> <div class="nbrcomment"> <ul> <li><a href="#">9</a></li> </ul> </div> </div> </div> </div> <a href="#?w=700" rel="popup_block" class="txtreadmore"></a> <div id="overlay3"> <div class="popup_block"> <a class="close" href="#"><img alt="Fermer" title="Fermer la fenêtre" class="btn_close" src="img/CloseBox.png"></a> <h2>Popup</h2> <p>Aliquip transverbero loquor esse ille vulputate exerci veniam fatua eros similis illum valde. Praesent, venio conventio rusticus antehabeo lenis. Melior pertineo feugait, praesent hos rusticus et haero facilisis abluo. </p> <p>Veniam tincidunt augue abluo vero, augue nisl melior quidem secundum nobis singularis eum eum.</p> </div> </div> </div>
un bout de css :
Donc, je suis preneuse de conseils divers et variés car en codage, je suis un poil noob !!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35 h1{color: #dce3e9; line-height: 36px;float: left;} h2{color: dce3e9;} h3{color: dce3e9;} h4{color: dce3e9;} p{font-family: corbel; font-size: 24px; text-decoration: none;float: right;} body{background-color: #000000;background-position: center; background-position: top;} a{color: #ffffff;text-decoration: none;font-family: corbel;} a:hover{text-decoration: none;} button,input,select,textarea{font-family: caviar_dreamsregular, corbel, sans-serif;font-size: 12px;} textarea{resize: none;} .txtreadmore a{line-height: 15px;font-family:'caviar_dreamsregular';font-size: 24px;color: #dce3e9;text-align: right;text-decoration: none;padding-bottom: 10px;} #overlay3{ display: none; position: fixed; top:0; right:0; bottom:0px; left:0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .overlaytxt a{ width: 462px; height: 30px; line-height: 25px; font-size: 15px text-align: right; margin-bottom: 15px; } #overlay3:target{ display: block; }
Merci d'avance
Partager