Archive du forum · Aide technique

Topic unique : Questions informatique

1,888 messages conservés · 57,110 vues dans le forum historique · sujet créé le 01/11/2006 à 19:54

Archive en lecture seule. Seuls les pseudonymes publics, les dates et le contenu utile à la lecture sont conservés. Les données techniques et privées ne sont pas publiées.

← Les sujets archivés
Pseudo non conservé Message #776 · 22/12/2006 à 00:18

On va faire simple =D

Déjà un menu ca se fait avec une liste et non une

avec des liens dedans donc comme ça :

Ensuite t'as mis des images pour faire tes boutons, je te le déconseille fortement, je te conseille plutot de les mettre en CSS en background de tes liens de cette manière tu pourras même mettre les mots "Power, tape, TV.." dans l'HTML (en fait t'es plus ou moins obligé, soit tu le met visible et le vire des images, soit tu le laisse sur les images, et le rend invisible via CSS) pour améliorer ton référencement sur les moteurs de recherches et l'accessibilité.

De plus grace à ça tu pourras faire un :hover facilement pour que les boutons changent au passage de la souris ;)

Autre conseil, met-ça au tout début de tes CSS quand tu codes si tu veux pas avoir de problèmes, ça réinitialise toutes les marges (intérieures et extérieures) par défaut des navigateurs.

* {

margin:0px;

padding:0px;

}

Small Message #777 · 22/12/2006 à 00:22

Bah en fait y'a des balises que je connais pas du tout, genre dl et dt :x Si ca te derange pas, ca m'interesse, merki bien :)

Small Message #778 · 22/12/2006 à 00:24

Mais beber, ta technique fera de l'image de chaque bouton un lien ?

Pseudo non conservé Message #779 · 22/12/2006 à 00:30

Ba... oui, le lien est la, tout ce qui change c'est que l'image est dans le CSS et non plus dans l'html, ça peut paraitre délicat au début, mais une fois qu'on a pris le truc, c'est bien plus simple ;)

Sinon c'est possible qu'il faille mettre une dimensions aux liens je ne sais plus pour ça pas très dur :

ul a {

width:Xpx;

height:Xpx;

}

(enfin si t'utilise qu'une liste, si t'en utilisera une autre, il faudra mettre un id du genre "menu" pour le différencier des autres)

Sinon pour les balises XHTML il existe ça :

http://www.siteduzero.com/tuto-3-4874-1-liste-des-balises-xhtml.html

Sinon il existe des listes sur Google, quand j'ai un doute ou que je sais pas, je cherche sur Google et je trouve plein de trucs ;)

Small Message #780 · 22/12/2006 à 01:04

Bon j'ai reussi a mettre les liens à l'horizontale, mais je reste bloquer pour les images en background. Si tu reprend mon lien, tu peux voir bah qu'on les voit pas les images en images de fond donc si tu as la solution, ca m'interesse.

Et si tu pouvais aussi m'indiquer la marche a suivre pour rendre le text invisible s'il te plait :sweat:

Pseudo non conservé Message #781 · 22/12/2006 à 01:08

prend le msn de beber :P

Small Message #782 · 22/12/2006 à 01:09

Bah nan [:spamafote] Imaginons qu'un jour ca interesse quelqu'un de faire ca, il sera bien content d'avoir la marche a suivre sur le fofo

Pseudo non conservé Message #783 · 22/12/2006 à 01:18

déjà faut qu'il arrive a suivre de quoi tu parles. Puis il recherchera pas, il reposera une question tellement c'est spécifique [:darck].

Small Message #784 · 22/12/2006 à 01:20

Bon allay, laissez tomber, c'pas grave, j'me debrouillerai seul ;)

Pseudo non conservé Message #785 · 22/12/2006 à 01:35

J'avais oublié un truc, vu que tu as des images différentes pour chaques boutons, il faut mettre un class sur chaque lien comme cela par exemple :

Accueil

MP3

Video

Photos

Contact

