petit probleme de div/table [html/ccs] - HTML/CSS - Programmation
Marsh Posté le 08-07-2004 à 10:37:31
déjà, il te manque un </tr>
<table border="0" cellspacing="0"> ?
Marsh Posté le 08-07-2004 à 10:45:27
T509 a écrit : déjà, il te manque un </tr> |
ouai le tr est mal passé au copier /coller
border="0" cellspacing="0" --< ca donne rien
Marsh Posté le 08-07-2004 à 10:47:23
le probleme est la
td background="trai10_13.gif" height="15">
met
td background="trai10_13.gif" height="15" style="background-repeat:no-repeat;">
Marsh Posté le 08-07-2004 à 10:50:36
tout css :
<div id="sousmenu"><span class="cont_sous_menu">Sous menu</span></div>
tu peux mettre un background au span, et utiliser les pseudo classes :before et :after pour mettre tes 2 extrémités
Marsh Posté le 08-07-2004 à 10:51:00
chacal_one333 a écrit : le probleme est la |
le probleme c'est que l'image de fond doit se repeté vu que c'une une petite bande de 3px pour que ca s'adapte au contenu
Marsh Posté le 08-07-2004 à 10:52:26
ben non, ca suffit une seule fois.
La bout de 3 px qui dépasse, c'est l'image qui se repete
Marsh Posté le 08-07-2004 à 10:56:52
chacal_one333 a écrit : ben non, ca suffit une seule fois. |
l'image de fond ressemble a ca :
donc si je met "no-repeat" elle va s'affiché qu'une seul fois alors qu elle doit s'affiche autant de fois que le contenu de la cellule l'impose.
Marsh Posté le 08-07-2004 à 10:58:16
repeat-x
Marsh Posté le 08-07-2004 à 11:01:06
chacal_one333 a écrit : background-repeat:repeat-x alors |
a bah oui la ca marche
merci
sinon j'avai trouvé comment contourné le probleme :
en mettant la div en overflow:hidden et en spécifiant le height a 19
mais ca me plaisait pas trop
merci a vous
Marsh Posté le 08-07-2004 à 14:40:08
maintenant j'aimerai entouré le site d'une ligne noir ou point tillé.
ca a du mal a passé avec "border:1px solid", ca me fai 1 ligne tout en haut, c tout
comment faire ? lien tuto ?
Marsh Posté le 08-07-2004 à 14:43:54
cela dépend à quoi tu l'appliques ta bordure => div "global"
Marsh Posté le 08-07-2004 à 14:51:13
T509 a écrit : cela dépend à quoi tu l'appliques ta bordure => div "global" |
Code :
|
que je l applique au 2 ca fait pareil
Marsh Posté le 03-08-2004 à 14:57:48
Bonjour messieurs,
Désolé de vous importuner avec mon intrusion dans ce post... cependant j'ai moi même également un petit soucis avec une div que je veux mettre et updater dans un td d'un table...
En fait, je la crée d'abord en javascript via :
if (navigator.appName=="Netscape" ){document.writeln('<layer name="menu"></layer>');}
else{document.writeln('<div id="menu"> </div>');}
et l'update dynamiquement dans une fonction affMenu() via la commande :
document.getElementById('menu').innerHTML = chaine;
Cependant, le problème est que le contenu de la DIV ne s'affiche pas dans la TD mais en haut de mon fichier... ce qui est relativement.... embêtant. Je ne comprends pas pourquoi elle fait cela... Alors si quelq'un aurait une suggestion, je lui serais très reconnaissant.
D'avance merci de vos réponses.
Cf. mon code ci dessous...
Le JS :
/* menu4 par E.D Prod 1998
etiennedeb@ifrance.com
http://javascript.lab.cc
*/
if (navigator.appName=="Netscape" ){document.writeln('<layer name="menu"></layer>');}
else{document.writeln('<div id="menu"> </div>');}
alert("HELLO" );
var type;type = new Array();
var level;level = new Array();
var texte;texte = new Array();
var status;status = new Array();
var image;image = new Array();
var lien;lien = new Array();
var pere;pere = new Array();
var ok=0;var nb=1;var Apere=0;var Alevel=1;var oldpere=0;
//
// La cible par defaut pour les liens
//
var Acible="_top";
//
function ajouter(Anew,Atype,Atexte,Aimage,Alien) {
if (Anew==1) {Apere=0;Alevel=1;}
type[nb]=Atype;
level[nb]=Alevel;
pere[nb]=Apere;
status[nb]=0;
texte[nb]=Atexte;
image[nb]=Aimage;
lien[nb]=Alien;
if (Atype==1) {Apere=nb;}
nb+=1;if (Atype==1) {Alevel+=1;}
}
function ouvre(num){
status[num]=1;affMenu();
}
function ferme(num){
status[num]=0;affMenu();
}
function verif(num){
if (pere[num]!=0) {
while (pere[num]!=0) {
num=pere[num];
if (status[num]==0) {ok=0;}
}
}
}
function affMenu(){
var chaine = "";var saute=0;var niveau=1;
for (var i = 1; i < texte.length; i++) {
ok=1;
verif(i);
if (ok==1) {
for (var j = 1; j < level[i]; j++) {
if (j == level[i]-1) {
chaine+="<img src='images/espacef.gif' align='top'>";}
else {
chaine+="<img src='images/espace2.gif' align='top'>";}
}
if (type[i]==1) {
if (status[i]==0) {
chaine+="<img src='images/fermer.gif' border='0' align='top' onmouseup='ouvre("+i+" )'> ";
chaine+="<A HREF='javascript:ouvre("+i+" )' class='liens'>"+texte[i]+"</a>";
}
else {
chaine+="<img src='images/ouvert.gif' border='0' align='top' onmouseup='ferme("+i+" )'> ";
chaine+="<A HREF='javascript:ferme("+i+" )' class='liens'>"+texte[i]+"</a>";
}
}
else {
chaine+="<A HREF='"+lien[i]+"' class='liens' target='"+Acible+"'>";
if (image[i]=="" ) {
chaine+="<img src='images/lien.gif' border='0' align='top'> ";
}
else {
chaine+="<img src='"+"images/"+image[i]+"' border='0' align='top'> ";
}
chaine+=texte[i];
chaine+="</A>"
}
chaine+="<BR>";
}
}
if (navigator.appName=="Netscape" ){
document.layers['menu'].document.write(chaine);
document.layers['menu'].document.close();
}
else{
document.getElementById('menu').innerHTML = chaine;
}
}
// Les entrees du menu sont crees ici
// argument 1: si mis a 1 signifie que c'est une nouvelle branche (ou fin de la branche en cours)
// argument 2: type de l'entree, 1 pour un dossier, 2 pour un lien
// argument 3: texte qui apprait dans le menu
// argument 4: Icone associe
// argument 5: Lien associe
ajouter(1,1,"Environement","","ShowHeaderAction.action?option=options1" );
ajouter(0,2,"Général","","ShowHeaderAction.action?option=options11" );
ajouter(0,2,"Arbre","","ShowHeaderAction.action?option=options12" );
ajouter(0,2,"Raccourcis","","ShowHeaderAction.action?option=options13" );
ajouter(0,2,"Dossiers","","ShowHeaderAction.action?option=options14" );
ajouter(0,2,"Confirmations","","ShowHeaderAction.action?option=options15" );
ajouter(1,1,"Taches","","ShowHeaderAction.action?option=options2" );
ajouter(1,1,"Processus","","ShowHeaderAction.action?option=options3" );
ajouter(1,1,"File processus","","ShowHeaderAction.action?option=options4" );
ajouter(1,1,"Document","","ShowHeaderAction.action?option=options5" );
ajouter(1,1,"Formulaires","","ShowHeaderAction.action?option=options6" );
ajouter(1,1,"Mail","","ShowHeaderAction.action?option=options7" );
Dans le fichier HTML initial, je fais bien sûr un appel de la fonction affMenu(); au moment opportun, c'est à dire dans ma balise TD...
<td width="20%" valign="top">
<SCRIPT LANGUAGE="javascript">
affMenu();
</SCRIPT>
</td>
Mais cela ne se positionne pas bien... seulement en haut à gauche de ma page...
Quelqu'un aurait-il une idée s'iou plaît, cela me décoincerait vraiment.... merci d'avance...
Marsh Posté le 03-08-2004 à 17:01:49
joulpouille a écrit : hello |
Marche pas le lien
Marsh Posté le 03-08-2004 à 17:37:22
effisk a écrit : Marche pas le lien |
en meme temp le topic a 1 mois
j'ai plus de probleme, le site est fini et emballé et mon patron content
happy end
Marsh Posté le 03-08-2004 à 17:41:24
huhu j'avais pas vu. c'est lacouine qui l'a remonté avec son foutoir en JavaScript.
Marsh Posté le 03-08-2004 à 17:44:32
effisk a écrit : huhu j'avais pas vu. c'est lacouine qui l'a remonté avec son foutoir en JavaScript. |
je suis contre cette pratique de remontage de topîc
Marsh Posté le 08-07-2004 à 10:30:21
hello
je suis actuellement en developement d'un site web legé.
mais j ai un soucis dans le sous menu bleu, il y 3 pixel qui depasse
voila le lien : www.aumojo.com/media
le code :
page html :
edit : trai10_11.gif -< correspond au coin gauche
trai10_13.gif <- pti bout droit de 3px
trai10_15.gif <- coin droit
Message édité par joulpouille le 08-07-2004 à 10:45:47