Problème de bordures en CSS?

Problème de bordures en CSS? - HTML/CSS - Programmation

Marsh Posté le 02-05-2007 à 23:35:48    

Salut,
le plus simple pour comprendre mon problème est de le voir...
http://www.fisenne.be/fichiers/tes [...] ge=membres
En fait, je cherchais à changer le nom du dossier dans lequel on se trouve en fonction du lien sur lequel on clique. Mais depuis que j'ai fait ca, j'ai un bord à gauche et à droite de l'image changeante. Que puis-je faire pour éviter cela?
 
Voici une partie du code:

Code :
  1. <div style="height:102; width:895">
  2.        <div style="position:absolute; left:0; top:0; width:314; height:102"><img src="../../images/fond/fisenne_01.jpg" width="314" height="102" border="0" usemap="#Map3"></div>
  3.        <div style="position:absolute; left:314; top:0; width:427; height:102; border:0">
  4.        <?php
  5.   $var0="menu_00.jpg";
  6.   $var1="menu_02.jpg";
  7.   $var2="menu_03.jpg";
  8.   $var3="menu_04.jpg";
  9.   $var4="menu_05.jpg";
  10.   $var5="menu_06.jpg";
  11.      $var6="menu_07.jpg";
  12.   $var7="menu_08.jpg";
  13.   $var8="menu_09.jpg";
  14.   $var9="menu_10.jpg";
  15.   if ($page=='accueil') echo "<img src=\"$var0\" >";
  16.   if ($page=='membres') echo "<img src=\"$var1\" >";
  17.   if ($page=='fisenne') echo "<img src=\"$var2\" >";
  18.   if ($page=='calendrier') echo "<img src=\"$var3\" >";
  19.   if ($page=='albumphotos') echo "<img src=\"$var4\" >";
  20.   if ($page=='divertissements') echo "<img src=\"$var5\" >";
  21.   if ($page=='artistes') echo "<img src=\"$var6\" >";
  22.   if ($page=='affaires') echo "<img src=\"$var7\" >";
  23.   if ($page=='adresses') echo "<img src=\"$var8\" >";
  24.   if ($page=='livredor') echo "<img src=\"$var9\" >";
  25.   ?></div>     
  26.        <div style="position:absolute; left:741; top:0; width:154; height:102"><img src="../../images/fond/fisenne_03.jpg" width="154" height="102"></div>     
  27.    </div>
  28.  
  29.    <div style="height:113; width:895">
  30.        <div style="position:absolute; left:0; top:102; width:314; height:113"><img src="../../images/fond/fisenne_04.jpg" width="314" height="113" border="0" usemap="#Map"></div>     
  31.    <div style="position:absolute; left:314; top:102; width:427; height:113"><img src="../../images/fond/fisenne_05.jpg" width="427" height="113" border="0"></div>
  32.    <div style="position:absolute; left:741; top:102; width:75; height:113"><img src="../../images/fond/fisenne_06.jpg" width="75" height="113" border="0"></div>  
  33.    <div style="position:absolute; left:816; top:102; width:79; height:71; background-image:url(../../images/fond/fisenne_07.jpg)"></div>
  34.    <div style="position:absolute; left:816; top:173; width:79; height:42"><img src="../../images/fond/fisenne_08.jpg" width="79" height="42" border="0"></div>
  35.    </div>


Merci d'avance pour votre aide!!!

Reply

Marsh Posté le 02-05-2007 à 23:35:48   

Reply

Marsh Posté le 03-05-2007 à 04:38:16    

WOW.
 
1-Je vais rien dire sur le code.
2-Je soulève un problème d'ergonomie :
 
Pourquoi ne pas utiliser menu_accueil, menu_membres, ce qui permettrait d'avoir une maintenance plus aisée, et surtout de moins avoir besoin de code.
3-L'élément image requiert un attribut "alt"
4-Il faut mettre la propriété css : display:block à ton image, de toute façon est elle trop courte
5-I LOVE THE SEMANTICS


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 06-05-2007 à 15:06:26    

Shinuza a écrit :

WOW.
 
1-Je vais rien dire sur le code.


+1
(un indice chez vous : feuille de style à part)


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 06-05-2007 à 15:59:23    

et l'absolute partout, c'est :love:


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
Reply

Marsh Posté le 06-05-2007 à 18:16:37    

zecrazytux a écrit :

et l'absolute partout, c'est :love:


juste pour préciser que c'est de l'ironie, bien sur. Faudrait pas bingojm croie qu'il faut tout mettre en absolute ! ce serait dommage qu'il pourrisse son site à cause d'un malentendu ! :D


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 07-05-2007 à 16:51:34    

dartyduck a écrit :

juste pour préciser que c'est de l'ironie, bien sur. Faudrait pas bingojm croie qu'il faut tout mettre en absolute ! ce serait dommage qu'il pourrisse son site à cause d'un malentendu !  :D

 


c'était ambigue ? [:delarue3]

 

bien chur que c'est ironique :D


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
Reply

Marsh Posté le 07-05-2007 à 20:46:26    

Merci pour vos conseils les gars.
Pour ce qui est du code, je comptais l'éclaircir par après en créant une feuille de style à part.
En fait, c'est la première fois que j'essaie d'utiliser CSS pour remplacer les fameux tableaux.
Maintenant, je suis plutôt mal parti si je comprends bien? Ca ne marche pas si je n'utilise pas absolute. Que dois-je utiliser d'autre?
Est-ce que je dois complètement changer ma façon de faire?
Je cherchais donc à réaliser un tableau en CSS et trouver une fonction qui me permette de changer mon titre à chaque changement de menu.
Je ne sais pas trop si je suis dans le bon.
Merci pour votre aide!

Reply

Marsh Posté le 07-05-2007 à 22:22:31    

Shinuza a écrit :

WOW.
 
1-Je vais rien dire sur le code.
2-Je soulève un problème d'ergonomie :
 
Pourquoi ne pas utiliser menu_accueil, menu_membres, ce qui permettrait d'avoir une maintenance plus aisée, et surtout de moins avoir besoin de code.
3-L'élément image requiert un attribut "alt"
4-Il faut mettre la propriété css : display:block à ton image, de toute façon est elle trop courte
5-I LOVE THE SEMANTICS


Si je comprends bien ton point 2, je devrais créer une page .htm pour chaque menu. Si tel est le cas, comment puis-je créer mon bouton pour passer d'une page à l'autre vu que les boutons sont des zones sensibles ici?
Il est clair que cela allégerait tout le code...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed