Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1057 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  pb de mise en page

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

pb de mise en page

n°955547
Gravastar
Dude elle est où ma caisse ?
Posté le 18-01-2005 à 16:05:21  profilanswer
 

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)

mood
Publicité
Posté le 18-01-2005 à 16:05:21  profilanswer
 

n°957415
Gravastar
Dude elle est où ma caisse ?
Posté le 20-01-2005 à 13:57:06  profilanswer
 

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 ?

n°958971
Gravastar
Dude elle est où ma caisse ?
Posté le 21-01-2005 à 20:42:26  profilanswer
 

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

n°960950
Gravastar
Dude elle est où ma caisse ?
Posté le 24-01-2005 à 18:13:25  profilanswer
 

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 !)

n°961043
Gravastar
Dude elle est où ma caisse ?
Posté le 24-01-2005 à 19:26:02  profilanswer
 

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:  

n°963546
Gravastar
Dude elle est où ma caisse ?
Posté le 27-01-2005 à 11:28:18  profilanswer
 

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 ?

n°973281
Gravastar
Dude elle est où ma caisse ?
Posté le 06-02-2005 à 15:09:20  profilanswer
 

[:ass_kicker57]

n°973336
boobazzz
Nigel Tufnel Rules !
Posté le 06-02-2005 à 16:59:00  profilanswer
 

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 !
n°974099
Gravastar
Dude elle est où ma caisse ?
Posté le 07-02-2005 à 14:59:30  profilanswer
 

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 ! :)

n°976006
boobazzz
Nigel Tufnel Rules !
Posté le 09-02-2005 à 02:30:41  profilanswer
 

:)  
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 !
mood
Publicité
Posté le 09-02-2005 à 02:30:41  profilanswer
 

n°976854
Gravastar
Dude elle est où ma caisse ?
Posté le 09-02-2005 à 18:16:29  profilanswer
 

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 !!

n°976865
Fred999
Rabat-joie
Posté le 09-02-2005 à 18:22:02  profilanswer
 

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.

n°976873
Gravastar
Dude elle est où ma caisse ?
Posté le 09-02-2005 à 18:34:54  profilanswer
 

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.

n°976876
Fred999
Rabat-joie
Posté le 09-02-2005 à 18:39:40  profilanswer
 

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

n°976878
Gravastar
Dude elle est où ma caisse ?
Posté le 09-02-2005 à 18:41:02  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  pb de mise en page

 

Sujets relatifs
[SVG] Mise en page textemise en page css-->probleme son flash
switch + mise en pageancres, ennemies de la mise en page ?
Dreamweaver texte et mise en page en html[Excel][VBA]Empêcher le changmt de mise en page
Gros pb de mise en page CssDiv ou Tableaux pour la mise en page?
Quelle méthode utiliser pour la mise en page de mon site web ?Help : Mise En Page
Plus de sujets relatifs à : pb de mise en page


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR