Bonjour,
Je suis occupé d'intégrer un nouveau design pour mon site mais il y a un élément que je n'arrive pas à faire comme je voudrais.
voici mon site actuellement :
A droite, on voit un encadré avec marqué "ACCUEIL". J'aimerais que cet encadré aille jusque dans le bas de la page. Autrement dit, il me faut que cet encadré suive la taille de l'encadré principal.
Je ne sais pas si vous me comprenez :-/
voici un bout de code qui devrait vous aider :
J'ai retiré tout le menu de gauche qui ne vous aurait servir à rien :-)
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 <div id='site'> <!-- Site --> <div class='header'> <!-- Header --> </div> <!-- End Header --> <div class='menuh'> <!-- Menu h --> <a href='./' title='Scripts PHP'>Accueil</a> - Tommy - Scripts PHP - Sources PHP - Services - Livre d'Or - Forum - Syndication - Contact </div> <!-- End Menu h --> <div class='menuhb'> <!-- Menu h b --> </div> <!-- End Menu h b --> </div> <!-- End Menu g --> <div class='menud'> <!-- Menu d --> <div class='menudtitle'> <!-- Menu d title --> A<br />C<br />C<br />U<br />E<br />I<br />L </div> <!-- End Menu d title --> </div> <!-- End Menu d --> </div> <!-- End Site -->
et voici ma css :
Merci d'avance pour votre aide.
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52 body { margin: 0; background-color: #F1F2F3; font-family: arial; font-size: 12px; color: #000000; text-align: center; } #site { width: 779px; margin: 15px auto 0px auto; background-image: url('./img/fond.gif'); background-repeat: repeat; text-align: left; border: 1px dashed #000; } .header { background-image: url('./img/header.gif'); height: 157px; } .menuh { text-align: center; border-top: 1px dashed #000; border-bottom: 1px dashed #000; } .menuhb { background-image: url('./img/menuhb.gif'); height: 10px; margin-top: 20px; } .menud { background-image: url('./img/fondmenud.gif'); background-repeat: repeat; border-left: 1px solid #82ACD4; width: 52px; float: right; } .menudtitle { color: #FFF; font-size: 45px; font-weight: bold; text-align: center; padding-top: 10px; font-family: impact; }
ps : je tiens à préciser que je ne désire pas utiliser de tableaux :-)
Partager