A voir également:
- Design html
- Editeur html - Télécharger - HTML
- Stb refsw design ✓ - Forum Téléviseurs
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
7 réponses
Salut,
A mon avis, la meilleur solution est de le faire avec quelques images. Tu crée un ovale que tu découpe en 4 image par exemple :
* Le haut
* La gauche
* La droite
* Le bas
Ensuite, tu fais un tableau sans bordure, ni cellpadding, ni cellspacing, qui contient 3 lignes et 3 colones. Les trois lignes du haut sont fusionnées, tout comme celles du bas. Ca va te donner deux cellules, dans lesquelles tu met respectivement l'image haut, et l'image bas.
Dans les deux cellules de côté, tu met les images gauche et droite, et finalement au milieu ton menu.
Pour aligner tout ça au milieu de ta page, à mon avis tu peux regarder du côté des div.
Si t'as un problème, hésite pas.
@+
A mon avis, la meilleur solution est de le faire avec quelques images. Tu crée un ovale que tu découpe en 4 image par exemple :
* Le haut
* La gauche
* La droite
* Le bas
Ensuite, tu fais un tableau sans bordure, ni cellpadding, ni cellspacing, qui contient 3 lignes et 3 colones. Les trois lignes du haut sont fusionnées, tout comme celles du bas. Ca va te donner deux cellules, dans lesquelles tu met respectivement l'image haut, et l'image bas.
Dans les deux cellules de côté, tu met les images gauche et droite, et finalement au milieu ton menu.
Pour aligner tout ça au milieu de ta page, à mon avis tu peux regarder du côté des div.
Si t'as un problème, hésite pas.
@+
Hummm... Moi perso, j'utiliserais plutot une image en ovale, que je découperais avec plein de AERA SHAPE.
Pour une aera en ovale :
Pour une aera en ovale :
<MAP NAME="map_name"> <AREA SHAPE=CIRCLE COORDS="x_centre,y_centre,rayon" HREF="URL"> </MAP>
Eh bien pour créer l'ovale, tu peux le faire avec paint, photoshop, etc... Nimporte quel logiciel de dessin fait l'affaire, après, c'est une question de talent ;)
Sous photoshop, tu peux quand même utiliser la plume si tu la maîtrise, c'est plus simple.
Sous photoshop, tu peux quand même utiliser la plume si tu la maîtrise, c'est plus simple.
Bonjour, tu n'a qu'a creer une image bidon, histoire que sa rende bien et tu fai en sorte que cette image soit un lien
c tout simple!!!
t'a juste a mettre l'image pour le lien entre tes balise de lien
c tout simple!!!
t'a juste a mettre l'image pour le lien entre tes balise de lien
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
je suis dsl mais jarive pas trop a comprendre , pouvez vous me le faire pour exemple comme ca apres vous me passez le code html pcq la C un peu confus , merci !
bah je pense que la premiere solution est longue mais je pense que C la plus simple , mais je ne C pas comment creer cet ovale !
Autant pour moi, je n'avais pas compris la problématique...
En effet, l'image s'impose !
Moi je ferais un div de la hauteur et de la largeur de l'image avec l'image comme fond.
Puis je remplirais ce div d'autres div (les liens du menus) que je fixerais en position relative. Il faut un peu jouer avec les CSS, mais ca donne plus de souplesse (tu peux incliner ton ovale et remettre les liens aux bons endroits sans qu'ils soient alignés).
Mais la solution d'Erdnax est la plus simple en effet.
Sauf que plutot que de couper l'image, je la mettrais plutot en fond du tableau (style="background: url('images/tonovale.jpg')")
Le code, c'est juste pour te donner un coup de pousse ;)
En effet, l'image s'impose !
Moi je ferais un div de la hauteur et de la largeur de l'image avec l'image comme fond.
Puis je remplirais ce div d'autres div (les liens du menus) que je fixerais en position relative. Il faut un peu jouer avec les CSS, mais ca donne plus de souplesse (tu peux incliner ton ovale et remettre les liens aux bons endroits sans qu'ils soient alignés).
Mais la solution d'Erdnax est la plus simple en effet.
Sauf que plutot que de couper l'image, je la mettrais plutot en fond du tableau (style="background: url('images/tonovale.jpg')")
Le code, c'est juste pour te donner un coup de pousse ;)
