27 utilisateurs inconnus

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

Nouveau webdesign.

 
n°136219
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 16:58:06  
 

Bonjour, bonjour, je viens vous présente la nouvelle version de mon petit portfolio :biggrin:

 

Le design est entièrement de moi tandis que je dois la grande parti du codage à FloraLuna

 

Enfin plutôt que de vous faire attendre je vous passe le lien :ar:

 

Il est normalement hébergé chez Niloo, mais aujourd'hui il est en rade, la première fois depuis que je suis chez eux pas de chance :ouch:

 

Il n'est pas totalement valide w3c, je ne sais pas pourquoi :frown: Il me semble que j'ai fais ça dans les règles de l'art mais ça ne doit pas être le cas :wink:

 

:meuh:

answer
mood
GoogleAds
profil
Posté le 13-04-2008 à 16:58:06  
 

answer
n°136220
Tenkan
http://www.tenkan05.fr
Profil : Top Penguin
Avatar
profil
Posté le 13-04-2008 à 17:06:17  
 

Ca ressemble assez à ce qui est à la mode en ce moment, j'aime bien, même si je trouve ça un peu triste (pas très coloré). :smile:

  

Seul reproche : tu devrais supprimer les barre de défilement de tes iframe et les remplacer par un code javascript qui permet de défiler, ça serait plus joli. :wink:

answer
n°136221
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 17:08:47  
 

C'est bien :smile: c'est clair, pur ...

 

Par contre, le contraste entre le fond et la police n'est pas assez important pour moi. J'ai du mal à lire.
Et pour le codage, il me semble qu'il faut que tu ferme certaines balises.

 
Citation :

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<link rel="shortcut icon" type="image/x-icon" href="design/favicon.ico" />
<link rel="icon" type="image/png" href="design/favicon.png" />
<input type="text" size="40" name="email_expediteur" value="" />
<input type="text" size="40" name="titre"value="" />
<input type="submit" name="envoyer" value="Envoyer" />

 

Ainsi que les br : tu as mis "<br>" et il faut mettre : "<br/>"

 

J'espère pas avoir dit de conneries mais c'est ce que me dit mon extension firefox :tongue:

 

Edit : j'ai oublié de dire que c'était dommage de limiter la navigation à un petit cadre. Si j'étais claustrophobe, je deviendrai fou.

answer
n°136222
CustMax
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 17:13:42  
 

Très beau !

 

Je ne trouve pas le cadre trop petit, comme Iensis (peut être parce que je suis en 1280*1024) mais il faudrait qu'il soit extensible car le barre de défilement ça le fait moyen. A moins que tu puisse la modifier avec dans le css :neutral:

 

:great:

answer
n°136223
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 17:54:43  
 

Tenkan a écrit :

Ca ressemble assez à ce qui est à la mode en ce moment, j'aime bien, même si je trouve ça un peu triste (pas très coloré). :smile:
Seul reproche : tu devrais supprimer les barre de défilement de tes iframe et les remplacer par un code javascript qui permet de défiler, ça serait plus joli. :wink:

 

Merci je vais regarder ce que je trouve pour supprimer les barres de défilement :wink:

 
Iensis a écrit :

C'est bien :smile: c'est clair, pur ...

 

Par contre, le contraste entre le fond et la police n'est pas assez important pour moi. J'ai du mal à lire.
Et pour le codage, il me semble qu'il faut que tu ferme certaines balises.
Ainsi que les br : tu as mis "<br>" et il faut mettre : "<br/>"

 

J'espère pas avoir dit de conneries mais c'est ce que me dit mon extension firefox :tongue:

 

Edit : j'ai oublié de dire que c'était dommage de limiter la navigation à un petit cadre. Si j'étais claustrophobe, je deviendrai fou.

 

Merci, mais je comprends pas mes balises sont fermées :neutral:
Sinon pour la taille du cadre il y a plusieurs raisons, ça permets de faire passer le site sur toute les résolutions ou presque et j'avais pas envie de me casser la tête avec un design extensible :tongue: (c'était déjà assez l bordel à centrer le tout correctement et sur tout les navigateurs :tongue:)

 
Citation :

