Rechercher : dans
Par :

Style = "position: absolute;

Dernière réponse le 4 avr 2009 à 02:55:03 malabarbe, le 5 mai 2008 à 21:44:37 
 Signaler ce message aux modérateurs

Bonsoir,

Mon script qui me permet d'afficher un message
avec le click droit fonctionne bien, mais je voudrais
centrer le message en milieu de page.

J'ai testé style="position: absolute;
mais pas de résultats.

Mon code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>

<style>
#menu{
position: absolute; top: 80 px; left: 100 px;
width:225px;
border:3px solid navy;
background-color:lightblue;
font-family:Arial, Verdana;
font-size: 12pt;
color:#000080;
line-height:24px;
cursor:pointer;
visibility:hidden;
}
.menuitems{
//padding-left:5px;
//padding-right:5px;
}
</style>

<script language="JavaScript1.2">
var display_url=1

function showmenu(){
var rightedge=1000 //document.body.clientWidth-event //.clientX
var bottomedge=0 //document.body.clientHeight-event //.clientY
if (rightedge<menu.offsetWidth)
menu.style.left=document.body.scrollLeft+event.clientX-menu //.offsetmid //Width
else
menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<menu.offsetHeight)
menu.style.top=document.body.scrollTop+event.clientY-menu.offsetHeight
else
menu.style.top=document.body.scrollTop+event.clientY
menu.style.visibility="visible"
return false
}

function hidemenu(){ menu.style.visibility="hidden" }

function over(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="yellow"
if (display_url==1)
window.status=event.srcElement.url
}
}

function out(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="#000080"
window.status=''
}
}

function linkTo(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</script>
</head>

<body>
<center>
<p><img align="center" border="0" src="Mini/0489.jpg" width="720" height="460"></p>
<div id="menu" onMouseover="over()" onMouseout="out()" onClick="linkTo()">
<CENTER><b><i>
<div class="menuitems" align="center" url="Maxi/0489.jpg"> Afficher la Photo en haute résolution !</div>

<script language="JavaScript1.2">
document.oncontextmenu=showmenu
if (document.all&&window.print)
document.body.onclick=hidemenu
</script>

</body>
</html>

Merci de votre aide

Meilleures réponses pour « style = "position: absolute; » dans :
Positionner des éléments grâce aux CSS Voir Il est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Supprimer le lecteur média sur MySpace VoirProblème Comment supprimer le lecteur standard sur MySpace ? Solution Dans "Bio": embed{ visibility:visible; position:absolute; top:0; left:0; width:1; height:1; } Dans "Influences": Ligne de code pour le lecteur...
LG KU990 / LG KU990I Pas de CD ni stylet ni câble USB VoirProblème J'ai commandé un LG KU 990 et lors de la réception de mon téléphone je n'ai pas reçu le CD pour l'ordinateur, le stylet et le câble USB. Est-ce normal ? Solution Concernant l'absence de CD, aller télécharger le programme sur le site de...
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Les feuilles de style VoirPropriétés de polices Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de...

2

 mayouta8, le 4 avr 2009 à 02:55:03

BONSOIR
avez vous trouvé le resulta?
j'ai exactement le meme probleme que vous,SVP aidez moi
merci d'avance

Répondre à mayouta8