J'essaie ici de pouvoir créer un espace publicitaire qui combinerais une image et du texte. Le tout dans une boite de 150x150px. Petit problème actuel, nous essayons d'avoir le texte dans la boite de texte centré verticalement s'il ne fait pas les 4-5 lignes de texte (question d'esthétique).
Mon code jusqu'à présent:
La sémantique est très laide mais bon, je me dit que c'est à voir plus tard une fois que ça vas fonctionner. Dans le cas actuel le texte est irrémédiablement collé en haut, impossible de faire centrer verticalement le texte du Dr. Machinchouette.
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 <style> #machin { font-family:helvetica,arial,sans-serif; font-size:11px; height:75px; overflow:hidden; vertical-align:bottom; width:150px; border:1px solid red; padding-top:10px; } #content { border:1px solid blue; } </style> <div style="border: 1px solid black; padding: 0; width: 150px; height: 150px;"> <div style="background-image:url(image.gif); width: 150px; height: 75px;"></div> <div id="machin"> <span id="content"> Clinique Dr. Machinchouette<br> 1717 Ch Chambly, Longueuil<br> 1717 Ch Chambly, Longueuil<br> </span> </div> </div>
Des idées ?
Partager