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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Design vs en pensez quoi? + aide CSS

 



 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

Design vs en pensez quoi? + aide CSS

n°1441436
lancevo7
Posté le 12-09-2006 à 22:30:21  profilanswer
 

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
mood
Publicité
Posté le 12-09-2006 à 22:30:21  profilanswer
 

n°1441488
nargy
Posté le 13-09-2006 à 06:16:37  profilanswer
 

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.

n°1441530
lancevo7
Posté le 13-09-2006 à 09:32:46  profilanswer
 

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

n°1441607
gen2
Posté le 13-09-2006 à 10:46:56  profilanswer
 

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.

n°1441901
CNeo
Posté le 13-09-2006 à 16:19:11  profilanswer
 

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

n°1441924
lancevo7
Posté le 13-09-2006 à 16:45:09  profilanswer
 

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?

n°1441928
CNeo
Posté le 13-09-2006 à 16:49:06  profilanswer
 

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

n°1441941
CNeo
Posté le 13-09-2006 à 16:56:47  profilanswer
 

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
n°1441950
lancevo7
Posté le 13-09-2006 à 17:02:46  profilanswer
 

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?"

n°1441952
gooopil
pfiew
Posté le 13-09-2006 à 17:04:02  profilanswer
 

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
mood
Publicité
Posté le 13-09-2006 à 17:04:02  profilanswer
 

n°1441958
lancevo7
Posté le 13-09-2006 à 17:07:23  profilanswer
 

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

n°1441992
gooopil
pfiew
Posté le 13-09-2006 à 17:31:31  profilanswer
 

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

n°1441998
lancevo7
Posté le 13-09-2006 à 17:37:23  profilanswer
 

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

n°1442037
gooopil
pfiew
Posté le 13-09-2006 à 19:50:14  profilanswer
 

Ben voui :/

n°1442189
lancevo7
Posté le 14-09-2006 à 09:21:18  profilanswer
 

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?

n°1442395
lancevo7
Posté le 14-09-2006 à 13:02:28  profilanswer
 

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

n°1442421
gooopil
pfiew
Posté le 14-09-2006 à 13:54:23  profilanswer
 

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
n°1442425
lancevo7
Posté le 14-09-2006 à 13:57:08  profilanswer
 

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

n°1442430
gooopil
pfiew
Posté le 14-09-2006 à 14:03:38  profilanswer
 

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
n°1442437
lancevo7
Posté le 14-09-2006 à 14:19:43  profilanswer
 

"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..

n°1442446
gooopil
pfiew
Posté le 14-09-2006 à 14:31:42  profilanswer
 

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

n°1442447
lancevo7
Posté le 14-09-2006 à 14:34:23  profilanswer
 

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. }
  9. #h2
  10. {
  11. color:#000000;
  12. font-size:30px;
  13. text-align:center;
  14. }
  15. </style>
  16. </head>
  17. <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
  18. <br>
  19. <br>
  20. Pour se faire, nous vous proposons nos services dans différents domaines :
  21. </p>
  22. <p id="h2">* R&eacute;novation de b&acirc;timents anciens<br />
  23. * Agencement et r&eacute;habilitation<br />
  24. * Extension de maison, garage, annexe<br />
  25. * Construction neuve<br />
  26. * Am&eacute;nagement ext&eacute;rieur<br />
  27. * Ravalement neuf et ancien</p>


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

n°1442473
lancevo7
Posté le 14-09-2006 à 14:55:58  profilanswer
 

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

n°1442678
lancevo7
Posté le 14-09-2006 à 19:39:18  profilanswer
 

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

n°1442892
lancevo7
Posté le 15-09-2006 à 10:54:53  profilanswer
 

c bon, je corrige petit a petit

n°1442974
MagicBuzz
Posté le 15-09-2006 à 12:17:56  profilanswer
 

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.

n°1442986
lancevo7
Posté le 15-09-2006 à 12:44:02  profilanswer
 

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

n°1443267
mIRROR
Chevreuillobolchévik
Posté le 15-09-2006 à 20:58:01  profilanswer
 

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

n°1443299
lancevo7
Posté le 15-09-2006 à 23:03:11  profilanswer
 

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