Ensuite dans le CSS il suffira d'écrire :

.mp3 {

background-image: url(image.gif);

}

(je suis plus certains que les dimensions soient nécessaires pour que ça marche)

Si oui et que toutes les images ont la même dimension, pas la peine de le mettre pour chaque lien, ça ça suffira :

#menu a {

width:Xpx;

height:Xpx;

}

Sinon j'ai remarqué que t'as fait une

c'est effectivement mieux que le
  • à ce moment la tu peux virer l'id de
    • ;)

PS : pour le texte à masquer.. j'ai l'impression qu'il faudrait rajouter un avec un "display:none", mais je trouverais ça con :sweat:

Bref je regarde s'il y a pas une autre manière..

Jooreixo Message #786 · 22/12/2006 à 10:57

mouais.. encore plus con, j'aurai pas définis plusieurs styles pour la liste, j'aurai tout simplement dit de pas mettre de bouton, et j'aurai mis les images en dur dans le code html

#

#

#

#

Small Message #787 · 22/12/2006 à 11:56

Merci, je commence a voir un peu plus clair :)

Pseudo non conservé Message #788 · 22/12/2006 à 12:05
Merci, je commence a voir un peu plus clair :)[/quotemsg]

C'est normal le ciel commence à se dégager

:sweat: J'ai honte !

:hello: -----> [ ]

Small Message #789 · 22/12/2006 à 12:27
mouais.. encore plus con, j'aurai pas définis plusieurs styles pour la liste, j'aurai tout simplement dit de pas mettre de bouton, et j'aurai mis les images en dur dans le code html

#

#

#

#

[/quotemsg]

Ouais mais j'ai une question, comment on passe cette liste de l'horizontale à la verticale ?

Jooreixo Message #790 · 22/12/2006 à 12:28

sur ton

  • , tu mets dans le css un display : inline
Pseudo non conservé Message #791 · 22/12/2006 à 12:32
sur ton
  • , tu mets dans le css un display : inline[/quotemsg]

Il manque

  • dans un coin .............. :sweat:
Jooreixo Message #792 · 22/12/2006 à 12:33

2 posts de merde en peu de temps, tu t'améliores [:keats:4]

Pseudo non conservé Message #793 · 22/12/2006 à 12:34
Il manque
  • dans un coin .............. :sweat:[/quotemsg]

non mais va faire un tour, toi.

Pseudo non conservé Message #794 · 22/12/2006 à 12:36
non mais va faire un tour, toi.[/quotemsg]

Désolé j'ai pas pu m'en empêcher celui-là

Bon ok j'arrête, vous avez pas envie de rire, ou alors on a pas le même humour

Pseudo non conservé Message #795 · 22/12/2006 à 12:39
Désolé j'ai pas pu m'en empêcher celui-là

Bon ok j'arrête, vous avez pas envie de rire, ou alors on a pas le même humour[/quotemsg]

c'est juste la 2e solution. Faut savoir placer ses blagues au bon endroit et pour les bonnes personnes

Small Message #796 · 22/12/2006 à 12:40

Bon en fait ca me prend le chou x_x http://worldofsmall.free.fr/ impossible de virer l'espace entre les images. A cause de ca, ca va a la ligne :/

Pseudo non conservé Message #797 · 22/12/2006 à 12:42

table

{

border-collapse:collapse;

}

spa ca en css ?

ChandlerBing82 Message #798 · 22/12/2006 à 12:42

t'as essayé de virer les margin?

elninho Message #799 · 22/12/2006 à 12:42

Faut peut-être faire un margin: 0 pour les balises

  • , ou un truc du genre :/

[:edith]

Chand :kaola:

Pseudo non conservé Message #800 · 22/12/2006 à 12:43

je me rappelle plus trop, et je sais pas si ça a été dit avant, mais je crois qu'il y a une marge par défaut autour des images, faut essayer de la ramener à 0. Ou alors tu agrandis la taille du site

[:edith] Woah, j'ai fais collec de grillades :sweat: