Design vs en pensez quoi? + aide CSS

Design vs en pensez quoi? + aide CSS - HTML/CSS - Programmation

Marsh Posté le 12-09-2006 à 22:30:21    

salut, voila mon premier site www.sarlsobat.fr
je le trouvais un peu amateur dans la conception donc je m'y suis remit ce matin
 
niveau design vous en pensez quoi? des chose a ameliorer?
 
 
sinon ce n'est en aucun cas de la pub
 


Message édité par lancevo7 le 14-09-2006 à 19:39:58
Reply

Marsh Posté le 12-09-2006 à 22:30:21   

Reply

Marsh Posté le 13-09-2006 à 06:16:37    

Page d'accueil: le texte n'est pas assez lisible sur l'image de fond. L'image devrait être en filigrane. Il manque des liens dans le texte de présentation, vers les rbriques du site, avec des explications et un texte accrocheur.
 
Dans la rubrique Nos travaux: les photos sont énormes, il faudrait en faire des miniatures sinon le temps de téléchargement est trop long.
 
La rubrique Nos travaux est la rubrique principale, et n'est pas assez mise en avant.
 
Le frames vont empêcher les moteurs de recherche de bien te référencer.
 
La date: on s'en fout, utilise l'espace disponible pour mettre des infos utiles, si tu veux quelquechose de dynamique, mets un texte défilant avec des liens vers les sous-rubriques.
 
Les photos-icônes qui changent: ça attire inutilement l'oeil. Mets en une seule genre diaporama, et trouve plutôt des icônes statiques mais bien lisibles pour chaque catégorie et sous-catégorie.
 
Fond bleu foncé: pas terrible comme choix, un fond clair est globalement plus lisible, et ne pose pas de problème lors d'une impression.

Reply

Marsh Posté le 13-09-2006 à 09:32:46    

donc le debut du nouveau design est mieux?
 
merci bcp en tt cas!

Reply

Marsh Posté le 13-09-2006 à 10:46:56    

Plutôt que tu times new roman, j'utiliserai du Arial ou Verdana (comme dans ton formulaire), c'est plus lisible.
Et tu peux aussi réduie la taille de la police sur la page d'accueil.

Reply

Marsh Posté le 13-09-2006 à 16:19:11    

La balise marquee n'existe pas ... :o

Reply

Marsh Posté le 13-09-2006 à 16:45:09    

au faite ca changer maintenant il n'y a que www.sarlsobat.fr avec nouveau design
que veut tu dire par elle n'existe pas?

Message cité 1 fois
Reply

Marsh Posté le 13-09-2006 à 16:49:06    

lancevo7 a écrit :

que veut tu dire par elle n'existe pas?


Elle existe pas dans les standards, elle n'est pas reconnu par le W3C, elle ne doit pas être utilisée. :o

Reply

Marsh Posté le 13-09-2006 à 16:56:47    

1 - ta page n'a pas de balise doctype, de head, de title, de body.
2 - ta page est faite en tableaux.
 
Bref c'est du grand n'importe quoi.


Message édité par CNeo le 13-09-2006 à 16:57:35
Reply

Marsh Posté le 13-09-2006 à 17:02:46    

le coté tableau c'est pour les frames
 
pour les balises, normal j'ai pas fini, je fesait au plus simple, puis le titre du poste c pas "est ce qu'il y a toute les balise et tout est bien en forme?"

Message cité 1 fois
Reply

Marsh Posté le 13-09-2006 à 17:04:02    

lancevo7 a écrit :

le coté tableau c'est pour les frames
 
pour les balises, normal j'ai pas fini, je fesait au plus simple, puis le titre du poste c pas "est ce qu'il y a toute les balise et tout est bien en forme?"


 
En même temps, tu postes dans la catégorie html, pas dans la catégorie design, normal que tu ais des critiques au niveau du code... [:spamafote]


Message édité par gooopil le 13-09-2006 à 17:05:29
Reply

Marsh Posté le 13-09-2006 à 17:04:02   

Reply

Marsh Posté le 13-09-2006 à 17:07:23    

exact j'avais pas vu l'autre categorie, sinon en quoi c'est genant le tableau? moi ca me permet de faire une meilleur mise en forme

Message cité 1 fois
Reply

