pb de mise en page

pb de mise en page - HTML/CSS - Programmation

Marsh Posté le 18-01-2005 à 16:05:21    

Bonjour tout le monde,
 
Comme le dit le sujet, j'ai un petit problème de mise en page. J'ai fait un copier/coller du code d'une page pour en créer une autre, et la résultat n'est pas le même. Bon j'ai bien fait quelques petites modifications, mais je vois pas ce que j'ai pu faire pour que ca parte en sucette.
Une bonne ame veut bien m'aider ? C'est sans doute tres con, mais je vois pas [:armelanuel]
 
page de base : http://www.airport-car-services.com/shuttle.html
 
page a probleme : http://www.airport-car-services.com/cityfirst.html
 
(ca vient du DIV.list a priori)

Reply

Marsh Posté le 18-01-2005 à 16:05:21   

Reply

Marsh Posté le 20-01-2005 à 13:57:06    

Bon, finalement j'ai refait un copier/coller et ça marche  :heink:  
 
Mais j'ai un peu le même genre de problème sous Firefox pour un des champs de texte d'un de mes formulaires (destination address) :
url : http://www.airport-car-services.com/book.php?type=none
 
la partie du css pour ce formulaire est :

Citation :


/* conteneur du reste de la page */
 
  div#content{
   width: 517px;
   height: 800px;
   float: left;
   background-image: url(../picture_library/book/content_background.gif);
   background-position: top right;
   background-repeat: no-repeat;
   font-size:8pt;
  }
   
  div#content b{
   color:#FF0000;
   font-size:12pt;
  }
 
  span.hidden {
   padding: 0px;
   margin: 0px;
   display:none;
  }
 
  img.separator{
   margin-left:7px;
   padding:0px;
   margin-top:0px;
   margin-bottom:0px;
  }
 
  h1{
   margin-left: 27px;
   margin-top: 10px;
   margin-bottom:0px;
   color: #CECECE;
   font-family: Britannic Bold;
   font-size: 12pt;
   font-weight:bold;
  }
 
  h2{
   margin-left: 15px;
   color: #FE9555;
   font-family: arial;
   font-weight: bold;
   font-size: 12pt;
  }
 
  div.form{
   padding:2px;
   margin-left: 27px;
   width: 450px;
   color: #999999;
   font-family: arial;
   font-size: 8pt;
  }

 
  input.submit{
   float:left;
   margin-top:50px;
   margin-left:27px;
   background:#FE9555;
   color:#FFFFFF;
  }
 
  input.reset{
   margin-top:50px;
   margin-left:300px;
   background:#FE9555;
   color:#FFFFFF;
  }
 
  input.other{
   float:right;
  }
 
  div#content select{
   float:right;
   margin-left:4px;
  }

 
  div#content textarea{
   float:right;
  }


 
L'autre chose étrange concernant cette page est sous IE : les textes a gauche des <select> sont decales par rapport aux autres  :??:  
 
Vous voyez le pourquoi d'un des deux problèmes ?

Reply

Marsh Posté le 21-01-2005 à 20:42:26    

dites, vous ne voyez pas d'explication logique à mes problèmes ou ma question est trop bête pour que vous répondiez ?

Reply

Marsh Posté le 24-01-2005 à 18:13:25    

si vous vous amusez avec les pages d'avant, celle-la merite le detour : http://www.airport-car-services.com/cityfirst.html
 
sous IE c impec, mais alors sous firefox, il me cree des decalages etranges entre chaque div  
(oui je sais que j'aurais du coder en regardant firefox en premier  :sweat: ... mais j'ai fait ma larve en oubliant   :cry: .. ceci dit, je ne comprends pas pourquoi ca ne marche pas :pt1cable: )
 

Citation :

code CSS :
div.hours{
   float:left;
   margin-right:5px;
   width:120px;
   height:100%;
   font-weight:bold;
  }
  div.hours img{
   margin:0px;
   padding:0px;
  }
 
/* section Notre-Dame, Tour Eiffel et Montmartre */
 
  div.notre_dame{
   margin-left: 22px;
   margin-bottom:0px;
   margin-top:0px;
   padding:0px;
   width: 550px;
   color: #999999;
   font-family: arial;
   font-size: 8pt;
  }
  div.notre_dame b{
   color: #FE9555;
  }
  div.book{
   width:137px;
   float:right;
   margin-left:20px;
  }
 
  img.header{
   margin-left:128px;
   margin-bottom:20px;
  }


 
