Aller au contenu

menu a puce et position de plusieurs images


Sujets conseillés

Posté (modifié)

Bonjour a tous,

Bon je continue a bidouiller mon site tranquilou :D

mais voila, j'ai voulu modifier mon menu, car je n'aime pas trop mon :hover ...

En fait, j'aimerais que lorsque que la souris ne pooint pas sur le liens, le cercle est blanc, et quand il est sur le liens, il noircit.

j'ai donc fait ca :

.titre_menu ul
{
  list-style-type: circle;
  padding: 10px;
  padding-left: 30px;
  margin: 0px;
  margin-bottom: 5px;
}

.titre_menu a
{
  color: black;
  text-decoration: none;
}

a
{
  color: black;
  text-decoration: none;
}

.titre_menu a:hover
{
/*   background-color: #5ABBFF; */  

  list-style-type: disc;
  color: black;  
}

mais quand je passe dessus, il est toujours blanc :blink:

De plus, je suis en train de preparer une petit page qui est encore en travaux, et je dois positionner 3 images sur la meme ligne et le noms du l'image en dessous de la photo.

j'ai fais :

.photo_gauche
{
   margin-left: 3%;
   border: 1px dashed #52B8FF;
}

.photo_centre
{
   margin-left: 7%;
   border: 1px dashed #52B8FF;
}

.photo_droite
{
   margin-left: 7%;
   border: 1px dashed #52B8FF;
}

mais ca ne correspond pas a trop a mes attentes ... peut on faire autrement ??

J'aimerais bien presenter ca sous forme de "tableau", un listing bien centrer avec les 3 images. Sans pour autant que la 3e s'en va en bas pour une faible resolution d'ecran, qui casserais toute la page.

Merci pour votre aide !!

la page en question :

http://folky68.free.fr/site/monster_heads.html

Merci ;)

Folk

Modifié par Folken
Posté (modifié)

Salut

.titre_menu a:hover

{

/*  background-color: #5ABBFF; */ 

  list-style-type: disc;

  color: black; 

}

C'est normal la tu appliques le style à la balise a

Remplace a par ul ^_^

edit: par li pardon

Modifié par MS-DOS_1991
Posté

salut,

Merci, ca marche nikel !!

enfin, que sous FF et co sniff

Il y a pas un autre moyen pour que IE le comprenne ?

Posté

Non, IE ne connait le pseudo-format :hover que sur le liens (donc balise <a>) pour des raisons qui échappent à pas mal de monde ;)

Posté (modifié)

ahh wii, ca me redis des choses ! (d'apres un tuto que j'avais lu :) )

et concernant les images ? une idee ?

je recherche toujours comment mettre un titre sur l'image comme par exemple :

<caption></caption> qui sont utiliser pour les tableaux

Car pour l'instant, je fais un peu du magouillage du style :

.photo_gauche
{
   margin-left: 10%;
   border: 1px dashed #52B8FF;
}

.nom_gauche
{
   margin-left: 14%;
}

avec des <span class="nom_gauche"> dans l'HTML

merci ;)

edit : ajhhh, peut etre avec les dt, dd ... je suis en train de tester ca :)

re edit, que ca me gonfle !!!!! je vais peut etre le faire en tableau .... je ne vois que ca :/

Modifié par Folken

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...