Que pensez vous de mon debut de site?
Que pensez vous de mon debut de site? - Web design - Graphisme
Marsh Posté le 04-02-2003 à 19:52:06
C'est mieux. 
Message édité par parappa le 04-02-2003 à 19:52:41
---------------
DU LINO DE BATARD IMITATION CARREAUX DE CIMENTS ILLEGITIMES§§§
Marsh Posté le 04-02-2003 à 19:53:08
| parappa a écrit : C'est mieux. |
ayé,il me flood mon topique et il se barre 
Message édité par ThorgaI le 04-02-2003 à 19:57:01
Marsh Posté le 04-02-2003 à 22:58:36
tes blocs semblent posés au hasard... tu devrait essayer de poser des axes pour caler tout.
et sinon, je suppose que tes fonds de tableaux sont semi-transparents c'est ça ?
Marsh Posté le 04-02-2003 à 23:11:04
Y'a un petit problème avec tes CSS dans Moz, les menus sont complètement décalés :
http://cmotsch.free.fr/hfr/screen1.png
(Testé avec Mozilla 1.2.1, windows 98)
Marsh Posté le 05-02-2003 à 03:01:36
| cmotsch a écrit : Y'a un petit problème avec tes CSS dans Moz, les menus sont complètement décalés : |
même problème, Mozilla 1.2.1 Debian woody
Marsh Posté le 05-02-2003 à 09:37:10
| cmotsch a écrit : Y'a un petit problème avec tes CSS dans Moz, les menus sont complètement décalés : |
t'as trouvé le skin mozilla? 
Marsh Posté le 05-02-2003 à 10:12:07
| chacal_one333 a écrit : t'as trouvé le skin mozilla? |
Thème Skypilot :
http://themes.mozdev.org/themes/skypilot.html
Il roxe pas mal
Marsh Posté le 05-02-2003 à 12:54:07
Bon, j'ai regardé un peu le code, et j'ai tiré quelques trucs pour que ça marche mieux (j'ai testé avec IE5.0, Moz1.2.1, Opera 6 et Netscape 4.7, sous Win) :
- dans ton fichier "style.css" :
1) Enlève les attributs "white-space" des classes ".table2" et ".subtitle", qui sont responsables des décalages dans Mozilla et Opera (j'ai pas constaté de différences sur IE quand on les enlève).
2) Dans ta classe ".subtitle" mets une hauteur ("height" ) un peu plus grande, ou supprime là carrément (les polices n'ont pas la même taille d'un navigateur/plate-forme à l'autre).
3) Plutôt que de définir l'image de fond et son attachement directement dans la page HTML, mets le dans la feuille de style ("background-image:url(bg.jpg)" et "background-attachment:fixed" ), comme ça on aura l'image fixe partout.
4) Dans ta classe .tableau2, enlève 'valign="top"' (il y a déjà un vertical-align et la syntaxe est incorrecte).
Avec ça, ça passe mieux avec Moz et Opera (même si le rendu reste dégradé, mais bon, le principal c'est que ça marche) sans affecter le rendu sur IE.
Pour Netscape 4.7, le fond est comlètement opaque, ce qui rend le texte illisible. Pour résoudre ce problème, mets les propriétés d'opacité dans une seconde feuille de style et appelle là depuis la première avec un "@import url(style2.css);".
Au fait, pense à fermer les balises <td>
Message édité par cmotsch le 05-02-2003 à 12:55:51
Marsh Posté le 05-02-2003 à 13:56:39
| lorelaii a écrit : tes blocs semblent posés au hasard... tu devrait essayer de poser des axes pour caler tout. |
exactement,je sais pas trop ou mettre mes blocs :'(
oui les fonds sont "semi" transparant,srry to mac users 
Marsh Posté le 05-02-2003 à 14:03:43
| cmotsch a écrit : Bon, j'ai regardé un peu le code, et j'ai tiré quelques trucs pour que ça marche mieux (j'ai testé avec IE5.0, Moz1.2.1, Opera 6 et Netscape 4.7, sous Win) : |
1)je vais enlever ca
2)ah,je vais changer ca ossi alors
3)je comprend pa trop,comment on place ca dans la fueille de style? c pour eviter de le remettre dans le html c ca?
4)ok je vais mediter la dessus aussi
Je comprend pas trop nonplus pour netscape.Si je suis ce que tu dis,il faut que je creer une 2em feuille de style juste pour Netscape? Mais comment je fait pour que ca reconnaise le browser?
Dans tout les cas merssi bcp
P.S: le problem sous moz, c paskeu j'avais pas fermé les <td> c ca?
>Chicotos,oué j'vais changer,j'ai fait un truc à la con sous fotoshop pour voir ce que ca faisait,mais en fait c moche 
mais vu que je suis trop nul avec photoshop,je c pas encore ce que je vais faire :'( Surtout qu'il faut un background grand,mais leger en ko.
Marsh Posté le 05-02-2003 à 14:29:25
| ThorgaI a écrit : |
3) Dans ta feuille de style tu peux définir directement les propriétés des balises. Dans ce cas tu mets :
Code :
|
Et tu enlèves les attibuts "bgproperties" et "background" de ta balise <body>.
Pour Netscape, ce sont les propriétés d'opacité mises dans les feuilles de style qui posent des problèmes d'affichage. L'intérêt est donc de faire ignorer ces propriétés par Netscape (tout en les gardant pour les autres browsers). Les feuilles de style importées via @import sont ignorées par Netscape 4 mais prises en compte par tous les autres navigateurs, donc pas besoin de faire une détection.
Tu sépares tes styles en 2 de cette façon (je prends l'exemple pour la classe ".news" :
Première feuille (commune à tous) :
Code :
|
Seconde feuille (commune à IE, Opera, Moz mais ignorée par Netscape 4) :
Code :
|
Quant aux balises <td> non fermées, disons que ça ralentit inutilement l'interprétation du code par le navigateur (peu importe lequel) qui doit chercher et corriger les erreurs (quand il arrive à corriger l'erreur).
Le problème avec Moz (et Opera), c'était surtout le point 1)
Message édité par cmotsch le 05-02-2003 à 14:34:44
Marsh Posté le 05-02-2003 à 14:45:03
Merci bcp,je m'occupe de ca!
euh,le @import tu le met comment?
Marsh Posté le 05-02-2003 à 14:49:42
| tristanf a écrit : j'aime pas trop le fond, dsl... |
je vais le changer zinquietez pas...
Par contre pour le fond,il faut que je mette une image de quelle taille? 1024*768?
Marsh Posté le 05-02-2003 à 14:52:53
perso j'aime pas les image en fond !
si tu met rien et que la reso est de 1600 ca va faire un backgroudn repeat et ca ya rien de plus laid !
perso je prefere les couleur uni comme ca quelque soit la reso ya no problem !
ou alors une image uniforme ca passe
Marsh Posté le 05-02-2003 à 14:54:10
| chacal_one333 a écrit : perso j'aime pas les image en fond ! |
c'est pas possible de mettre une image qui s'adapte à la réso ? (image de départ en 1600 et case redimensionne selon la réso de chacun)
Marsh Posté le 05-02-2003 à 14:57:45
| chacal_one333 a écrit : perso j'aime pas les image en fond ! |
ué c kler...le repeat c trop laid :'(,mais la couleur uniforme j'en ai marre,et je vois pas koi mettre comme texture,le plus souvent ca fait tres moche!
Marsh Posté le 05-02-2003 à 14:58:33
| tristanf a écrit : c'est pas possible de mettre une image qui s'adapte à la réso ? (image de départ en 1600 et case redimensionne selon la réso de chacun) |
moi j'pense que ca existe,doit y'a avoir un truk auto-resize qqpart
Marsh Posté le 05-02-2003 à 14:59:32
ben generalement on voit des fond avec des ligne toute fine !
ca reste discret et ca fait un peu habillé ![[:spamafote]](https://forum-images.hardware.fr/images/perso/spamafote.gif "[:spamafote]")
Marsh Posté le 05-02-2003 à 15:10:48
ca marche pas ca : body
{
background-image:url(bg.jpg);
background-attachment:fixed
}
:'(
ca marche pas sous i.e , mais ca marche sous dreamweaver 
help 
Message édité par ThorgaI le 05-02-2003 à 15:15:23
Marsh Posté le 05-02-2003 à 15:13:24
| chacal_one333 a écrit : ben generalement on voit des fond avec des ligne toute fine ! |
avec un quadrillage tu veux dire?
O fait,comment je fait si je ne veux pas que les liens soient soulignés?
Est-ce que je peux mettre les propriete des liens dans le css?
Marsh Posté le 05-02-2003 à 15:14:27
| ThorgaI a écrit : |
euh, il me semble que ca peut sefaire que dans les proprio navigateurs.
Marsh Posté le 05-02-2003 à 15:15:48
| tristanf a écrit : euh, il me semble que ca peut sefaire que dans les proprio navigateurs. |
ca m'aide pas trop ca
Marsh Posté le 05-02-2003 à 15:21:24
| ThorgaI a écrit : |
nan, mais je pense pas ue ca soit possible en HTML c tt, c'est les réglages de chacun qui le permettent...
Marsh Posté le 05-02-2003 à 15:24:56
Si si, tu peux définir les propriétés de tes liens dans ton fichier .CSS, tu spécifies "text-decoration: none" et ils ne seront pas soulignés
---------------
[ Canon EOS 30D ] (Grip + Canon 50mm f/1.4 + Canon 18-55mm USM + Tamron 70-300mm Di LD Macro) [Galerie perso]
Marsh Posté le 05-02-2003 à 15:29:24
| ThorgaI a écrit : ca marche pas ca : body |
@import tu le mets à la fin de ta première feuille de style.
Code :
|
Pour body je viens de retester avec IE5.5/WinNT4 (à mon école) ça marche. Vérifie que l'emplacement de l'image est correct, et que tu as bien mis "body" (et pas ".body" qui est une classe).
Marsh Posté le 05-02-2003 à 15:34:45
| ThorgaI a écrit : |
Tu peux définir les propriétés (couleur, soulignement, ...) avec :
a:link { (tes propriétés) } pour les liens "par défaut" (les bleus).
a:active { (tes propriétés) } pour les liens actifs (les rouges).
a:visited { (tes propriétés) } pour les liens déjà visités (les violets).
a:hover {(tes propriétés) } quand tu poses le curseur au dessus du lien.
PS : un petit lien utile pour le HTML/CSS : http://forum.hardware.fr/forum2.php3?post=26941&cat=10
Marsh Posté le 05-02-2003 à 15:39:11
merci beaucoup à tous 
, c incroyable tout ce que vous savez
je vais essayer des trucsn,je vous dit si g des problemes et qd je mettrais le tout online
Marsh Posté le 05-02-2003 à 16:33:43
ca y'est zai fini,qq finition,et j'upload, j'ai pris en compte ce que m'avais dit lorelai pour les blocs et j'ai fait une nouvelle organisation,ca savere pas trop mal!
Marsh Posté le 05-02-2003 à 16:54:56
ca yé!!! ouf,le resultat de 5h de travail acharné
http://site.voila.fr/planet_games/tryit/
Balancez les critiques !!
Marsh Posté le 05-02-2003 à 16:55:15
ta fini l'upload ? pasque les cadres qui bougent alors que le fond reste bloqué, ca fait comme mal au coeur ![[:vomi]](https://forum-images.hardware.fr/images/perso/vomi.gif "[:vomi]")
Sujets relatifs:
- Que pensez-vous de ma rubrique bière ?
- Que pensez vous du design de ce forum ?
- faire site web simple
- Petit aide pour ma maquette de site s'il vous plait :)
- vous en pensez quoi (newb)
- quelqu'un connait un site qui offre des objet .max en téléchargement ?
- Que pensez vous de ce design ?
- Cherche le site du dico des couleurs
- Un site avec un fond sonore
- votre avis sur mon site
Marsh Posté le 04-02-2003 à 19:46:58
Y'a pas grand chose c'est juste un debut,dites moi ce que vous en pensez,vos critiques sont pour moi plus qu'indispensables!
voila l'url
http://site.voila.fr/planet_games/tryit/index.htm
Message édité par ThorgaI le 04-02-2003 à 19:51:17