Très beau !

 

Je ne trouve pas le cadre trop petit, comme Iensis (peut être parce que je suis en 1280*1024) mais il faudrait qu'il soit extensible car le barre de défilement ça le fait moyen. A moins que tu puisse la modifier avec dans le css :neutral:

 

:great:

 

Normalement on peut (du moins d'après ce qu'on m'a dit) modifier les barres de scrolls avec le css, mais j'arrive pas à en faire qui me plaisent :tongue:

answer
n°136224
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 18:00:15  
 

Cerium50> Ce que j'ai quoté c'est la version "corrigée".

 

Ex : tu as :

 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
au lieu de : <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

answer
n°136225
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 18:06:01  
 
answer
n°136226
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 18:09:02  
 

Arf je dis vraiment n'importe quoi :tongue:.

 

Edit : apparemment le problème viendrait de "language=" et de "<center>"
J'utilise "html validator" une extension pour firefox, ça aide pas mal

answer
n°136227
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 18:17:58  
 

Je vois bien que le problème viens d elà, mais je vois pas pourquoi :tongue: avec le code que t'avait mis avant j'avais encore plus d'erreur (dues à l'utf-8 :wink:)

answer
n°136228
lorien
Profil : Penguin
Avatar
profil
Posté le 13-04-2008 à 18:21:38  
 

Iensis a écrit :

Edit : apparemment le problème viendrait de "language=" et de "<center>"

 

en effet l'attribut language n'existe plus dans le xhtml. D'ailleurs si tu regarde c'est assez logique. Dans ton attribut type tu précise déjà qu'il s'agit de text/javascript, pourquoi le répeter une seconde fois dans un autre attribut.

 

pour ce qui est de ton center, l'explicatione est aussi assez simple. pour cela il faut comprendre que ton center ne peut être utilier que pour centrer une chaîne de caractère. Or tu l'utilise sur des balises h1 qui créent un bloc. Ton center est donc inaproprié dans ce cas. Utilise plutôt du css pour redéfinir l'alignement du texte de tes h1.

answer
n°136229
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 18:23:45  
 

cerium a écrit :

Je vois bien que le problème viens de là, mais je vois pas pourquoi :tongue: avec le code que t'avait mis avant j'avais encore plus d'erreur (dues à l'utf-8 :wink:)

 


Pour ça que je l'ai enlevé  :boulay:. Et j'avais pas vu que t'avais édité.

 

Bon ben lorien a l'air d'avoir résolu le problème :tongue:.

answer
n°136230
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 18:28:40  
 

lorien a écrit :

en effet l'attribut language n'existe plus dans le xhtml. D'ailleurs si tu regarde c'est assez logique. Dans ton attribut type tu précise déjà qu'il s'agit de text/javascript, pourquoi le répeter une seconde fois dans un autre attribut.

 

pour ce qui est de ton center, l'explicatione est aussi assez simple. pour cela il faut comprendre que ton center ne peut être utilier que pour centrer une chaîne de caractère. Or tu l'utilise sur des balises h1 qui créent un bloc. Ton center est donc inaproprié dans ce cas. Utilise plutôt du css pour redéfinir l'alignement du texte de tes h1.

 

SI j'ai bein compris, j'ai juste à supprimer le "language="javascript" ? :smile:

 

Et pour les h1 je vais le faire avec du css comme tu me l'indiques, merci :biggrin:

 

Edit : Bon une page de plus de validée :tongue:

 

Edit² : le problème est le même sur les 3pages utilisant lytebox,

 
Citation :

CODE…s/full/just_a_dream.png" rel="lytebox[vacation]" title="Une retouche photo, lIt is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

 

Le problème se situe au niveau du premier crochet de vacation :wink:

answer
n°136231
lorien
Profil : Penguin
Avatar
profil
Posté le 13-04-2008 à 18:37:45  
 

pour ta page de contact, tu as mis ton input directement dans tes balises form. c'est pas autorisé. tu dois mettre un paragraphe. ou alors tu mets les balises form autour de ton conteneur (div)

answer
n°136232
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 18:51:40  
 

Bon là je suis un peu plus largué comme je m'y connais pas en php et que j'ai juste repris un script que l'on m'a passé :wink:

 