Marsh Posté le 13-09-2006 à 17:31:31    

lancevo7 a écrit :

exact j'avais pas vu l'autre categorie, sinon en quoi c'est genant le tableau? moi ca me permet de faire une meilleur mise en forme


 
Un peu de lecture
 
http://css.alsacreations.com/Faire [...] n-concrete

Reply

Marsh Posté le 13-09-2006 à 17:37:23    

faut que j'etudie ca alors....
 
mais on peut faire comme ca :
 
1colone, 2ligne, 1 colone
 
|  |___|  |
|  |___|  |
|  |     |  |
 
?

Reply

Marsh Posté le 13-09-2006 à 19:50:14    

Ben voui :/

Reply

Marsh Posté le 14-09-2006 à 09:21:18    

ok, donc question bete encore, je peux abandonner index.php et refaire un index.html avec les style?
 
jpeux tout mettre dans la meme feuille?

Reply

Marsh Posté le 14-09-2006 à 13:02:28    

bon new design avec du CSS, mieux? (pas fini)

Reply

Marsh Posté le 14-09-2006 à 13:54:23    

A changer :
- La table dans ton header
- Le <center><font... à faire en CSS
- Le JS qui marche pas
- La validation ( http://validator.w3.org/check?verb [...] obat.fr%2F )
 
Sinon mieux oui :)


Message édité par gooopil le 14-09-2006 à 13:54:40
Reply

Marsh Posté le 14-09-2006 à 13:57:08    

la table dans mon header? quel table?
 
le JS? si il marche c'est le menu travaux
 
tien je connaissait pas la validation

Reply

Marsh Posté le 14-09-2006 à 14:03:38    

Code :
  1. <DIV ID="1" STYLE="position:absolute; visibility:hidden; left: 125px; top: 177px;" onMouseOut="cache(1)">
  2.    <table width=150 bgcolor="#dea" cellpadding=0 cellspacing=1>
  3.    <tr><td bgcolor="#ac4" STYLE="padding:4" onMouseOver=     "document.getElementById(1).style.visibility = 'visible';controle(1)">
  4.    <a href="index.php?page=charpente" title="charpente" style="text-decoration:none"> <font color="#FFFFFF" size="+1"><b>Charpente</b></font></a>
  5.    </td></tr></table>
  6.     </DIV>


La le table :)
 
Le JS il marche, mais génère des erreurs.
 
Plus au niveau design, je trouve ça génant que dans ton menu, la page en cours réagisse visuellement de la même façon que les pages non actives.


Message édité par gooopil le 14-09-2006 à 14:05:47
Reply

Marsh Posté le 14-09-2006 à 14:19:43    

"Plus au niveau design, je trouve ça génant que dans ton menu, la page en cours réagisse visuellement de la même façon que les pages non actives."
 