n°1443501
mIRROR
Chevreuillobolchévik
Posté le 16-09-2006 à 23:22:30  profilanswer
 

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>
  6.     <li><a href="#">Sous-Menu 1.2</a></li>
  7.     <li><a href="#">Sous-Menu 1.3</a></li>
  8.     <li><a href="#">Sous-Menu 1.4</a></li>
  9.     <li><a href="#">Sous-Menu 1.5</a></li>
  10.     <li><a href="#">Sous-Menu 1.6</a></li>
  11.    </ul>
  12.   </dd>
  13. </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 :/

n°1443511
lancevo7
Posté le 17-09-2006 à 00:04:59  profilanswer
 

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

n°1443672
lancevo7
Posté le 17-09-2006 à 18:59:28  profilanswer
 

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">
  9.     <li><a href="index.php?page=charpente" title="accueil" style="text-decoration:none"><font color="#FFFFFF"><b>Charpente</b></font></a></li>
  10.     <li><a href="#">Sous-Menu 1.1</a></li>
  11.     <li><a href="#">Sous-Menu 1.1</a></li>
  12.    </ul>
  13.      </ul>


Message édité par lancevo7 le 17-09-2006 à 18:59:43
n°1443691
lancevo7
Posté le 17-09-2006 à 19:18:43  profilanswer
 

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

n°1444152
lancevo7
Posté le 18-09-2006 à 15:00:07  profilanswer
 

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

n°1444153
anapajari
s/travail/glanding on hfr/gs;
Posté le 18-09-2006 à 15:04:38  profilanswer
 

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

n°1444163
lancevo7
Posté le 18-09-2006 à 15:16:35  profilanswer
 

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. }
  6. dl#menu
  7. {
  8. height: 25px ;
  9. background-color:#dea;
  10. list-style-type: none ;
  11. }
  12. dl#menu dt a
  13. {
  14. width: 130px ;
  15. line-height: 25px ;
  16. font-size: 1.4em ;
  17. font-weight: bold ;
  18. letter-spacing: 2px ;
  19. color: #fff ;
  20. display: block ;
  21. text-decoration: none ;
  22. border-right: 2px solid #dea ;
  23. }
  24. dl#menu li a
  25. {
  26. font-size: 1.4em ;
  27. font-weight: bold ;
  28. letter-spacing: 2px ;
  29. display:block;
  30. text-decoration:none;
  31. text-align:left;
  32. color:#FFFFFF;
  33. background-color:#dea;
  34. }
  35. dl#menu dt
  36. {
  37. float: left ;
  38. text-align: center ;
  39. }
  40. dl#menu ul
  41. {
  42. position:absolute;
  43. width:127px;
  44. height:100px;
  45. left: 444px;
  46. top: 177px;
  47. list-style-type: none;
  48. }
  49. dl#menu dt a:hover
  50. {
  51. background-color:#ab4;
  52. }
  53. dl#menu li a:hover
  54. {
  55. background-color:#ab4;
  56. }


 

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>
  6.  <dd id="smenu1">
  7.    <ul>
  8.     <li><a href="index.php?page=charpente" title="charpente" style="text-decoration:none">Charpente</a></li>
  9.     <li><a href="index.php?page=couverture" title="couverture" style="text-decoration:none">Couverture</a></li>
  10.     <li><a href="index.php?page=faience" title="faience" style="text-decoration:none">Faïence</a></li>
  11.       </ul>
  12.  </dd>
  13.  </dl>


Message édité par lancevo7 le 18-09-2006 à 15:17:45
n°1444175
lapin21
Posté le 18-09-2006 à 15:40:51  profilanswer
 

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

n°1444177
anapajari
s/travail/glanding on hfr/gs;
Posté le 18-09-2006 à 15:42:53  profilanswer
 

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

n°1444183
lancevo7
Posté le 18-09-2006 à 15:47:20  profilanswer
 

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

n°1444319
CNeo
Posté le 18-09-2006 à 19:20:21  profilanswer
 

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.

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

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

  Design vs en pensez quoi? + aide CSS

 

Sujets relatifs
Aide Blog[Firefox] <span> et CSS overflow
Appel aide.chm par une commande javascriptUne petite aide sur du javascript
[BATCH] Need aide batch touchant au PATH ! Je connais pas les batch :<besoin d'aide sur les module de classe
cherche une aide pour la présentation[Résolu] Positionnement DIV Css
[CSS] Onglets + Cadre: probleme avec FFDesign pour eviter un virtual...
Plus de sujets relatifs à : Design vs en pensez quoi? + aide CSS


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