problème d'insertion d'images (résolu) - HTML/CSS - Programmation
Marsh Posté le 13-06-2002 à 15:54:49
tu veux que l'image noire soit collée au cadre du navigateur c'est bien ca??? genre x=0 y=0 ???
Marsh Posté le 13-06-2002 à 16:06:03
dans ce cas, tu peux par exemple mettre ton image dans une division que tu place au bon endroit, donc :
<div style="position: absolute; left:0px; right: 0px;">
<img src="logo_liste.jpg" border="0" width="120" height="100" align="left" alt="logo">
</div>
voila, quelque chose dans ce genre...
Marsh Posté le 13-06-2002 à 18:30:15
madam a écrit a écrit : dans ce cas, tu peux par exemple mettre ton image dans une division que tu place au bon endroit, donc : <div style="position: absolute; left:0px; right: 0px;"> <img src="logo_liste.jpg" border="0" width="120" height="100" align="left" alt="logo"> </div> voila, quelque chose dans ce genre... |
merci beaucoup
ça marche, à peu près mais c cool
Marsh Posté le 13-06-2002 à 14:55:14
voilà sur la page suivante je n'arrive pas à mettre l'image au dessus du menu en haut à gauche sans laisser de blanc autour
http://perso.club-internet.fr/fabi [...] liste.html
voici le code
<html>
<!-- Date de création: 13/06/2002 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="www.laffaire.yo.lv">
<meta name="generator" content="WebExpert 5">
</head>
<body>
<script language="JavaScript1.2" src="coolmenus2.js">
// Copyright 1999 Thomas Brattli (www.bratta.com)
/* * * * * * TRIPLE CLIC POUR TOUT SELECTIONNER * * * * * */
</script>
<script>
// Définition de l'objet Menu
oMenu=new menuObj('oMenu'
// Les variables de style (notation feuilles de style CSS)
//// Le style du menu principal
oMenu.clMain='padding:5px; font-family:verdana; font-size:10px; font-weight:bold'
//// Le style des sous-menus
oMenu.clSub='padding:5px; font-family:verdana; font-size:10px'
//// Le style des sous-sous-menus
oMenu.clSubSub='padding:5px; font-family:verdana; font-size:10px'
//// Le style des liens du menu principal
oMenu.clAMain='text-decoration:none; color:White'
//// Le style des liens des sous-menus
oMenu.clASub='text-decoration:none; color:White'
//// Le style des liens des sous-sous-menus
oMenu.clASubSub='text-decoration:none; color:White'
/////////////////////
oMenu.makeStyle()
/////////////////////
// Les propriétés de la barre d'arrière-plan
//// 1 si vous souhaitez une barre sinon 0
oMenu.backgroundbar=0
//// La position gauche de la barre en pixels ou en %
oMenu.backgroundbarfromleft=0
//// La position verticale de la barre en pixels ou en %
oMenu.backgroundbarfromtop=0
//// La taille de la barre en pixels ou en %
oMenu.backgroundbarsize="100%"
//// La couleur de la barre
oMenu.backgroundbarcolor="#6699CC"
// Les dimensions des nenus
//// La hauteur en pixels ou % des éléments du menu principal
oMenu.mainheight=30
//// La largeur en pixels ou % des éléments du menu principal
oMenu.mainwidth=120
//// La hauteur en pixels ou % des éléments du sous-menu
oMenu.subheight=20
//// La largeur en pixels ou % des éléments du sous-menu
oMenu.subwidth=120
//// La hauteur en pixels ou % des éléments du sous-sous-menu
oMenu.subsubheight=20
//// La largeur en pixels ou % des éléments du sous-sous-menu
oMenu.subsubwidth=182
// Le placement du menu principal
oMenu.subplacement=oMenu.mainwidth
// Le retrait horizontal des sous-sous-menus
oMenu.subsubXplacement=oMenu.subwidth
// Le retrait vertical des sous-sous-menus
oMenu.subsubYplacement=0
// Les couleurs des différents menus
//// La couleur d'arrière-plan du menu principal
oMenu.mainbgcoloroff='#6699CC'
//// La couleur d'arrière-plan au passage de la souris du menu principal
oMenu.mainbgcoloron='#75A5D5'
//// La couleur d'arrière-plan des sous-menus
oMenu.subbgcoloroff='#699CCE'
//// La couleur d'arrière-plan au passage de la souris des sous-menus
oMenu.subbgcoloron='#75A5D5'
//// La couleur d'arrière-plan des sous-sous-menus
oMenu.subsubbgcoloroff='#6699CC'
//// La couleur d'arrière-plan au passage de la souris des sous-sous-menus
oMenu.subsubbgcoloron='#75A5D5'
//// Pour garder la couleur au passage de la souris lors d'un click
oMenu.stayoncolor=1
// La vitesse de l'effet
oMenu.menuspeed=8
oMenu.menusubspeed=8
// 0 si vous souhaitez des lignes, 1 pour des colonnes
oMenu.menurows=0
// "mouse" pour onmouseover, "click" pour onclick
oMenu.menueventon="mouse"
oMenu.menueventoff="mouse"
// Placement des éléments du menu
// Exemple en % :
// avec autant de valeurs qu'il n'y a d'éléments
//oMenu.menuplacement=new Array("20%","40%","60%","50%","65%" )
// Exemple in px:
// avec autant de valeurs qu'il n'y a d'éléments
//oMenu.menuplacement=new Array(10,200,300,400,500)
// Exemple pour l'un à côté de l'autre
oMenu.menuplacement=0
// Si vous utiliez menuplacement, vous pouvez determiner combien de pixels
// entre chacun (en pixels ou en %)
oMenu.pxbetween=0
// La position par rapport au bord gauche
// (en pixels ou en %)
oMenu.fromleft=0
// La position du menu par rapport au bord haut
// (en pixels ou en %)
oMenu.fromtop="20%"
/*****************************************
Construction du menu de navigation
******************************************/
// Menu principal
// MAIN 0
oMenu.makeMain(0,'Accueil','index.html',0)
// MAIN
//// makeMain(N°menu,'texte','lien','frame_target'
//// on démarre les N°menu à 0 et pas à 1
//// on met lien 0 si on souhaite des sous-menus
oMenu.makeMain(1,'Produits',0)
// Eléments du sous-menu
//// makeSub(N°menu,N°sousmenu,'texte','lien',total de sous-menus,'frame_target'
//// on démarre les N°sousmenu à 0 et pas à 1
//// on met lien 0 si on souhaite des sous-sous-menus
oMenu.makeSub(1,0,'Terre',0,4)
oMenu.makeSub(1,1,'Hors-sol',0,4)
oMenu.makeSub(1,2,'Atmosphère',0,4)
oMenu.makeSub(1,3,'Lampes',0,4)
// Eléments des sous-sous-menus
//// makeSubSub(N0menu,N°sousmenu,N°soussousmenu,'texte','lien',total,'frame_target'
//// on démarre les N°soussousmenu à 0 et pas à 1
oMenu.makeSubSub(1,0,0,'Système de culture','../../scripts/jscripts.php3',3)
oMenu.makeSubSub(1,0,1,'Engrais','../../scripts/jscriptscateg.php3?categ=infobulles',3)
oMenu.makeSubSub(1,0,2,'Substrats','../../scripts/jscriptscateg.php3?categ=textes dynamiques',3)
oMenu.makeSubSub(1,1,0,'Système de culture','../../scripts/jscripts.php3',3)
oMenu.makeSubSub(1,1,1,'Engrais','../../scripts/jscriptscateg.php3?categ=infobulles',3)
oMenu.makeSubSub(1,1,2,'Substrats','../../scripts/jscriptscateg.php3?categ=textes dynamiques',3)
oMenu.makeSubSub(1,2,0,'Ventilation','http://www.espacejavascript.com/in.php?id=16',4)
oMenu.makeSubSub(1,2,1,'Extraction','http://www.editeurjavascript.com/partenaires/concours.php?id=damienmegy',4)
oMenu.makeSubSub(1,2,2,'CO2','http://www.creation-de-site.net/partenaires/in.php3?id=118',4)
oMenu.makeSubSub(1,2,3,'Contrôle','http://www.script-masters.com/top50/in.php3?id=243',4)
oMenu.makeSubSub(1,3,0,'Mercure','../../scripts/jscripts.php3',3)
oMenu.makeSubSub(1,3,1,'Sodium','../../scripts/jscriptscateg.php3?categ=infobulles',3)
oMenu.makeSubSub(1,3,2,'Néon','../../scripts/jscriptscateg.php3?categ=textes dynamiques',3)
//MAIN 1
oMenu.makeMain(2,'Architecture intérieure',0)
oMenu.makeSub(2,0,'Décoration','archi/deco.html
',2)
oMenu.makeSub(2,1,'Environnement','archi/envi.h
tml',2)
//MAIN 2
oMenu.makeMain(3,'Galerie photos',0)
oMenu.makeSub(3,0,'Installation','photos/insta.html',2)
oMenu.makeSub(3,1,'Plantes','photos/plantes.html',2)
//MAIN 3
oMenu.makeMain(4,'Contact',0)
oMenu.makeSub(4,0,'Mail',0,2)
oMenu.makeSub(4,1,'Téléphone & Fax','tel.html',2)
oMenu.makeSubSub(4,0,0,'Conseil','conseil@deco-
hydro.com',3)
oMenu.makeSubSub(4,0,1,'Vente','vente@deco-hydr
o.com',3)
oMenu.makeSubSub(4,0,2,'Webmaster','webmaster@d
eco-hydro.com',3)
//MAIN 4
oMenu.makeMain(5,'Plan','plan.html',0)
/*******************************************
Fin de la construction du menu
********************************************/
oMenu.construct()
</script>
<img src="logo_liste.jpg" border="0" width="120" height="100" align="left" alt="logo">
</body>
</html>
Message édité par gobbaf le 13-06-2002 à 18:30:38