s'il y a des padding:0px et des margin:0px en trop... c'est des tentatives desesperees de remettre le tout en bon ordre... je ne vous cache pas que c'est un echec  :pfff:  
 
Suis-je vraiment nul pour que presque chacune de mes pages me cause autant de soucis ? (repondez pas oui, pleeeaaaaase !)

Reply

Marsh Posté le 24-01-2005 à 19:26:02    

arf, j'ai trouve, j'avais laisser une ligne qui n'avait aucune consequence sous IE et qui etait prise en compte (pas comme je l'avais comprise) sous firefox :  
 

Citation :

code CSS :
div.hours{
   float:left;
   margin-right:5px;
   width:120px;
   height:100%;
   font-weight:bold;
  }
  div.hours img{
   margin:0px;
   padding:0px;
  }
 
/* section Notre-Dame, Tour Eiffel et Montmartre */
 
  div.notre_dame{
   margin-left: 22px;
   margin-bottom:0px;
   margin-top:0px;
   padding:0px;
   width: 550px;
   color: #999999;
   font-family: arial;
   font-size: 8pt;
  }
  div.notre_dame b{
   color: #FE9555;
  }
  div.book{
   width:137px;
   float:right;
   margin-left:20px;
  }
 
  img.header{
   margin-left:128px;
   margin-bottom:20px;
  }


 
... j'ai honte  :sweat:  

Reply

Marsh Posté le 27-01-2005 à 11:28:18    

Gravastar a écrit :


Mais j'ai un peu le même genre de problème sous Firefox pour un des champs de texte d'un de mes formulaires (destination address) :
url : http://www.airport-car-services.co [...] pe=shuttle
 
L'autre chose étrange concernant cette page est sous IE : les textes a gauche des <select> sont decales par rapport aux autres  :??:  
 
Vous voyez le pourquoi d'un des deux problèmes ?


 
[:aurel74]
 
Quelqu'un ?

Reply

Marsh Posté le 06-02-2005 à 15:09:20    

[:ass_kicker57]

Reply

Marsh Posté le 06-02-2005 à 16:59:00    

Salut gravastar.
 
Euh, jpeux pas trop t'aider avec ton code, désolé.  
 
Par contre 2/3 remarque sur le site si tu le permet :
 
je suis en 56k et en affichage 1024:  
- tes pages mettent un temps fou à s'afficher chez moi, plusieurs minutes même.
- ton menu avec les boutons sur la gauche à des problèmes d'affichage au passage de la souris -> ça disparait pour réapparaître  
- c'est très lourd au niveau de l'anglais. Exemple : "You can reserve 7 days a week from 9 a.m. to 18 p.m. :" ou alors "Only arrival flights between 6:00 and 20:45 will be reserved ". Alors soit t'es en mode 12 heures et tu mets a.m/p.m ce qui est plutôt le style anglo-saxon, soit tu es en mode 24 heures et là tu oublies les a.m/p.m mais tu mets un "h" genre "20h45" ou "20:45h"
- les encadrements photos pas top, je verrais plutôt des ombres.
 
Il est déja en ligne ce site ?  
 
Extrait :
"We perform a shuttle service from the Roissy Charles de Gaulle airport (terminals 1 & 2) to Paris hotels and vice versa.
Upon arrival at the airport, "we put" two reception desks whith phones at your disposal. Then an air-conditioning minivan awaits you and other passengers (max. capacity 8 persons) to drive you to your hotel.  
Likewise, a minivan will drive you from your hotel (downtown) to the airport.All transfers will be reserved by fax or e-mail.Departures will be confirmed directly by the customers to our reservations office (or to the office which is in direct contact with us).
You can reserve 7 days a week from 9 a.m. to 18 p.m. :
Fax : 01 48 35 15 15 or E-mail : booking@airport-car-services.com
In charge : Merry Liuzzo (phone number : 01 39 73 99 59)
We will confirm the reservation by giving the reservation number. If you reserve for both departure and arrival services, two numbers will be given.
Only arrival flights between 6:00 and 20:45 will be reserved with standard tariffing. Outside this schedule, an additional fee will be charged.
For the departure flights, the pick-ups will be available from 5:00 to 20:30."
 
