Rechercher : dans
Par :

Design html

Dernière réponse le 8 oct 2007 à 13:34:52 florent, le 4 sep 2005 à 23:07:02 
 Signaler ce message aux modérateurs

Voila bonjour , je voudrais sur la premiere page de mon site faire aparaitre un ovale au centre de la page et naturelement que le menu aparaisse a l'interieur de cet ovale , pouvez vous me dire comment creer cet ovale svp ? merci d'avance !

Meilleures réponses pour « design html » dans :
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beau, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
[Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...
Espace en HTML VoirEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace...
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Télécharger HTML Tidy fr VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. Cette version est la version 1.1.5.0, c'est-à-dire la version de base ! Ayant remarqué que les débutants avaient des problèmes dans l'utilisation de la version...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...

1

Erdnax, le 5 sep 2005 à 09:26:24
  • +1

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.

@+
Si Tout te parraît mal, méchant, lié contre toi,
ne remet pas Tout en question.

Répondre à Erdnax

2

StreM, le 5 sep 2005 à 11:17:45

Hummm... Moi perso, j'utiliserais plutot une image en ovale, que je découperais avec plein de AERA SHAPE.
Pour une aera en ovale :

<MAP NAME="map_name">
   <AREA SHAPE=CIRCLE COORDS="x_centre,y_centre,rayon" HREF="URL">
</MAP>


Moins le blanc est intelligent, plus le noir lui parait bête

Répondre à StreM

3

Erdnax, le 5 sep 2005 à 11:38:49

Eheh, chacun sa méthode, perso je suis assez fan des tableaux et div, peut-être à tord. Mais disons que pour ta solution, s'il à tout un menu, tu met quoi dans ton href ?
Si Tout te parraît mal, méchant, lié contre toi,
ne remet pas Tout en question.

Répondre à Erdnax

4

florent, le 5 sep 2005 à 16:25:51

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 !

Répondre à florent

5

Erdnax, le 5 sep 2005 à 16:44:08

Ehehe, bien essayé, mais ce serait trop facile ^^

Bon, il faut au moins que tu nous donne quelle méthode tu as décidé d'utiliser ;)
Si Tout te parraît mal, méchant, lié contre toi,
ne remet pas Tout en question.

Répondre à Erdnax

6

florent, le 5 sep 2005 à 16:46:13

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 !

Répondre à florent

7

Erdnax, le 5 sep 2005 à 16:47:45

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.
Si Tout te parraît mal, méchant, lié contre toi,
ne remet pas Tout en question.

Répondre à Erdnax

8

StreM, le 9 sep 2005 à 16:50:31

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 ;)

Moins le blanc est intelligent, plus le noir lui parait bête

Répondre à StreM

9

 kaser, le 8 oct 2007 à 13:34:52

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

Répondre à kaser