[Help] Vos soucis de programmation, de site internet etc...

[BillBridge]

Je peut mettre ça par exemple ?

Code: Tout sélectionner

.nav li ul {
 position:absolute;
 }

.nav ul li ul li a{
   background-color:#F00;
}


[osorojo]

Faut pas foutre un position absolute ici, tu vas tout péter

En gros, ton souci, c'est juste que l'apparence de tes liens n'est pas bonne dans le sous menu. Du coup ne touche qu'aux propriétés qui ont un impact sur l'apparence. Position va agir lui sur le positionnement de ton block.

En gros fais ça par exemple :

.nav li ul {
background:#000;
padding:7px;
}

.nav ul li ul li a{
background:none;
color:#fff;
padding:5px 0;
border-bottom:1px #222 dotted;
}
.nav ul li ul li a:hover{
background:#222;
}

Un truc du genre ^^

[BillBridge]

Je vais encore être agaçant
J'ai fais ce que tu m'a di, mais j'ai toujours mes arrondies sur le hover des sous menu. Alors que je le veux seulement sur mon menu de base.

Code: Tout sélectionner

@charset "utf-8";
/* menu.css */
/* Par Valentin Daubeuf */
/* Le 15/07/11 */

#menu {width:960px; background-color:#000;
}
.nav {
   display: block;
   overflow: auto;
   margin-bottom:10px;
   margin-left:10px;
}
.nav ul {
   display: block;
   margin:0;
   padding:0;
   list-style-type: none;
}
.nav ul.menu_nav li {
   display: block;
   float: left;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: bold;
   color: #FFF!important; /* lightest grey */
}
.nav ul.menu_nav li {
   margin: 0 10px 0 0;
}
.nav li a, .nav li a:link, .nav li a:visited  {
   display: block;
   padding: 5px 5px;
   background:#333; /* dark blue */
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
}
.nav li a:hover, .nav li a:active, .nav li a:focus  {
   color: #000!important; /* blue */
   background: #F90;
}

.nav ul li ul {
   display:none;
}
.nav ul li:hover ul {
   display:block;
   overflow:auto;
   position:absolute; margin:0; border-top:none!important; color:#fff; font-size:12px;
}
.nav li:hover ul li {
 float:none;
 }
.nav li ul {
background:#000;
padding:7px;
}

.nav ul li ul li a{
background:none;
color:#fff;
padding:5px 0;
}
.nav ul li ul li a:hover{
background:#CF0;
}

Je dois mettre mon indication pour les coter ailleurs ?
Merci encore.

[osorojo]

Ue, faut que tu surcharges la propriété des arrondis de blocs.

Ca donne ça en corrigeant :

.nav ul li ul li a{
background:none;
color:#fff;
padding:5px 0;
border-bottom:1px #222 dotted;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}

[BillBridge]

Ça me le fait toujours. C'est bizarre.

[osorojo]

Essaye de rajouter un !important ici :

.nav ul li ul li a{
background:none;
color:#fff;
padding:5px 0;
border-bottom:1px #222 dotted;
-moz-border-radius:0px !important;
-webkit-border-radius:0px !important;
border-radius:0px !important;
}

[BillBridge]

Super, ça marche !!!
Mille merci.
Il me reste plus a nettoyer le code, et faut que je trouve la solution pour centrer mon texte verticalement.
En tout cas super, merci.

[osorojo]

.nav ul li ul li a{
background:none;
color:#fff;
padding:5px 0;
border-bottom:1px #222 dotted;
-moz-border-radius:0px !important;
-webkit-border-radius:0px !important;
border-radius:0px !important;
text-align:center;
}

Pour centrer ton texte ?
De rien

[BillBridge]

Mais text-align:center; ça centre le texte horizontalement, moi j'aimerais le mettre verticalement, mais c'est pas très gênant.
Merci

[osorojo]

Je t'avais pas vu. Ouais effectivement, j'avais compris horizontal. Pour un centrage vertical, c'est un peu plus emmerdant. Soit tu mets un span en display:block dans ton a, tu fixes une hauteur aux deux blocs et tu mets un vertical-align:middle au premier conteneur (le a).

Sinon tu le fais à la barbare, un tableau, pour foutre un vertical align sur chaque td. Mais essaye la premiere soluce, c'est plus propre

[zack_]

Tu fais quoi oso comme job pour toucher autant au code qu'à la photo (et autres talents cachés)

[osorojo]

J'ai pas de mérite, c'est mon taff
J'suis graphiste, webdesigner, intégrateur multi casquette ^^ Je bosse dans une agence de com. En ce moment, par exemple, je fais des 360° dans des camping car, c'est trop génial

[Tyseah]

Excellent! Il est sympa ton site.

[zack_]

Tu as un lien

[osorojo]

http://www.donguiste.org mais bon, ça date
J'avais fait ça aussi pour me faire recruter : http://www.donguiste.org/flash/

Faut que je le refasse, il date du temps où je cherchais un job Je bosse sur une nouvelle version (enfin bosser, j'y pense quoi ! ).

@Tyty, j'espere que t'as pas cherché osorojo xDDD