pas compris :(
 
en faite pour le menu de nos travaux, donc qui comporte le script + la table, c'est un truc tout fait du net
 
si ta un truc du meme genre a me proposer..

Reply

Marsh Posté le 14-09-2006 à 14:31:42    

Oublie ma phrase que t'as pas compris, ça vient du fait que le menu ne marche pas sous FF.
Sous IE y'a un truc qui s'affiche, mais c'est pas bien beau...

Reply

Marsh Posté le 14-09-2006 à 14:34:23    

bah si j'utilise FF justement
 
pour la page acceuil j'ai utiliser le CSS
 

Code :
  1. <head>
  2. <style type="text/css">
  3. #h1
  4. {
  5. color:#000066;
  6. font-size:25px;
  7. text-align:center;
  8. }
  10. #h2
  11. {
  12. color:#000000;
  13. font-size:30px;
  14. text-align:center;
  15. }
  17. </style>
  18. </head>
  20. <p id="h1">Entreprise familiale forte de 18 années d’expérience dans le domaine du bâtiment, pouvant satisfaire vos besoins de délais, de prix et de qualité des ouvrages accomplis
  21. <br>
  22. <br>
  23. Pour se faire, nous vous proposons nos services dans différents domaines :
  24. </p>
  28. <p id="h2">* R&eacute;novation de b&acirc;timents anciens<br />
  29. * Agencement et r&eacute;habilitation<br />
  30. * Extension de maison, garage, annexe<br />
  31. * Construction neuve<br />
  32. * Am&eacute;nagement ext&eacute;rieur<br />
  33. * Ravalement neuf et ancien</p>


 
bon?
 
reste a trouver un autre menu pour ma page nos travaux

Reply

Marsh Posté le 14-09-2006 à 14:55:58    

j'en ai trouver un, plus qu'a l'ameliorer

Reply

Marsh Posté le 14-09-2006 à 19:39:18    

dailleur pourquoi sous FF ca marche nikel mais pas sous ie?

Reply

Marsh Posté le 15-09-2006 à 10:54:53    

c bon, je corrige petit a petit

Reply

Marsh Posté le 15-09-2006 à 12:17:56    

Salut,
 
D'après les premières réponses, tu as refais des changements.
 
Si avant le texte de la page d'acceuil était illisible, il est maintenant bien trop gros. Essaie de mettre plus de texte ou/et des illustrations, et écrit plus petit.
 
Pour le reste, j'aime bien la présentation générale. Les couleurs ne sont pas agressives et le contraste est correct.
 
Par contre, le menu déconne avec IE7 RC1, c'est tout moche et le rollup n'est pas en face du menu choisi.

Reply

Marsh Posté le 15-09-2006 à 12:44:02    

faut que je le replace bien, sinon avec ie6 ca va mieux qu'avant, sinon avec FF c nikel

Reply

Marsh Posté le 15-09-2006 à 20:58:01    

ouah c est mieux que le truc plein de frames avec les boutons flash tout nases
mais par contre t as un peu massacré le script de sibelius :/
http://css.alsacreations.com/xmedi [...] zontal.htm
avant de t en inspirer recopie le exactement parce qu il marche parfaitement sur ie et ff

Reply

Marsh Posté le 15-09-2006 à 23:03:11    

bah la il marche non?
jle recopier et apres j'ai enlever les truc qui me servait pas

Reply

Marsh Posté le 16-09-2006 à 23:22:30    

il marche super pas et il a pas le meme comportement sur ff et ie [:dawak]
normalement le sous menu doit etre imbriqué dans ta liste de liens "normaux" or toi tu l as extrait du contexte
 
regarde bien
 
sur le script initial
 

Code :
  1. <dl>
  2.  <dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
  3.   <dd id="smenu1">
  4.    <ul>
  5.     <li><a href="#">Sous-Menu 1.1</a></li>
  7.     <li><a href="#">Sous-Menu 1.2</a></li>
  8.     <li><a href="#">Sous-Menu 1.3</a></li>
  9.     <li><a href="#">Sous-Menu 1.4</a></li>
  10.     <li><a href="#">Sous-Menu 1.5</a></li>
  11.     <li><a href="#">Sous-Menu 1.6</a></li>
  12.    </ul>
  14.   </dd>
  15. </dl>


 
le sous menu est dans la meme imbrication de code (le <dl> se ferme a la fin)
 
alors que dans ton code

Code :
  1. <li><dl><dt  onmouseover="javascript:montre('smenu1');" >Nos Travaux</dt></dl></li>


 
tu fermes le <li> tout de suite donc forcement ca bugge :/

Reply

Marsh Posté le 17-09-2006 à 00:04:59    

je comprend ce que tu veux dire, jverrais ca lundi, mais bizare pour ie et FF, moi ca marche nikel

Reply

Marsh Posté le 17-09-2006 à 18:59:28    

En faite mon probleme ce situe dans cette partie!
help me pour la mise en forme
sous ie ca passe pas

Code :
  1. <ul id="menu">
  2.     <li><a href="index.php?page=accueil" title="accueil" style="text-decoration:none">Accueil</a></li>
  3.     <li><a href="etape3.html">Etape n°3</a></li>
  4.     <li><a href="index.php?page=contact"title="contact" style="text-decoration:none"><font color="#FFFFFF"><b>Contact</b></font></a></li>
  5.     <dt onmouseover="javascript:montre('smenu1');" >Nos Travaux</dt>
  6.  </ul>
  7.   <ul id="sousmenu">
  8.    <ul id="smenu1">
  10.     <li><a href="index.php?page=charpente" title="accueil" style="text-decoration:none"><font color="#FFFFFF"><b>Charpente</b></font></a></li>
  11.     <li><a href="#">Sous-Menu 1.1</a></li>
  12.     <li><a href="#">Sous-Menu 1.1</a></li>
  13.    </ul>
  14.      </ul>


Message édité par lancevo7 le 17-09-2006 à 18:59:43
Reply

Marsh Posté le 17-09-2006 à 19:18:43    

bon ca changer ne pas tenir compte du msg au dessus
j'ai qu'une erreur ! c deja bien
 
jverrais la suite demain

Reply

Marsh Posté le 18-09-2006 à 15:00:07    

si quelqu'un peut m'aider pour le rendu du sous menu sous ie, notament l'espacement anormal

Reply

Marsh Posté le 18-09-2006 à 15:04:38    

les dt ça va dans les dl pas dans les ul.
Et tu peux pas ouvrir un "sous"-ul comme ça dans ton deuxième ul, il faut préalablement avoir mis un li.
 
En résumé il manque li dans le deuxième ul ( et non l'inverse)...

Reply

Marsh Posté le 18-09-2006 à 15:16:35    

mais mes dt sont dans les dl
tu peux etre plus clair stp?
 
Code CSS:

Code :
  1. dl, dt, dd, ul, li {
  2. margin: 0;
  3. padding: 0;
  4. list-style-type: none;
  5. }
  7. dl#menu
  8. {
  9. height: 25px ;
  10. background-color:#dea;
  11. list-style-type: none ;
  12. }
  14. dl#menu dt a
  15. {
  16. width: 130px ;
  17. line-height: 25px ;
  18. font-size: 1.4em ;
  19. font-weight: bold ;
  20. letter-spacing: 2px ;
  21. color: #fff ;
  22. display: block ;
  23. text-decoration: none ;
  24. border-right: 2px solid #dea ;
  25. }
  27. dl#menu li a
  28. {
  29. font-size: 1.4em ;
  30. font-weight: bold ;
  31. letter-spacing: 2px ;
  32. display:block;
  33. text-decoration:none;
  34. text-align:left;
  35. color:#FFFFFF;
  36. background-color:#dea;
  37. }
  40. dl#menu dt
  41. {
  42. float: left ;
  43. text-align: center ;
  44. }
  46. dl#menu ul
  47. {
  48. position:absolute;
  49. width:127px;
  50. height:100px;
  51. left: 444px;
  52. top: 177px;
  53. list-style-type: none;
  54. }
  56. dl#menu dt a:hover
  57. {
  58. background-color:#ab4;
  59. }
  61. dl#menu li a:hover
  62. {
  63. background-color:#ab4;
  64. }


 

Code :
  1. <dl id="menu">
  2.     <dt><a href="index.php?page=accueil" title="accueil">Accueil</a></dt>
  3.     <dt><a href="etape3.html">Etape n°3</a></dt>
  4.     <dt><a href="index.php?page=contact"title="contact" >Contact</a></dt>
  5.     <dt><a onmouseover="javascript:montre('smenu1');" >Nos Travaux</a></dt>
  9.  <dd id="smenu1">
  10.    <ul>
  11.     <li><a href="index.php?page=charpente" title="charpente" style="text-decoration:none">Charpente</a></li>
  12.     <li><a href="index.php?page=couverture" title="couverture" style="text-decoration:none">Couverture</a></li>
  13.     <li><a href="index.php?page=faience" title="faience" style="text-decoration:none">Faïence</a></li>
  14.       </ul>
  15.  </dd>
  16.  </dl>


Message édité par lancevo7 le 18-09-2006 à 15:17:45
Reply

Marsh Posté le 18-09-2006 à 15:40:51    

il voulait dire qu'il manque un ul dans un coin :p

Reply

Marsh Posté le 18-09-2006 à 15:42:53    

sorry mais c'est pas le code qu'il y avait plus haut [:spamafote]
la comme ça j'en sais rien :o

Reply

Marsh Posté le 18-09-2006 à 15:47:20    

lol merci qd meme, enfin tester si vous pouvez mais moi sur ie ya un espace dans le sous menu

Reply

Marsh Posté le 18-09-2006 à 19:20:21    

Arrêtez avec vos dl et compagnie. Un menu en ul et li c'est largement suffisant. Pour appliquer un style uniquement à IE utilises les commentaires conditionnels.

Message cité 1 fois
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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