C'est assez lourd pour de l'anglais.


---------------
If you can hear it ... then it ain't loud enough !
Reply

Marsh Posté le 07-02-2005 à 14:59:30    

Merci pour ces remarques, je vais voir s'il n'y a pas moyen de faire un anglais moins lourd, mais n'etant pas moi meme bilingue et mon employeur ne me fournissant pas le texte, je suis tout seul pour faire ca.
 
Pour ce qui est du temps d'affichage, c'est sans doute à cause du fait que les boutons sont en image... mais la je n'y peut pas grand chose dans le sens ou on ne m'a pas laise le choix.
 
Quand aux encadrements... ben je les aime bien moa :) Enfin, je proposerai ton idee a mon employeur et je verrai ce qu'il en pense.
 
Merci encore de m'avoir repondu ! :)

Reply

Marsh Posté le 09-02-2005 à 02:30:41    

:)  
Salut Gravastar.
 
Bon, je suis retourné voir tes menus : sous IE 5.5 c'est vraiment pas top, ç'est pas cohérent comme affichage, surtout le bouton "sightseeing". Si je passe dessus assez vite le menu disparait pour un long moment.  
Sous Mozilla/Firefox c'est déjà mieux mais c'est pas encore parfait comme affichage.(le menu)
 
Sinon j'ai oublié de te dire que j'aimais bien tes couleurs, mais je suis partial, j'adore l'orange ! Et ton layout est bon à part que tes pages sont très longues et y'a beaucoup à lire. La difficulté est d'arriver à donner l'info essentiel pour capter l'attention du visiteur, tout en rendant facilement accessible l'info de fond, style conditions générales, tarifs, horaires, etc...
Et si vos clients commençent à avoir la vue basse, gaffe à la taille et la teinte de tes polices.
 
Voilà, @ + !


Message édité par boobazzz le 09-02-2005 à 02:33:01

---------------
If you can hear it ... then it ain't loud enough !
Reply

Marsh Posté le 09-02-2005 à 02:30:41   

Reply

Marsh Posté le 09-02-2005 à 18:16:29    

Salut boobazzz,
 
comme je t'ai dit, pour le menu, les problèmes d'affichage viennent du fait que ce sont des images qui tiennent lieu de bouton (d'ailleurs, je les ai préchargées et je pensais que ça résoudrait le pb, mais non....). Et comme mon employeur m'a demandé de garder les images (je lui ai déjà proposé de mettre du texte avec un certain fond et des bordures, qui change au survol, mais y veut pas), j'y peux pas grand chose, si ?  :??:  
 
Pour ce qui est de la longueur des pages... ben je suis encore une fois d'accord avec toi, mais idem : c l'employeur qui veut ça comme ça.  :pfff:  
 
Enfin, pour la taille de la police... t'as p'tet ben raison, je vais voir ça  :D  
 
P.S.: merci pour ton commentaire sur les couleurs.. mais... c'est la charte graphique que m'a donnée mon employeur  :lol:  
bouhouhoouu, j'ai auncun mérite !!

Reply

Marsh Posté le 09-02-2005 à 18:22:02    

Il n'y a pas moyen de passer le système de boutons en mode texte, en gardant le même effet ?
 
Ha oui, sinon c'est joli, mais on voit mal le titre des prestations proposées.

Reply

Marsh Posté le 09-02-2005 à 18:34:54    

Fred999 a écrit :

Il n'y a pas moyen de passer le système de boutons en mode texte, en gardant le même effet ?
 
Ha oui, sinon c'est joli, mais on voit mal le titre des prestations proposées.


 
nop, j'ai pas la police que le graphiste a utilise.... tssss Akzidenz quelque chose il me semble.

Reply

Marsh Posté le 09-02-2005 à 18:39:40    

La police, de toute manière, si le navigateur du client ne l'a pas, c'est dead.
 
Dis à ton boss que la mode est au concis ! :D

Reply

Marsh Posté le 09-02-2005 à 18:41:02    

arf, je vais faire ca ! le pb c'est qu'il y tient a sa foutue police !  :lol:

Reply

Sujets relatifs:

Leave a Replay

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