Donc si j'ai bien comprit il faut que input soit dans un paragraphe, mais là où je cale c'est que c'est justement le cas :wink:

 

CODE        <form method="post" action="contact.php">
                <p>Votre email :<br/>
            <input type="text" size="40" name="email_expediteur" value="<?php
            if (!empty($_POST["email_expediteur"])) {
            // l'adresse email de l'exp?teur a ? saisie: la r?ficher
                    echo htmlspecialchars($_POST["email_expediteur"],ENT_QUOTES);
            }
            ?>" />
            </p>
            <p>Objet du message (facultatif) :<br/>
            <input type="text" size="40" name="titre"value="<?php
            if (!empty($_POST["titre"])) {
            // le titre du message a ? saisi: le r?ficher
                    echo htmlspecialchars($_POST["titre"],ENT_QUOTES);
            }
            ?>" />
            </p>
            <p>Message :<br />
            <textarea name="message" cols="40" rows="5"><?php
            if (isset($_POST["message"])) {
            // le message a ? saisi: le r?ficher
                    echo htmlspecialchars($_POST["message"],ENT_QUOTES);
            }
            ?></textarea>
            </p>
            <input type="submit" name="envoyer" value="Envoyer" />
            </form>

answer
n°136233
lorien
Profil : Penguin
Avatar
profil
Posté le 13-04-2008 à 19:15:13  
 

CODE        <form method="post" action="contact.php">
                <p>Votre email :<br/>
            <input type="text" size="40" name="email_expediteur" value="<?php
            if (!empty($_POST["email_expediteur"])) {
            // l'adresse email de l'exp?teur a ? saisie: la r?ficher
                    echo htmlspecialchars($_POST["email_expediteur"],ENT_QUOTES);
            }
            ?>" />
            </p>
            <p>Objet du message (facultatif) :<br/>
            <input type="text" size="40" name="titre"value="<?php
            if (!empty($_POST["titre"])) {
            // le titre du message a ? saisi: le r?ficher
                    echo htmlspecialchars($_POST["titre"],ENT_QUOTES);
            }
            ?>" />
            </p>
            <p>Message :<br />
            <textarea name="message" cols="40" rows="5"><?php
            if (isset($_POST["message"])) {
            // le message a ? saisi: le r?ficher
                    echo htmlspecialchars($_POST["message"],ENT_QUOTES);
            }
            ?></textarea>
            </p>

 

            <!-- ou pas !!! -->
            
            <input type="submit" name="envoyer" value="Envoyer" />

 

            <!-- -->

 

            </form>

 

answer
n°136234
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 19:23:31  
 

Ah oui j'avais regardé ceux au-dessus (preuve de mon ignorance en php).

 

Et t'aurais pas une petit idée pour les deux erreurs qu'il reste, une avec la lytebox et celle-là
CODE#  <input type="text" size="40" name="titre"value="" /> ?

 

Merci beaucoup de ton aide :biggrin:

answer
n°136235
lorien
Profil : Penguin
Avatar
profil
Posté le 13-04-2008 à 19:30:55  
 

pour la première erreur c'est du à la présence du crochet... il aime pas trop ça... j'ai une idée de solution mais je garantis pas que ca marche... remplace ton doctype par celui-ci et on verra ce que ca dit :

 

CODE<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

ensuite pour l'autre erreur il manque juste un espace entre tes deux attributs.

 

CODE<input type="text" size="40" name="titre" value="" />

 

edit : le seul problème c'est que ca te fait repasser en xhtml 1.0 au lieu du 1.1

answer
n°136236
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 19:46:04  
 

Magnifique, tout est valide :biggrin:

 

Encore une fois [img]style_emoticons//merci.png[/img]

answer
n°136237
lorien
Profil : Penguin
Avatar
profil
Posté le 13-04-2008 à 19:49:15  
 

de rien ^^

 

edit : par contre tu as plein d'erreur sur ta page avec tes nouveaux liens pour la validation...

 

utilise cette adresse au lieu de celle que tu as : http://validator.w3.org/check?uri=referer.

 

