[html / css] pb mise en page, div positionnés

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [html / css] pb mise en page, div positionnés

k666

dites non à petitmou

salut, j'essaye de faire un site avec des menus et des sous-menus contextuels ... j'essaye de faire ce genre de sous menus avec des div positionnés, paske j'ai pas envie de faire plein d'images, car ces sous menus risquent de changer, dans leur quantité, texte, etc.... et donc, je veux faire entrer en jeu les CSS et les DIV ....

je sais pas trop comment faire
poue le menu principal j'ai réussi (cf. (1) ) à bien positionner, et faire un effet onmouseover onmouseout avec un peu de javascript, en changeant de classe ....
mais pour les sous menus(cf. (2) ), je sais pas du tout comment faire .... sachant qu'il y a un effet onmouseover, etc...
le screenshot :

Publicité

k666

dites non à petitmou

euh
je crois que mon problème est mal expliqué :'(

un extrait de ma css :

Code :

.menuitem1 {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white;
background-image:url(/image/v2/rond_on.gif);
background-position:center right;
background-repeat:no-repeat;
position:absolute; top:80px; left:220px;
}
.menuitem1 a:active {color: white; text-decoration:none}
.menuitem1 a:hover {color: white; text-decoration:none}
.menuitem1 a:link {color: white; text-decoration:none}
.menuitem1 a:visited {color: white; text-decoration:none}
.menuitem1_over {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f7931e; font-weight: bold;
background-image:url(/image/v2/rond_roll.gif);
background-position:center right;
background-repeat:no-repeat;
position:absolute; top:80px; left:220px;
}
.menuitem1_over a:active {color: #f7931e; text-decoration:none}
.menuitem1_over a:hover {color: #f7931e; text-decoration:none}
.menuitem1_over a:link {color: #f7931e; text-decoration:none}
.menuitem1_over a:visited {color: #f7931e; text-decoration:none}

mon javascript:

Code :

function menu_mouseover(obj) {
obj.className = obj.className + "_over";
}
function menu_mouseout(obj) {
var pt = obj.className.indexOf("_over" );
if (pt >= 0) {
newclass = obj.className.substring(0,pt);
} else {
newclass = obj.className;
}
obj.className = newclass;
}

mon chteumeuleu pour les menus:

Code :

<div class="menuitem1" onmouseover="javascript:menu_mouseover(this);" onmouseout="javascript:menu_mouseout(this);"><a href="">Accueil </a></div>

ça ça marche nickel, paske les éléments du menu (1) ne font qu'une ligne de texte, donc le petit rond blanc reste toujours aligné ...

par contre je sais pas comment faire ça pour les sous menus qui peuvent faire plus d'une ligne etc....

bref :s
eske kelkun a fait un menu avec des sous menus un peu comme mon truc et que en css ?

k666

dites non à petitmou

hum
pas passionnant tout ça :cry:
sinon, en css, quand je fais ça:

background-image:url(/image/v2/rond_on.gif);
background-position:center right;
background-repeat:no-repeat;

eske je peux dire à l'image qu'elle descende de x pixel par rapport au top ? ya moyen de positionner une background-image ??????

FORUM HardWare.fr

Programmation

[html / css] pb mise en page, div positionnés

Sujets relatifs
[PHP/HTML] Inclure du PHP dans du HTML.	Pouvez vous m'aider mise en forme de nombre ! svp
Mon composant .dll n'est pas trouver par ma page asp!!	pour assocvier une image a ma page web ds la barre des liens.
[HTML] faire un div mais sans aller à la ligne...	Comment faire une menu page web
[ html 4.1 Strict ] petite erreur, comprends pas :(	[html] pb. marges/bordures ...
generer une page HTML en java
Plus de sujets relatifs à : [html / css] pb mise en page, div positionnés

Page générée en 0.042 secondes