edit2 : ta page rend trop haute sur opera, j'ai la scrollbar qui apparait. essaie de regarder avec la hauteur de tes blocs et de ton body.

answer
n°136238
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 20:40:14  
 

Effectivement c'est bizarre sur Opera je viens de regarder :biggrin: *browsershot marche toujours pas argh*

answer
n°136239
Tatice
Borsalino Gang
Profil : Penguin Pro
Avatar
profil
Posté le 13-04-2008 à 20:48:51  
 

Sympa ce petit site, il est très agréable à regarder :wink:

answer
n°136244
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 14-04-2008 à 10:10:49  
 

Quand on survole une image, il y le titre de celle-ci mais ça fait pas terrible de voir :

Citation :

Une retouche photo, la photo provient d' <a href=&apos;http://angelcurioso.deviantart.com/&apos;>AngelCur

 

Et quand on clique sur une image, on accède directement à l'image. Lytebox ne devrait pas l'"ouvrir" comme dans la galerie crystalxp?

 

Edit : Sous ie c'est catastrophique ce que j'obtiens XD
         Je pense que tu devrais rajouter un index.php dans chacun de tes dossiers avec une redirection vers la page d'accueil (histoire de pas avoir accès à cette page par exemple : http://cerium50.free.fr/pics/ ).

answer
n°136245
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 14-04-2008 à 10:48:28  
 

Iensis a écrit :

Ainsi que les br : tu as mis "<br>" et il faut mettre : "<br/>"

 

Cela ne fera pas avancer grandement les choses mais
ce n'est pas <br/> non plus mais <br /> avec l'espace
comme vous l'avez fait avec les fin de balises meta pour
être strictement valide.

 

Très chouette design cerium50. Point trop n'en
faut.

answer
n°136246
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 14-04-2008 à 10:48:45  
 

Tatice a écrit :

Sympa ce petit site, il est très agréable à regarder :wink:

 

Merci Tatice :biggrin:

 
Iensis a écrit :

Quand on survole une image, il y le titre de celle-ci mais ça fait pas terrible de voir :

 

Et quand on clique sur une image, on accède directement à l'image. Lytebox ne devrait pas l'"ouvrir" comme dans la galerie crystalxp?

 

Edit : Sous ie c'est catastrophique ce que j'obtiens XD
         Je pense que tu devrais rajouter un index.php dans chacun de tes dossiers avec une redirection vers la page d'accueil (histoire de pas avoir accès à cette page par exemple : http://cerium50.free.fr/pics/ ).

 

Pour la lytebox j'ai eut le problème au début, il faut attendre que la page soit chargée :biggrin: Le problème du lien, c'est que c'est le commentaire qui apparait lorsque l'on clic sur le lien :wink:

 

Pour l'index.php, j'y cours, mais il n'y a pas moyen de réduire l'accès avec un .htaccess (c'est juste à titre informatif)

 

Et pou finir, c'est quelle version d'ie ?

 

answer
n°136247
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 14-04-2008 à 11:14:44  
 

cerium a écrit :

Pour la lytebox j'ai eut le problème au début, il faut attendre que la page soit chargée :biggrin: Le problème du lien, c'est que c'est le commentaire qui apparait lorsque l'on clic sur le lien :wink:

 

:great: Lytebox fonctionne (j'ai envie d'aller trop vite :ouch:). Et pour le lien, il n'existe pas un moyen de mettre une info-bulle différente de la légende?

 
Citation :

Pour l'index.php, j'y cours, mais il n'y a pas moyen de réduire l'accès avec un .htaccess (c'est juste à titre informatif)

 

Aucune idée, je met des index.php parce que c'est la seule idée qui me soit venue quand j'avais fait mon site.

 
Citation :

Et pour finir, c'est quelle version d'ie ?

 

Celle qu'on a quand on fait un formatage et qu'on réinstalle windows xp  :boulay: donc la 6.

 

Edit : apparemment, free accepte les .htaccess mais avec une méthode différente (j'ai pas lu le tuto mais c'est ce qu'ils disent ici : Tuto .htaccess chez free)

answer
 Page :  1  2
Page Précédente 

Aller à :
Ajouter une réponse